카페 메뉴판을 보다가 문득 이런 생각이 든 적 있으세요? 왜 이 가게는 분위기가 있어 보이는데, 저 가게는 글자만 많은 것 같지? 둘 다 메뉴를 적었고, 둘 다 글자를 썼는데. 그 차이가 바로 타이포그래피입니다. 타이포그래피란 글자를 얼마나 크게, 어떤 간격으로, 어디에 놓을지를 설계하는 일인데요 — 오늘은 이걸 어떻게 하는 건지, 2000년대부터 지금까지 뭐가 어떻게 달라졌는지를 한 번 같이 뜯어볼게요.
2000년대 초반 — 글자가 소리를 지르던 시절
제가 처음 화면 디자인이라는 걸 접했을 때, 모니터 속 세상은 정말이지 혼돈 그 자체였어요. 새빨간 헤드라인에, 그림자 효과가 덕지덕지 붙은 제목이 있고, 그 아래로 마젠타색 글자가 깜빡이고, 세 가지 다른 폰트가 한 페이지에 사이좋게 공존하고 있었어요. 당시 웹페이지나 포스터를 보면 글자의 목표가 딱 하나였습니다 — 눈에 띄는 것. 더 크게, 더 굵게, 더 화려하게.
이건 단순히 미적 감각의 문제가 아니었어요. 당시엔 화면 해상도가 낮았고, 사람들이 디지털 글자에 익숙하지 않았어요. 그래서 '크고 강한 게 읽힌다'는 논리가 실제로 맞기도 했거든요. 기술의 한계가 디자인의 문법을 만든 셈이죠.
그때 타이포그래피를 "만든다"는 건, 솔직히 말하면 워드프로세서에서 글자 크기를 36pt로 올리고 빨간색으로 바꾸는 게 전부였어요. 레이아웃보다 강조가 먼저였고, 여백은 그냥 아직 뭔가 덜 채운 빈 공간으로 여겨졌습니다.
그 시절 포스터를 지금 다시 보면, 솔직히 조금 아파요. 글자들이 서로 소리 지르고 있는 게 느껴지거든요.
2010년대 중반 — 플랫(flat)이 세상을 바꿨다
2013년을 기점으로 디자인의 문법이 통째로 뒤집혔어요. 애플과 구글이 운영체제 디자인을 동시에 납작하게 바꿨거든요. 스큐어모피즘(skeuomorphism) — 실제 사물의 질감을 디지털로 흉내 낸 방식, 예를 들면 가죽 질감 달력 앱이나 나무 선반처럼 생긴 책장 앱 — 이 사라지고, 플랫 디자인이 등장했습니다. 그림자 없고, 그라데이션 없고, 그냥 색 면과 글자만.
이 변화는 타이포그래피에 엄청난 영향을 줬어요. 시각적 장식이 줄어드니까, 이제 글자 자체가 디자인을 책임져야 했거든요. 폰트가 얼마나 우아한지, 글자 사이 간격(이걸 자간이라고 해요 — 글자와 글자 사이의 숨 쉬는 공간이라고 생각하시면 됩니다)이 얼마나 균형 잡혔는지, 제목과 본문의 크기 차이가 얼마나 드라마틱한지. 이런 요소들이 갑자기 전면으로 나왔어요.
이 여백이 말을 하고 있어요. 2010년대 플랫 디자인이 가르쳐준 것이 바로 이거예요 — 글자 사이의 공간이, 글자 자체만큼 의미를 만든다는 것.
타이포그래피 만들기 — 실제로 하는 법
그럼 오늘 내가 타이포그래피를 직접 만들려면 뭘 어떻게 해야 하냐고요? 생각보다 복잡하지 않아요. 큰 원칙 세 가지로 나눠볼게요.
① 계층을 만드세요 (위계 설계)
타이포그래피의 핵심은 '이 글에서 뭐가 제일 중요한지'를 글자 크기와 굵기로 보여주는 거예요. 제목은 크고 굵게, 부제목은 좀 작게, 본문은 더 작고 얇게. 이걸 위계(hierarchy) — 정보의 층위를 눈에 보이게 만드는 것 — 라고 해요. 독자의 눈이 자연스럽게 "여기서 출발해서 저기로 가면 되겠구나"를 느끼게 하는 설계죠.
실제로 써먹는 비율: 제목 3648pt, 소제목 2024pt, 본문 14~16pt. 이 범위 안에서 시작하면 크게 이상해 보이지 않아요.
② 폰트는 두 개만 쓰세요
세 개, 네 개 섞으면 글이 아니라 잡음이 돼요. 제목용 폰트 하나, 본문용 폰트 하나. 이 두 개가 서로 성격이 다르면 더 좋아요 — 제목은 개성 있고 굵은 폰트, 본문은 읽기 편한 고요한 폰트. 예를 들어 둥글고 개성 있는 제목 폰트와 납작하고 균일한 본문 폰트를 함께 쓰면, 시각적으로 서로 '역할 분담'이 되거든요.
③ 여백을 두려워하지 마세요
2000년대 디자인이 가장 많이 틀린 게 바로 이거예요. 빈 공간을 낭비라고 봤던 것. 하지만 지금 세련돼 보이는 포스터, 메뉴판, 앱 화면을 보면 공통점이 있어요 — 글자보다 여백이 더 많아요. 여백은 글자를 돋보이게 하는 액자예요.
타이포그래피 예시 — 20년 전과 지금의 차이
카페 메뉴판으로 비교해볼게요.
2005년식 메뉴판을 상상해 보세요. 오렌지색 배경에 각 메뉴마다 다른 색 글씨, '오늘의 추천!'은 빨간 별 안에, 폰트는 세 종류, 모든 글자가 굵게 처리돼 있어요. 이걸 보면 눈이 어디서 시작해야 할지 몰라요.
2026년식 메뉴판은 달라요. 짙은 갈색 글자 하나, 크림색 배경, 메뉴 이름은 크고 여유 있게 배치, 가격은 같은 폰트로 작게. 여기서 눈은 자동으로 위에서 아래로 흘러내려요. 불필요한 판단을 할 필요가 없어요.
차이가 뭐냐고요? 2005년식은 모든 것이 '나 좀 봐줘'를 외치고, 2026년식은 '당신이 원하는 걸 여기 있어요'라고 조용히 말해요.
이 원리는 인스타그램 피드에서도 그대로 보여요. 10년 전에 잘 나간 계정은 글자가 이미지를 덮고, 배경색이 강렬하고, 폰트가 화려했어요. 지금 팔로워가 많은 계정을 보면? 텍스트가 적고, 여백이 넓고, 폰트가 단순해요. 피드를 스크롤하다 손이 멈췄다 — 그 사진이 예쁜 게 아니라 '당기는' 거예요에서도 비슷한 이야기를 했는데, 결국 '당기는 시각'의 핵심은 절제거든요.
타이포그래피 하는법 — 지금 당장 써먹을 수 있는 순서
직접 만들어보고 싶다면, 이 순서대로만 해봐도 이전이랑 달라 보여요.
Step 1. 텍스트를 먼저 쓰세요
디자인부터 열지 말고, 쓸 내용을 먼저 정해요. 제목 한 줄, 설명 두 줄, 정보 세 가지. 이 구조가 정해지면 타이포그래피의 절반은 끝난 거예요.
Step 2. 가장 중요한 한 줄을 정하세요
그 한 줄이 제일 크게 보여야 해요. 나머지는 다 '그 한 줄을 받쳐주는 역할'이에요.
Step 3. 폰트를 고르세요 — 두 개만
무료로 쓸 수 있는 Google Fonts에서 영문은 찾기 쉽고, 한글은 눈누(noonnu.cc)에서 무료 폰트를 볼 수 있어요.
Step 4. 여백을 두 배로 늘리세요
처음 배치하고 나서, 글자 주변 여백을 생각보다 두 배 넉넉하게 줘요. "이거 너무 비어 보이는 거 아냐?" 싶을 때가 사실 딱 좋은 시점이에요.
Step 5. 색을 두 개로 제한하세요
글자색 하나, 배경색 하나. 강조가 필요할 때만 세 번째 색을 아주 조금 써요.
이 다섯 단계가 2000년대식 '소리 지르는 타이포그래피'와 지금의 '말하는 타이포그래피'를 가르는 차이예요. 이 여백이 말을 하고 있어요 — 이게 단순한 미적 선호가 아니라, 20년 동안 디자인이 배운 교훈이라는 걸 오늘 카페 메뉴판에서 한 번 확인해 보세요.
10년 전 화면과 지금이 왜 다른 '무게감'으로 느껴지는지 더 궁금하다면, 10년 전 화면과 지금 화면을 나란히 놓으면, 왜 지금이 더 '무겁게' 느껴질까도 같이 읽어보세요. 타이포그래피가 혼자 변한 게 아니라, 화면 전체의 밀도가 함께 바뀌었다는 걸 볼 수 있어요.
글자는 내용을 전달하지만, 타이포그래피는 그 내용의 온도를 결정한다.
📎 참고한 자료
- 2026 디자인 트렌드 예측 및 연간 리포트 (다수 디자인 미디어)
- 플랫 디자인 역사 및 변천사 개요 (디자인 커뮤니티 아카이브)
- Google Fonts 및 눈누 폰트 플랫폼 자료
