UX UI
[패스트 캠퍼스 수강후기] UIUX 인강 100% 환급챌린지 40회차 미션
두라이
2020. 9. 18. 12:17
UX/UI 디자인(2020) 올인원 패키지 Online.
UIUX 인강 미션이 40회차이다~ 이제 열흘만 더 하면 미션 성공~ 조금만 더 힘내자!
매일 강의듣고 블로그에 글 올리는게 마냥 쉬운일은 아니라는 생각이 든다.
03. UI 디자인
컴포넌트 디자인 - 03. App bars - 2
Material Design Download
icons 누르기
화면에 있는 아이콘 클릭해서 다운로드
혹은 검색해서 다운로드
vector tool - SVG
스케치 화면에 드래그 앤 드롭으로 가져오기
아이콘은 inactive 상태에서 54%의 opacity를 가져야함
But 회색을 100%로 넣어달라는 요청을 받을 때도 있음
- 회색 grayscale값 결정
- a값 직접 입력
- 예) #555555
- command + r 이름 수정
- create symbol
Icon을 직접 그려서 사용하기
- 크게 만들고 줄이면 비율이 줄어듦
- layer - convert to outlines
W만 가진 상태로 저장, 사용
create symbol 심볼 등록
icon/~ 저장하면 icon 폴더 안에 저장
+ insert menu - symbol - document - icon
아이콘 사이즈는 24*24 이지만
터치영역은 48*48
T - roboto - 20pt
권장 위치 - option 누르고 배치
- 벙벙해보일 수 있음
- 아래 들어오는 리스트 생각한 material design
- 리스트가 없다면 벙벙해 보일 수 있음
- 없다면 스타일에 맞게 조절
- !! icon은 무조건 여백 12정도는 가져야 함 !!
- 최소 12 이상, 8의 배수값 권장
- 타이틀 영역 나중에 들어갈 정도까지 늘여주기
- 12만큼의 영역을 필요로 하므로 아이콘까지 늘여주고 -12 해서 줄이기
- 최솟값 12
- 실제 디자인 비율을 고려하지 않은채 수치에만 집중하는 경우가 있음
- material design guide는 권장사항이므로
- 실제 제작 서비스의 밸런스가 더 중요
- command+g로 그룹
UX/UI 디자인 올인원 패키지 Online.