한 연구에 따르면 사용자 인터페이스의 70%는 다른 사람과 의사 소통하는 가장 좋은 방법으로 타이포그래피에 의존한다고 한다.
타이포그래피는 사용자 인터페이스에서 중요한 역할을하며, 타이포그래피 디자인을 개선하는 것은 UI와 UX를 개선하는 중요한 단계이다.
사용자 중심 디자인은 전자 책 또는 블로그 테마 디자인과는 다르다. 비록 유형 중심 디자인의 원리가 여전히 기술을 적용하고 있지만 UI에서 더 나은 타이포그래피를 위한 8가지 규칙이 있다.
Hierarchy
콘텐츠를 효과적으로 전달하기 위한 가장 중요한 기술 중 하나는 타이포그래피 계층을 사용하는 것이다.
Font Choices
- 잘 알려진 안정된 소스 중에서 선택한다.
- Sans-Serif 또는 Serif 는 안전한 선택이다.
- 다양한 크기에서 잘 작동하는 서체를 선택하는 것이 중요하다.
Text Sizing
상대단위와 절대단위
[ 절대단위 ]
cm : 센티미터
mm : 밀리미터, cm 의 1/10
pc : 1pc 는 12 pt
pt : 12pt 는 16px
in : 1in 2.54cm
[ 상대단위 ]
px : pixel, 모니터에 따라서 상대적인 크기를 갖음
em : font-size, 일반적으로 해당 폰트의 대문자 M의 너비를 기준으로 함
ex : x-height, 해당 폰트의 소문자 x의 높이를 기준으로 함
% : 브라우저 기본 글꼴 크기를 100% 하고 상대적 크기를 나타냄
4. Text Aligned
5. Line Spacing
6. Letter Spacing
헤드라인과 같은 더 큰 유형의 크기는 글자 간격을 더 엄격하게 하여 가독성을 높이고 글자 사이의 간격을 줄인다. 문자 크기가 작을수록 글자 간격이 좁아 가독성이 향상될 수 있다.
7. Color & Contrast
화면에서 본문 텍스트를 검은색 대신 어두운 회색으로 만드는 것을 고려하자. 화면은 종이보다 대비가 더 심하므로 전체 대비로 읽기가 더 어려워진다.
8. White Space
음수 공간(Negative Space)이라고도 하는 여백은 디자인 구성에서 요소 사이의 영역을 의미한다. 여백이 균형이 맞지 않으면 사본을 읽기가 어렵다.