[패스트 캠퍼스 수강후기] UIUX 인강 100% 환급챌린지 41회차 미션

UX/UI 디자인(2020) 올인원 패키지 Online.

오늘은 UIUX 인강에서 스케치 컴포넌트 리사이징 위주로 배웠는데, 처음 배우는 개념이라 모호한것같아서 다시 복습해야겠다;

 

03. UI 디자인

 

컴포넌트 디자인 - 03. App bars - 2

 

Resizing

리사이징

 

1. art board 복제
2. resizing tap 붙여넣기
3. 오른쪽 탭 resizing fix size
4. icon의 height width 값 고정
5. 왼쪽 icon은 pin to edge 왼쪽
6. text는 height만 고정 + 왼쪽 pin
7. 오른쪽 icon들 pix width height + 오른쪽 pin
8. 늘었을 때도, 줄어들었을 때도 아이콘이 위치에 고정
9. 다른 사이즈의 화면에 리사이징 가능

 

 

ipad 리사이징

1. command + D 로 아트보드 복제

 

1. Adjust content on resize에 체크
2. 아이패드 해상도인 768*1024로 아트보드 사이트 변경
3. 상단 바 위쪽에 pin & 높이값이 바뀌지 않도록 fix

 

 

 

Taps - Material Design

 

Fixed tabs - 화면에만 있는 탭

Scrollable tabs - 스크롤 할 수 있도록 잘라놓은 탭, 사용자가 화면 안 보이는 곳에 더 있다는 것을 식별

 

Text type 작업

material guide design taps

웹에서 작업 가능

1. 48*168 박스 그리기 - 박스 그리고 수치로 설정
2. w 100% h 48
3. command + D

 

마우스 오른쪽 버튼 누르면 안보임

 

 

꼭 16 여백 설정! 

 

1. Type 14 pt,  roboto 
2. 좌우 16 16 여백 나오도록  조절
3. -16 줄이기
4. alien Center
5. 높이값 20 띄어주기%

 

 

1. line - width 설정하면 좌표나 사이즈에 소수점 발생
2. 동일한 사이즈의 박스를 만들어 주는게 깔끔함

1. 그룹 저장 
2. command + D

1. 상태별로 심볼 저장

1. create symbol 
2. 그룹 상태 바꿀때 심볼만 교체

컴포넌트끼리 구분하기 위해 컴포넌트와 컴포넌트 사이가 갈라져 보일 수 있음

탭은 균등하게 나뉘어 있기 때문에 고정하지 않아도 adjust conenton resize만 해도 됨

height는 fix 해야함

 

---

UX/UI 디자인 올인원 패키지 Online.  

https://bit.ly/2PDn0W0