[보기 좋은 프로덕트의 비밀] 타이포그래피

2023. 11. 10. 15:37STUDY/오늘의 기록

728x90
반응형
  • 디자인에서 문자는 어떻게 사용해야 하는지 타이포그래피 기초에 대해 배워봅니다.
  • 웹, 지면, 모니터, 모든 화면에서 많은 분량을 차지하는 문자
  • 디자인에서 문자는 왜 중요하며 어떻게 사용하는 것이 좋을지 알아봅시다.

  • 추상적인 어떤 개념을 설명할 때는 문자를 이용해서 전달하는 것이 빠르다.
  • 집단 안에서 문자는 약속이다.

 

문자

: 사람들 간의 약속 

 

타이포그래피(Typography)

: 문자를 배치하는 모든 활동을 총칭하는 언어

✔️ Typo(글자) + graphy(기술법)

 

타이포그래피에서 가장 중요한 것

1. 판독성(Legibility) : 글자와 글자를 구분할 수 있는 정도

2. 가독성(Readability) : 쉽게 읽을 수 있는 정도

 

 

판독성이 안좋은 예시

LLIIIIiioo0066

 

 

 

  • 글꼴 수는 적을수록 보는 사람에게 좋다.

 

굵기

: 중요도에 알맞는 굵기

 

 

색 대비

: 대비는 확실하게 해야 한다.

 

 

행간

: 글줄 사이 간격은 여유롭게

 

자간

: 글자 사이 간격도 여유롭게

 

정렬

: 정렬은 보통 익숙한 좌정렬로 한다.

 


✔️ 보통 현업에서 디자인을 할 때 미리 규칙을 정해놓고 쓴다.

 

예를 들면

Title : 큰 글자

subtitle : 조금 덜 큰 글자 

Body : 본문

Caption : 본문보다 작은 글자

 

✔️ 글자를 이용해서 디자인을 할 때 기본적으로 좌에서 우로 읽을 거니까  좌정렬일 것이고, 그 안에서 크기 조절은 원하는 대로 하면 된다.
✔️ 다하고 봤을 때 답답하고, 글자가 잘 안 읽히는 것 같으면 여백을 늘리면 된다. -> 읽기 쉬운 타이포그래피가 완성된다.