타이포그래피는 장식이 아니라 전략이다

우리는 타이포그래피를 마지막 단계로 여기곤 한다—내용을 다 쓰고 나서 “보기 좋게 다듬는” 작업으로. 이는 값비싼 착각이다.

타이포그래피는 정보의 우선순위를 결정한다. 독자의 시선이 먼저 어디로 향하고, 다음에 어디로 가며, 무엇을 건너뛰는지는 내용 자체가 정하는 것이 아니라 글자 크기, 간격, 정렬, 여백이 정한다. 모든 것이 똑같이 크고, 똑같이 굵고, 똑같이 빽빽하다면, 결국 아무것도 강조하지 않은 셈이다.

관점을 바꿔 보면 더 분명해진다. 당신이 쓴 내용을 청중이 처음부터 끝까지 읽는 일은 거의 없다—사실 그렇게 읽는 사람은 없다. 그들은 훑는다. 가장 크고 가장 굵은 곳에 시선이 먼저 닿고, 여백에서 잠깐 멈추며, 정렬된 열로 늘어선 정보를 봐야 비로소 비교할 마음이 생긴다. 다시 말해 레이아웃이 당신을 대신해 내용의 읽는 순서를 정해 버린다. 그리고 그 순서는 당신 머릿속의 논증 순서와 전혀 다를 가능성이 크다. 타이포그래피가 엉성하면, 공들여 배열한 논증이 무작위 재생으로 흘러나가는 셈이다.

스위스 사람들은 이미 답을 찾았다

20세기 중반의 스위스 인터내셔널 스타일(Swiss Style)은 극단적인 답을 내놓았다: 직관 대신 그리드를, 영감 대신 규율을 쓴다. Josef Müller-Brockmann의 포스터에는 손 가는 대로 놓인 요소가 단 하나도 없다—모든 선, 모든 색면이 수학적 그리드 위에 정확히 자리한다.

이 방법의 반직관적인 지점은, 제약을 내주고 자유를 얻는다는 데 있다. 정렬, 간격, 글자 크기 단계가 그리드에 단단히 고정되고 나면, 디자이너는 “여기를 2픽셀 옮기는 게 나을까” 같은 고민에 더 이상 마음을 빼앗기지 않고, 진짜 중요한 것—정보의 위계 관계—에 온전히 집중할 수 있다. 제약은 창의성의 반대편이 아니라, 창의성의 발판이다.

이것은 보기 좋게 하려는 것이 아니었다. 정보를 가장 낮은 인지 비용으로 받아들이게 하려는 것이었다. 스위스 스타일 포스터는 무엇을 먼저 보고 무엇을 다음에 볼지 한눈에 알 수 있다. 레이아웃이 이미 읽는 순서를 정해 두었기 때문이다. 프레젠테이션이 원하는 것이 바로 이것이다. 청중의 시선을, 우연이 아니라 당신이 정한다.

좋은 디자인은 가능한 한 적은 디자인이다.

프레젠테이션의 진짜 적은 “붕괴”다

PPT를 세 번째 버전까지 고치다 보면 레이아웃은 어김없이 무너진다: 여기는 한 줄이 더 생기고, 저기는 이미지가 넘쳐나고, 제목은 두 줄로 짓눌린다. 원인은 수동 레이아웃에 제약이 없다는 데 있다—모든 요소를 마음대로 끌어다 놓을 수 있으니, 수정할 때마다 운에 맡기는 셈이다.

붕괴의 본질은 내용과 스타일을 한 덩어리로 용접해 버린 데 있다. 문구 한 줄을 고치면 그 텍스트 박스의 높이가 바뀌고, 높이가 바뀌면 아래의 이미지가 밀려나며, 이미지가 비뚤어지면 다시 손으로 끌어다 맞춰야 한다—한 군데의 수정이 줄줄이 이어지는 땜질을 부른다. 이것이 수동 레이아웃의 복리 비용이다. 많이 고칠수록 레이아웃은 더 약해진다.

레이아웃을 규칙에 맡기면 무너지지 않는다. 텍스트는 데이터이고 스타일은 규칙이며, 이 둘을 분리하면 내용을 어떻게 바꾸든 레이아웃은 스스로 정합성을 유지한다. AiCanvasly가 “레이아웃 잠금 + 개요 우선”을 택한 이유도 여기에 있다. 개요에서 텍스트를 고치면 엔진이 잠긴 그리드에 맞춰 다시 렌더링하고, 문구가 길든 짧든 레이아웃은 흐트러지지 않는다. 빈 캔버스 위에서 자유롭게 콜라주하는 대신, 내용의 형태를 먼저 정한 뒤 그것을 그리드에 떨어뜨리는 것이다. 자유로운 콜라주의 끝은 결국 세 번째 버전의 붕괴다.

두 가지 기반, 각자 다른 분위기를 맡다

규율이 곧 천편일률은 아니다. 같은 그리드라도 두 가지 목소리가 나온다. 스위스 인터내셔널 스타일(Style B)은 산세리프, 강한 정렬, 그리고 하나의 앵커 강조색에 기대어 차분하고 전문적이며 신뢰감 있는 어조를 만든다—데이터 보고와 기술 리뷰에 어울린다. 반면 전자 매거진 스타일(Style A)은 세리프와 따뜻한 색조로 온기와 서사가 있는 어조를 만든다—브랜드 스토리와 관점 표현에 어울린다. 기반을 고른다는 것은 사실 청중이 어떤 감정을 느끼게 할지를 고르는 일이며—이것 자체가 미적 취향이 아니라 전략적 결정이다.

실전으로 옮기기

• 한 페이지에 하나의 메시지. 많아지면 페이지를 나누고, 쌓아 올리지 마라.
• 글자 크기 단계는 세 단계를 넘기지 마라. 크기가 클수록 굵기는 가볍게.
• 여백은 낭비가 아니라 숨 쉴 공간이다.
• 색은 “보기 좋으라고” 쓰는 것이 아니다. 강조색은 한 자료에 하나만 남겨라. 그것이 가리키는 곳이 이 페이지에서 유일하게 기억되어야 할 것이다.

이 몇 가지는 간단해 보이지만, 어려운 것은 실행할 때 손을 참는 일이다. 글자 크기 한 단계 더, 색 하나 더, 여백 한 덩어리 덜—하나하나 보면 매번 “별것 아니”지만, 쌓이면 레이아웃의 붕괴가 된다. 규칙의 가치는 바로, 당신이 예외를 두고 싶은 그 순간에 당신을 대신해 “안 된다”고 말해 주는 데 있다.

“간격을 조정하는” 일을 멈추고 “규칙을 정하는” 일을 시작할 때, 비로소 당신은 디자이너에서 다시 편집장으로 돌아온다. 레이아웃 규율은 결코 표현을 제한하는 것이 아니라, 표현이 소음에 묻히지 않도록 지켜 주는 것이다. 당신이 가장 하고 싶은 그 한마디는, 깨끗한 무대를 누릴 자격이 있다.