Android Material Design Style-Typography

Android Material Design Style-Imagery

출처 : http://www.google.com/design/spec/style/imagery.html#imagery-best-practices

이미지 만드는 법도 디자이너에게

------------------------------------------------

Android Material Design Style-Typography

출처 : http://www.google.com/design/spec/style/typography.html#typography-language-categorization

언어별 구분이 필요함. 크게 세가지로

기본 크기 :영어와 그 인접언어 : Latin(베트남 제외), Greek 등은 Roboto와 Noto를 둘 다 지원함

Dense : 한글Korean, 중국어Chinese, 일본어Japanse 등의 언어는 글자의 높이도 높지만 더큰 형태(glyphs)를 가지고 있다

 - Noto는 지원 함(비중을 7로 : 7 weight.

Tall : Arabic, Hindi, Telugu, Thai, Vietnamese 등 동남아와 중동쪽 언어는 글자의 높이가 훨씬 높다

 - Noto는 지원 함(비중을 2로 : 2 weight).

서체(typeface)

- Noto 

- Noto font weight (글씨의 검은 단계)

Thin -> Light -> DemiLight -> Regular -> Medium -> Bold -> Black

 

Styles

- 서체에 따른 글자의 크기 정의

Dense scripts

Weight : 한글Korean, 중국어Chinese, 일본어Japase 등은 7 weight이다. 영어는 기본과 동일

Font size : 

Line height : 줄 높이

Dense

색상과 콘트라스트(Color & Contrast)

- 글자색이 배경색과 너무 유사하면 읽기가 어렵다. 또한 너무 강조가 되어있어도 읽기가 어렵다.

어두운 배경에는 밝은색의 글씨색을 지정해야 한다.

글자의 최소  콘트라스트율은 최소한 4.5:1을 유지해야한다. 7:1의 비율이 더 낫다.

아래는 용도에 따른 콘트라스트 비율이다.

Contrast over light background : 밝은 배경 위의 글자 콘트라스트

어두운 배경위에 글자 콘트라스트

Contrast over image : 사진위에 글자 콘트라스트

Contrast over illustration : 일러스트 위에 글자 콘트라스트

Line length : 한 줄의 길이

한 줄에는 60글자(영어기준), 한글이면 30자 내외가 좋다. 

Short Lines : 짧은 라인인 경우에는  Body Lines의 절반(한글 15자, 영문 30자 내외)이 적당하다

Body Text(본문 글)의 경우

Short Lines : 짧은 라인인 경우에는  Body Lines의 절반이 적당하다