안녕하세요. 희명디자인입니다. 편집디자인 작업이 시각적으로 아름다운 페이지를 만든다는 일과는 다른 차원의 작업이라는 점은 인쇄 시안을 오래 들여다보다 보면 자연스럽게 알게 됩니다. 읽는 사람의 시선이 어디부터 닿아서 어디로 흐르고 어디에서 머무는지를 설계하는 일이며, 무엇을 먼저 알아채고 무엇을 그다음에 인지하게 할지 정하는 시각 문법의 작업입니다. 이 작업을 정보 위계라고 부릅니다.

위계가 잘 설계된 인쇄물은 읽는 사람이 페이지를 몇 초만 봐도 핵심 메시지를 인식하고, 추가 정보가 필요할 때 자연스럽게 다음 자리로 시선을 옮깁니다. 위계가 무너진 인쇄물은 어디부터 읽어야 할지 판단하는 데 인지 부담이 발생하고, 읽는 사람이 페이지를 덮어버리는 결과로 이어집니다. 편집디자인의 본질이 시각 문법의 설계라는 점을 정리해보겠습니다.

정보 위계는 시각적 무게의 차이로 만들어집니다. 시각적 무게는 여러 요소의 조합으로 형성되는데 대표적으로 크기, 색, 대비, 여백, 정렬을 꼽을 수 있습니다. 굵기와 위치, 반복, 이미지 비중 같은 요소도 함께 작동합니다. 크기는 가장 직관적인 위계 도구입니다. 헤드라인을 본문의 1.5배에서 3배 크기로 키우고 서브헤드를 그 중간 크기로 잡으면 시선이 헤드부터 떨어집니다. 색은 강조의 도구입니다. 고채도 고대비 색을 핵심 정보에 쓰고 저채도 색을 보조 정보에 쓰면 정보의 층위가 형성됩니다. 대비는 굵기와 명도, 서체 스타일의 차이로 만들어집니다. 본문은 레귤러, 강조는 볼드, 캡션은 약간 밝은 굵기로 구분하면 같은 페이지 안에서도 정보 그룹의 경계가 명확해집니다.

여백은 요소를 묶고 분리하는 가장 강력한 도구입니다. 핵심 정보 주변에 더 넓은 여백을 두면 그 요소의 위계가 상승합니다. 정렬은 시선의 시작점을 만듭니다. 좌상단 근처에 놓인 요소가 자연스럽게 상위 위계로 인지됩니다.

이 요소들이 작동하는 원리를 보면 인간의 시각 인지 패턴이 보입니다. 시각 심리학에서는 게슈탈트 원리라고 부르는 인지 법칙들이 있는데 대표적으로 네 가지가 자주 언급됩니다. 근접성은 가까운 요소를 하나의 덩어리로 묶어 인식하는 작용입니다. 같은 페이지 안에서 정보 묶음을 만드는 가장 기본적인 원리입니다. 

유사성은 비슷한 크기와 색, 스타일을 가진 요소를 같은 계층으로 묶어 인식하는 작용입니다. 하나만 다르게 처리하면 그 요소가 강조됩니다. 연속성은 시선이 선과 행과 곡선을 따라 자연스럽게 움직이는 작용입니다. 정렬이 만들어내는 시선 유도선이 여기에 작동합니다. 폐쇄성은 테두리와 박스, 배경 블록으로 영역을 둘러쌌을 때 그 영역을 하나의 정보 블록으로 인식하는 작용입니다. 편집디자인은 이런 원리들을 의식적으로 활용하면서 만들어집니다.

시선 흐름 자체에도 패턴이 있습니다. 텍스트가 많은 페이지에서 사용자는 상단을 가로로 읽고 왼쪽을 타고 내려가며 중간에 가로로 짧게 다시 읽는 F-패턴이 자주 설명되는 경험적 모델입니다. 텍스트가 적고 이미지와 CTA가 혼합된 단순한 레이아웃에서는 상단 가로, 대각선, 하단 가로로 흐르는 Z-패턴이 자주 언급됩니다. 좌상단에서 상단 중앙으로, 다시 좌측 중단으로, 마지막으로 콜투액션 자리로 시선이 흐를 때 브랜드와 핵심 메시지의 전달이 효율적으로 작동한다는 해석이 디자인 실무에서 자주 인용됩니다. 페이지를 가로세로 3등분한 그리드의 교차점이 시각적 초점으로 활용된다는 점도 인쇄물 디자인의 오랜 구성 원리입니다. 룰 오브 서드라고 부르는 이 원리에 따라 핵심 이미지와 타이틀, 콜투액션이 교차점 부근에 배치됩니다.

타이포그래피는 위계 설계의 핵심 도구입니다. 헤드라인, 서브헤드, 본문, 캡션이 명확히 구분된 글은 읽는 사람이 정보의 층위를 즉시 알아챌 수 있습니다. 인쇄 환경에서 본문 글씨 크기로 한글과 영문 모두 9포인트에서 11포인트 범위가 자주 사용되며, 카달로그처럼 정보 밀도가 높은 인쇄물은 8.5포인트 안팎까지 내려가기도 하고 고령층 대상 인쇄물은 11포인트 이상으로 올라가기도 합니다. 한글은 영문과 구조적 특성이 달라서 별도의 가독성 기준이 필요합니다. 

