라벨이 Typography인 게시물 표시

[UX] 구글 머티리얼 디자인 – 3.6.머티리얼 기초(Material foundation) – 서체(Typography): 언어 지원(Language support)

이미지
서체가 표현하는 문자의 크기, 표현 양식은 각 언어가 같고 있는 문자셋(Character set)이 영문과 유사한지(English-like), 높게 표현되는지(Tall), 굵게 표현(Dense)되는지 등에 따라 매우 다양합니다. 즉, 하나의 서체가 여러 언어를 지원할 때, 각 언어별로 서체가 표현되는 양식이 달라진다는 것이고, 이러한 세부사항을 머티리얼에서 어떻게 다루는 지 본 포스팅에서 다룰 것입니다.

[UX] 구글 머티리얼 디자인 – 3.6.머티리얼 기초(Material foundation) – 서체(Typography): 서체 이해하기(Understanding typography)

이미지
서체는 계층적 속성을 갖고 있고, 브랜드를 표현합니다. 여기서 계층적 속성이란 서체가 위치하는 기준선(Baseline), 상단기준선(Cap Height) 등을 표현하는 서체와 관련된 규격들을 의미합니다. 서체는 앞서 이야기한것처럼 이미지와 함께 제품을 표현하는 주된 요소이며, 제품에서 표현하고자 하는 브랜드를 서체로 나타낼 수 있습니다.

[UX] 구글 머티리얼 디자인 – 3.6.머티리얼 기초(Material foundation) – 서체(Typography): 서체 시스템(The type system)

이미지
서체(Typography)는 이미지와 함께 제품을 표현하기 위해 가장 중요한 표현 요소입니다. 서체는 좁은 의미에서 흔히 글꼴 또는 폰트라고도 하며, 제품의 디자인과 콘텐츠를 표현하는 서체는 최대한 명확하고 효율적으로 사용해야 한다고 머티리얼 디자인은 명시하고 있습니다.