글자 크기 :: type scale

Type scale 정의

Typograph

1. 안드로이드 가이드 기준
    a. google material design
    구글 material > the type system
    b. 6+2+2+3이 기본
        i. headline
        ii. subtitle
        iii. body
        iv. etc( btn, caption, overline)
    c. font weight / size /  letter spacing로 type 단계별 디테일 높임. 
    d. 프로젝트의 크기에 따라 Headline 수 조절. 

 

google material type scale

(참고)
Headline폰트와 body폰트종류를 나누어 진행할수도 있는데. 
Headline은 디자인의 아이덴티티 측면을
body폰트는 가독성을 고려해서 선정하면 좋다.

2. 기타 참고 사이트
    a. The typographic scale

       비율(em / rem)로 정의

The typographic scale

golden ditonic scale (황금비율) 을 가장 많이 사용

    b. type-scale.com/

        기본 폰트의 배수로 정의
        기본폰트를 먼저 정하고 폰트를 다양화 한다. 

type-scale.com

3. type pairing

단어 + 단어 = 문장
문장 + 문장 = 단락
단락 + 단락 = 글. 

4. 타이포에 대한 이해

1. better web type
타이포그래피의 리듬에 대한 정보를 확인 할 수 있다. 
(이 글에 대해서는 별도로 블로깅 하겠음)

2. material guide

 

위 정보들만 잘 활용한다면 좀 더 수월하게 디자인을 할 수 있을것이다.