관리 메뉴

cmos00

9. 타이포그래피 본문

+ 정리하기/모바일 GUI 디자인

9. 타이포그래피

cmos00 2017. 5. 10. 16:56
728x90

1. 모바일과 타이포그래피


 1) 타이포그래피의 이해

  - 구체적 대상, 매체, 콘텐츠의 성격, 비즈니스 목표/의도에 맞춰 사용되어야 함

  - 매체의 경우 사용성과 가독성 측면에서 최적화 되어야 하며 운영체제에 따른 가이드를 따라야 함

  - 텍스트, 사진, 동영상, 음악 등 다루는 콘텐츠에 따라 구성되어야 함


 2) 운영체제 별 기본 폰트

  - iOS: San Francisco (영문) / Apple SD Gothic (국문)

  - Android: Roboto (영문) / Noto Sans CJK KR (국문)

  - 그래픽 툴, 개발 툴, 디바이스 폰트가 다 맞는 지 확인 필요


 


  - Built-in app (iOS) / Default app (Android)의 서체 사용방법을 익히고 표준을 이해해야 함 




2. iOS 타이포그래피


 1) Family Font 활용

  - 통일성과 균형을 위해 될 수 있으면 한가지 Family Font만을 활용하여 구성


 2) 효과적인 컬러 사용



 3) 컬러/폰트 위계 적용




3. Android 타이포그래피


 1) 구분

  (1) English, English-like Script

   - 영어, 유사한 알파벳 사용 서체

  (2) Dense Scripts

   - 국문, 중문, 일문 서체

  (3) Tall Scripts 

   - 그밖에 언어


* 서체 분류 별 사이즈 비교

<English>



<Dense>


<Tall>



 2) 참고

  - Android의 경우 디자인 표준 가이드 업데이트보다 Default앱의 적용이 더 빠르므로 앱을 

    정기적으로 참고할 필요가 있음


728x90

'+ 정리하기 > 모바일 GUI 디자인' 카테고리의 다른 글

11. UI 시나리오 문서의 이해와 GUI 디자인  (0) 2017.05.11
10. 레이아웃  (0) 2017.05.10
8. 컬러  (0) 2017.05.10
7. 아이콘 디자인  (0) 2017.05.07
6-2. 콘텐츠 디자인 - Android  (0) 2017.05.07