Figmapedia
목록으로 돌아가기
데일리콘텐츠소소한 꿀팁베리어블

실무에서 놓치기 쉬운 타이포그래피 상식 4가지

비비✨2026. 3. 6.

안녕하세요, 피피팀 비비✨입니다.

오늘은 실무에서 놓치기 쉬운 타이포그래피 기초 상식 을 정리해봤어요! 은근 헷갈리는 개념 정의를 모아보았으니 이번 기회에 잘 정리하시길 바랍니다.

📍글자 기본 구조

  • 기준선 (Baseline): 글자가 놓이는 가상의 바닥선
  • 엑스하이트 (X-height): 기준선에서 소문자 x의 높이
  • 대문자 높이 (Cap height): 기준선에서 대문자 윗선까지 높이
  • 어센더 (Ascender): 글자가 X선 위로 올라간 획
  • 디센더 (Descender): 기준선 아래로 내려간 획
  • 카운터 (Counter): 글자 안쪽 빈 공간
  • 📍문장 기호

  • 하이픈 (-): 두 개 이상의 단어 연결 예: to-do, 010-XXXX-XXXX 단축키: -
  • 엔대시 (–): 숫자 및 범위 표시 예: 9:00–17:00, 2024–2025년 단축키: Option (alt) + -
  • 엠대시 (—): 문장에서 단어 설명 보충, 강조 예: 유념 할 것 — 규칙 준수 단축키: Option (alt) + Shift + -
  • 📍숫자 스타일

  • 라이닝 숫자 (Lining Figure) 기준선과 숫자가 일직선으로 정렬된 현대식 형태 용도: 표, 대시보드, 가격 표시
  • 올드스타일 숫자 (Oldstyle Figures) 로마자 소문자처럼 기준선 아래로 내려가는 형태 용도: 본문 텍스트, 에디토리얼, 인쇄물
  • 📍타이포그래피 사전 (보너스) 🔗 typography-dictionary.kr

  • 타이포그래피 기본 이론, 용어 사전 모음