카테고리 없음
UX_Typography
hyeyeonisgood
2025. 2. 27. 11:05
01. Typography란?
사용자가 쉽게 읽고 목적에 맞게 경험할 수 있는 중요한 요소
-Type
Type ≠ Font → 폰트가 좀 더 큰 개념이라고 볼 수 있습니다.
Type은 활자 하나를 말할 수 있습니다.
Type < Font → 타입들이 모여 폰트라고 하는 것을 이루어냅니다.
-Typography
Types를 가지고 일종의 그래픽 행위를 하는 것입니다.
-Typo
오탈자라고 볼 수 있습니다.
여기 타이포 있어 = 여기 오탈자 있어
Typography 줄임말로 사용 X
-Typeface
사람의 얼굴처럼 느낌이라는 것을 가지고 있습니다.
02. Hierarchy
Display
화면에서 가장 큰 텍스트, 간결한 텍스트 또는 숫자 정도로 작성(필기체,스크립트 스타일의 화려한 글꼴 권장)
Headline
주로 큰 제목에 해당하는 영역, 화면에서 짧고 강조되는 텍스트로 사용, 콘텐츠의 중요한 영역을 표시
Title
Headline보다 작음, 중간 강조 텍스트로 사용, 타이틀은 필기체나 스크립트 스타일의 화려한 글꼴은 권장x
Subtitle
하위에 위치, 타이틀을 보조하는 역할, 타이틀의 한단계 아래 느낌(볼드체 ok)
Body(본문)
긴 텍스트 영역에 사용, 크기와 상관없이 편안하게 읽을 수 있는 글꼴, Display처럼 장식적인 글꼴x
Label
특정 요소 내부의 텍스트 또는 콘텐츠 본문의 매우 작은 텍스트에 사용
Caption
가장 작은 크기, 이미지에 주석을 달거나 소개할 때 사용
Button
다양한 유형의 버튼과 탭, 대화 상자 및 카드에서 사용되는 텍스트, 클릭 유도 문구로 cta(call to action)라고도 함