한글은 네모틀 구조와 상대적으로 높은 획 밀도를 가지고 있어 같은 크기에서도 영문보다 시각적 밀도가 높게 인지됩니다. 한글 본문에서 자간을 너무 좁히면 글자 안쪽 공간이 뭉쳐 가독성이 떨어지므로 기본 자간이나 약간의 플러스 자간이 권장되는데, 사용하는 서체마다 기본 자간이 달라서 일률적으로 정하기 어려운 부분이 있습니다. 한 줄의 글자 수도 다릅니다. 한글 본문은 인쇄 본문에서 자주 쓰는 가독 범위로 한 줄에 25자에서 40자 안팎이 권장되고, 영문은 45자에서 75자까지 허용되는 것으로 알려져 있습니다. 한글에서 줄이 너무 길면 다음 줄을 찾는 시선 이동이 어려워져 읽기 리듬이 깨집니다.

한글에서 강조를 표현하는 수단은 영문보다 제한적입니다. 영문은 대문자, 이탤릭, 오블리크 같은 형태적 대비 수단을 활용할 수 있지만 한글에서는 이런 형태 변형이 영문처럼 자연스럽고 보편적인 강조 수단으로 쓰이지 않습니다. 한글에서 강조를 만드는 방법은 크기 차이, 굵기 변화, 색의 대비, 배경 패널, 여백 조절입니다. 강조 수단을 한 번에 여러 개 적용하면 위계가 오히려 무너집니다. 색과 볼드와 밑줄을 동시에 사용하면 강조의 효과가 희석됩니다. 한 요소를 강조할 때 가능한 한 가지 수단만 사용하는 것이 위계의 원칙입니다.

그리드와 정렬은 페이지의 골격을 만듭니다. 단행본과 리플렛처럼 장문 위주의 인쇄물에는 1단 그리드가 사용되고, 회사 소개서와 카달로그 같은 정보량이 많은 인쇄물에는 2단이나 3단 그리드가 자주 쓰입니다. 회사소개서는 풀페이지 이미지에 1단 카피만 얹는 구성도 흔히 사용되어서 정해진 표준은 아닙니다. 카달로그와 브로셔는 다단 모듈러 그리드를 사용해 이미지와 표, 텍스트를 자유롭게 조합하는 구조로 짜이는 일이 잦습니다. 정렬 방식도 정보 처리에 영향을 줍니다. 왼쪽 정렬은 시각적 기준선이 명확해서 긴 본문 읽기에 가장 효율적입니다. 가운데 정렬은 표지나 짧은 타이틀에는 적합하지만 내지 본문에서는 줄마다 시작점이 달라져 시선 피로가 빠르게 누적됩니다. 양끝 정렬은 단행본과 신문에서 자주 사용되지만 한글에서는 단어와 조사 구조 때문에 띄어쓰기 폭이 과도하게 벌어지면서 리듬이 깨지는 일이 발생합니다.

여백은 위계 설계에서 가장 저평가되는 도구입니다. 능동적 여백과 수동적 여백을 구분해야 합니다. 능동적 여백은 의도적으로 설계된 빈 공간으로 시선을 유도하거나 정보를 묶고 분리하는 기능을 합니다. 수동적 여백은 요소 사이에 남은 빈 공간이며 위계에 기여하지 못합니다. 한국 인쇄물에서 자주 관찰되는 문제 하나가 정보를 가득 채우려는 발주처 요구입니다. 정보를 모두 넣다 보니 여백이 줄어들고, 여백이 줄어들면 모든 요소가 비슷한 시각적 밀도로 뭉쳐 어떤 정보가 중요한지 알 수 없게 됩니다. 미니멀 디자인이 좋다는 의미가 아닙니다. 정보 밀도와 여백 사이의 균형점을 브랜드 성격과 용도에 맞춰 설정하는 일이 편집디자인의 결정 중 하나라는 의미입니다.

위계가 무너지는 패턴에는 공통점이 있습니다. 모든 텍스트를 거의 같은 크기와 굵기로 조판한 평면화된 위계가 그 하나입니다. 모든 정보가 비슷한 무게로 보이면 사용자는 어디부터 읽어야 할지 판단하지 못합니다. 강조의 남발도 자주 보이는 문제입니다. 색, 볼드, 밑줄, 박스, 아이콘을 모두 동시에 사용하면 강조의 의미가 무너집니다. 한글 본문을 8포인트나 9포인트 같은 작은 크기로 조판하면서 정보량을 넘치게 채워 가독성이 무너지는 경우도 흔합니다. 카달로그 표를 8포인트로 밀어 넣은 작업이 인쇄 후 가독성 클레임으로 돌아오는 사례를 실제로 자주 봅니다. 그리드를 따르지 않고 박스와 선과 아이콘을 임의로 배치해 시선 흐름이 끊기는 경우도 시안 검토에서 가장 자주 지적되는 부분입니다. 실제 브로셔 시안에서 가장 많이 무너지는 영역은 본문 크기보다 소제목 위계라는 점은 인쇄 시안 검토를 오래 하다 보면 반복적으로 확인되는 흐름입니다. 편집디자인이 정보 위계를 만든다는 말은 시각 문법으로 시선 시나리오를 짠다는 의미입니다. 어디를 먼저 보게 할 것인가, 다음에 어디로 시선을 옮기게 할 것인가, 마지막에 무엇이 머릿속에 남게 할 것인가. 이 시나리오가 분명한 인쇄물은 읽는 사람이 짧은 시간 안에 핵심을 인식하고 페이지를 자기 것으로 만듭니다. 시나리오가 흐릿한 인쇄물은 정보를 다 담고도 아무것도 전달하지 못합니다. 위계 설계의 도구를 알고 의식적으로 사용하는 것과 그렇지 않은 것의 차이가 바로 그 자리에서 발생합니다.

- 희명디자인 편집디자인팀 드림

* 참고할만한 희명디자인 인사이트 칼럼링크 바로가기

1. 인쇄물 발주서는 의사결정 트리입니다