본문 바로가기
UX

타이포그래피 최적화

by Siesta- 2023. 5. 18.
728x90

아래의 기사 내용 중 일부를 발췌한 글입니다.
https://uxplanet.org/7-things-to-remember-when-selecting-fonts-for-your-design-ec1e592266c5


Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance. (Oliver Reichenstein)
타이포그래피 최적화란, 가독성, 접근성, 사용성, 전체적인 그래픽 균형을 최적화 하는 것이다.


서체(typeface)를 선택할때 고려할 점

1.브랜딩
브랜드의 느낌, 특성을 보여줄 수 있는 서체 선택

2.가독성(Legibility)
장식 서체는 제목과 헤드라인에만 사용하는 것이 좋음
모든 크기에서 가독성을 유지하기 위해 다양한 크기와 두께에서 잘 작동하는 서체 선택
((선택한 서체가 작은 화면에서도 읽을 수 있는지 확인)

3. 세리프 vs. 산세리프
세리프 글꼴은 특히 줄이 긴 경우 눈이 줄을 가로질러 이동하는 데 도움이 되며,
어린 아이들이나 이제 막 읽기를 배우는 사람에게 적합, 특정 시각 장애가 있는 독자에게도 유용함

기본적으로 모든 주요 웹 브라우저에서 지원하는 글꼴인 " 웹 안전 서체 "를 사용하는 것이 안전함

대표적인 웹 안전 서체

산세리프 Arial
Tahoma
Verdana
세리프 Georgia
Lucida
Times New Roman


4.폰트 패밀리
디자이너에게 더 많은 창작의 자유를 주는 다양한 스타일과 굵기를 선택

서체 페어링(여러 서체를 사용하려는 경우, 예: 본문 텍스트용과 제목용)
5. 총 서체 수 제한
2~3개 이상의 서체를 사용하지 말것

6. 너무 유사한 글꼴을 사용하지 말것
동일해 보이는 두개의 글꼴을 선택하는 것은 의미가 없음

7. 두 개의 글꼴을 선택할 때 결정적인 대비를 사용할 것
 - 대조는 갈등과 같지 않음
- 글꼴의 이상적인 조합은 조화를 이루어야 하며, serif와 sans serif를 결합하는 것은 고전적인 방법임
- 매우 다른 두 글꼴을 결합할 때 중요한 것은 두 글꼴 사이에 명확한 계층 구조를 설정하는 것임. 
  하나의 글꼴이 다른 글꼴보다 더 눈에 띄어야 하며, 이는 각 서체의 크기와 무게를 달리함으로써 가능함

Pairing Avenir Next and Merriweather create a good combination



글꼴 찾기 및 페어링 시 도움이 되는 사이트 모음
https://uxpro.cc/toolbox/visual-design/fonts/



728x90

댓글