디자인

타이포그래피가 말을 거는 방식

타이포그래피가 말을 거는 방식
Picsum ID: 10

같은 문장을 두 개의 서체로 써놓고 사람들에게 보여주면, 내용은 같은데도 신뢰도 평가가 달라진다. 한 실험에서 동일한 글을 바스커빌체로 보여줬을 때 독자들은 그 주장에 더 동의했다. 글자는 의미만 전달하지 않는다. 그것은 목소리의 높낮이이자 표정이며, 우리가 의식하기도 전에 말을 건다.

타이포그래피는 디자인의 장식이 아니라 메시지의 일부다. 같은 “지금 시작하세요”라도 산세리프의 굵은 헬베티카로 쓰면 단호하고, 세리프의 가는 획으로 쓰면 정중해진다. 서체는 내용 이전에 분위기를 먼저 배달한다.

브랜드들이 막대한 비용을 들여 전용 서체를 만드는 이유도 여기 있다. 애플은 산세리프 ‘San Francisco’를 직접 설계해 작은 화면의 숫자까지 또렷하게 다듬었고, 구글은 ‘Roboto’로 안드로이드 전체의 목소리를 통일했다. 넷플릭스는 ‘Netflix Sans’를 만들어 매년 수십억 원의 폰트 라이선스 비용을 줄이는 동시에, 어떤 화면에서든 같은 인상을 유지했다. 서체는 로고만큼이나 분명한 브랜드의 지문이다.

가독성과 인상, 둘은 자주 충돌한다

디자이너가 마주하는 가장 흔한 긴장은 가독성과 인상의 균형이다. 개성이 강한 서체는 시선을 끌지만 오래 읽기엔 피로하다. 반대로 완벽하게 중립적인 서체는 편하게 읽히지만 아무 말도 걸지 않는다. 본문에는 눈에 띄지 않을 만큼 잘 설계된 서체가 좋고, 제목에는 한 번에 인상을 박는 서체가 어울린다. 이 분업이 무너지면 글 전체가 산만해진다.

획의 두께 대비, 글자 사이의 공간, x-하이트의 크기 같은 미세한 요소가 이 균형을 결정한다. 본문 서체를 고를 때 디자이너가 글자 하나가 아니라 ‘aeon’ 같은 단어 덩어리를 보는 이유가 여기 있다. 개별 글자가 아름다운 것과 문단이 편하게 읽히는 것은 전혀 다른 문제이기 때문이다.

한글이라는 특수한 문제

라틴 알파벳은 글자들이 한 줄 위에서 옆으로 흐른다. 한글은 다르다. 자음과 모음이 위아래로 모여 하나의 네모틀 안에 조립되고, 받침의 유무에 따라 글자의 무게중심이 흔들린다. ‘가’와 ‘강’은 같은 칸 안에서 전혀 다른 밀도를 가진다. 그래서 한글 서체 설계는 11,172자의 조합을 일일이 균형 잡아야 하는 거대한 작업이다.

장평과 자간을 함부로 줄이면 받침이 윗글자에 붙어 답답해지고, 늘리면 단어가 흩어진다. 본문용으로 널리 쓰이는 본고딕(노토 산스)이나 나눔명조가 오랜 시간 다듬어진 이유도 이 균형 때문이다. 제목에 강한 인상을 주는 서체와 본문에 안정감을 주는 서체를 페어링할 때, 한글에서는 특히 자소의 굵기와 공간감이 어긋나지 않는지가 관건이 된다.

좋은 페어링은 대비와 조화를 동시에 노린다. 제목에 획의 굵기 변화가 또렷한 명조 계열을 쓰고 본문에 차분한 고딕을 두면, 둘은 충돌하지 않으면서 위계를 만든다. 반대로 제목과 본문에 같은 가족의 서로 다른 굵기를 쓰면 한 사람이 목소리 크기만 바꿔 말하는 듯한 일관성이 생긴다. 어느 쪽이든 핵심은 두 서체가 같은 시대, 같은 성격에서 태어난 듯 느껴지게 하는 것이다. 어울리지 않는 서체의 동거는 독자에게 미묘한 불협화음으로 전달된다.

좋은 타이포그래피는 독자가 서체를 의식하지 못하게 만든다. 글자가 보이기 시작하는 순간, 그것은 이미 내용보다 자기 자신을 먼저 말하고 있는 것이다.

화면의 시대는 새로운 도구를 가져왔다. 가변폰트는 하나의 파일 안에 굵기와 장평의 무한한 단계를 담아, 작은 화면에서는 또렷하게 큰 화면에서는 우아하게 같은 서체가 변신하도록 한다. 과거엔 굵기마다 별도 파일을 내려받아야 했지만, 이제 한 축 위에서 미세하게 조율한다. 덕분에 페이지 로딩은 가벼워지고, 디자이너는 화면 크기에 따라 글자의 인상을 실시간으로 바꿀 수 있게 되었다. 그러나 도구가 정교해질수록 본질은 또렷해진다. 서체를 고르는 일은 결국 어떤 목소리로 독자에게 말을 걸 것인가를 정하는 일이다. 글자의 표정 하나가, 같은 문장을 전혀 다른 마음으로 읽게 만든다.

댓글 남기기