웹 디자인 이론 STEP 06.

 

웹디자인 이론 STEP 06. 에서는 타이포그래피 가이드, 타이포그래피의 이론적인 규칙, 모바일 UI 디자인 구성요소의 섹션 별 명칭에 대해 정리했습니다. STEP 05.와 마찬가지로 알고 있다면 모바일 작업을 할 때 유용한 내용입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다.

 

타이포그래피 가이드

iOS 단위(Point) - San Francisco 폰트 기준

 

 

Android(SP) - Roboto 폰트 기준

 

 

타이포그래피 규칙

1. 한 가지 서체 사용

몇 가지 글꼴 변형 및 크기로 사용할 수 있는 OTF 서체를 선택하는 것이 작업하기 편하다. 하지만 반드시 OTF서체를 선택해야 하는 것은 아니다. 개인의 작업 기획이나 방향성에 맞춰서 서체를 선택하면 된다.

 

2. 서체의 스타일을 사용해서 구분

시각적으로 구별되는 방식으로 내용을 표현하면서 최적의 가독성을 유지할 수 있다.

 

3. 대비되는 색상을 사용하여 정보를 강조

시각적으로 구별되는 방식으로 내용을 표현하면서 최적의 가독성을 유지할 수 있다.

 

4. 자간과 행간, 글줄로 구분

크기가 작거나 텍스트의 간격이 좁으면 가독이 떨어지기 때문에 정보를 건너뛰게 된다. 소비자들의 이탈률을 낮추기 위해서 텍스트의 자간, 행간 조절은 매우 중요하다.

 

5. 폰트 크기 10pt 이하 사용금지

10pt 이하 폰트의 크기는 가독성을 떨어트리므로 사용을 피하는 것이 좋다. 하지만 실무에서는 가끔씩 예외상황이 존재한다. 

 

 

모바일 UI디자인 구성요소

 

모바일 UI 디자인 구성요소 - 섹션 별 명칭 및 설명