내가 배우는 이야기

UI/UX 디자인 - 가이드 만들기(ex.폰트가이드) 본문

로봇화/UI. UX 디자인

UI/UX 디자인 - 가이드 만들기(ex.폰트가이드)

깨끗한눈빛 2018. 6. 14. 19:59

UI 디자인 가이드 만들기

: 폰트가이드, 버튼가이드 등

- 가이드: 기준선에 맞는 컨텐츠 배치

- 레이아웃: 메인 레이아웃 및 그리드 배치


1. 폰트 가이드

- 타이틀용 서체(약 1~2개+)

- 본문(서술)용 서체(약 2~3개)

- 포인트용 서체(약 1~2개)


FONT GUIDE

- Title: Noto Sans Bold 20px #ffffff

- Main: Noto Sans / Regular / #000000

- Sub: Noto Sans / Regular / #000000


ex.



2. 색상 가이드

- 주조색(주로 쓰이는 색상)

- 보조색

- 강조색

Comments