이미지

PORTFOLIO



카탈로그 디자인 9 편-본문 레이아웃과 그리드시스템

글쓴이 master 작성일 2026-07-21 01:58 조회 6

9편 – 본문 레이아웃과 그리드 시스템


본문 레이아웃은 카탈로그의 '골격'이며, 그리드 시스템은 이 골격을 견고하게 만드는 설계도입니다. 일관된 레이아웃으로 전문성과 신뢰도를 높이고, 고객이 정보를 자연스럽게 따라가도록 유도할 수 있습니다.


그리드 시스템의 역할 그리드는 무작위 배치를 방지하고 모든 요소를 질서 있게 배열합니다. 2단 그리드는 균형 잡혔으며 일반적으로 선호되고, A4 각 단 너비는 약 85~90mm입니다. 3단 그리드는 더 정교하며 이미지와 텍스트 배치가 자유로워 고급 카탈로그에 적합합니다. 각 단 너비는 약 55~60mm이고, 특수 제품(예: 대형 가구)은 맞춤 그리드(예: 이미지 2단 + 텍스트 1단)를 설계하여 제품의 특성을 살릴 수 있습니다.


여백 설계 기준 여백은 고급스러움을 결정합니다. 좌우 여백 15~20mm, 상하 여백 15mm 최소는 기본이며, 열 사이 여백(gutter)은 8~12mm로 설정합니다. 여백이 많을수록 페이지가 넓고 프리미엄하게 느껴지므로, 고가 제품 카탈로그는 여백을 아끼지 말아야 합니다. 부동산·럭셔리 가구는 20mm 이상 여백을 권장합니다.


섹션 구성과 흐름 각 섹션은 1~2페이지 분량이 이상적이며, 제품 3~5개가 기준입니다. 섹션 시작 페이지는 큰 제목과 특징적 이미지로 구분 기능을 하고, 소비자의 시선 흐름을 자연스럽게 유도합니다. 예를 들어 거실 가구 섹션이면 거실 라이프스타일 사진으로 시작하여 소파, 테이블, 액세서리로 진행하는 방식입니다.


이미지 배치 전략 메인 제품 사진은 가로 전폭(그리드 무시)으로 페이지의 50~70%를 차지하게 배치합니다. 서브 제품은 2~3개를 나란히 균등 분배하고, 상세 사진(각도, 색상 옵션)은 3~4개를 작은 크기로 배열합니다. 라이프스타일 사진은 크게(50% 이상) 우측 상단에 배치하여 구매 욕구를 자극합니다. 텍스트는 이미지 옆에 배치할 때 충분한 여백을 확보하여 가독성을 해치지 않아야 합니다.


텍스트 블록 배치 본문은 11~12pt로 설정하고, 한 줄의 글자 수는 70~85자(한글 기준)로 유지하여 가독성을 높입니다. 이미지 옆에 텍스트를 배치할 때는 텍스트 블록이 명확히 구분되도록 배경색이나 충분한 여백을 활용합니다. 리스트나 사양표는 표 형식으로 깔끔하게 정렬합니다.


스프레드 기반 설계 인쇄물은 펼친 상태(스프레드)에서 봐야 하므로 2페이지를 하나의 단위로 생각합니다. 홀수 페이지(우측)에 강조 요소(메인 제품, 가격)를 배치하고, 짝수 페이지(좌측)에 보조 정보를 배열합니다. 중앙 제본선을 피해 여백을 확보하고, 중요 텍스트나 이미지가 제본선으로 짤리지 않도록 주의합니다.


특수 요소 배치 가격이나 할인율은 강조 컬러(16~20pt, 주황·빨강)로 눈에 띄게 배치합니다. QR코드는 하단 우측 또는 좌측 코너에 배치하되, 최소 2cm×2cm 크기를 유지합니다. 아이콘이나 픽토그램은 전체 카탈로그에서 일관된 스타일·색상으로 사용하여 브랜드 통일성을 높입니다.


인쇄 고려사항 제본선(중앙)이 이미지나 텍스트를 방해하지 않도록 배치하고, 출혈(bleed) 3mm를 바깥쪽 여백에 추가하여 인쇄 시 흰 선이 나타나지 않게 합니다. 좌우 페이지가 대칭인지, 여백이 일관성 있는지 최종 점검합니다.


자주 묻는 질문


Q. 2단과 3단 그리드는 어떻게 선택하나요? A. 2단 그리드는 균형 잡히고 읽기 쉬워 일반 제품·가구에 추천합니다. 3단 그리드는 더 정교하고 자유로운 배치가 가능해 고급 카탈로그·건축·패션에 적합합니다. 제품 수와 이미지 크기에 따라 선택하세요.


Q. 여백이 너무 많으면 페이지 수가 늘어나지 않을까요? A. 여백이 많을수록 고급스럽고 전문적으로 보입니다. 페이지 수가 증가해도 브랜드 가치 상승으로 보상받습니다. 고가 제품일수록 여백을 아끼지 마세요.


Q. 모든 페이지를 같은 그리드로 만들어야 하나요? A. 기본은 일관된 그리드 유지입니다. 다만 특수 페이지(섹션 시작, 풀페이지 이미지)는 그리드를 벗어날 수 있습니다. 전체 50~70%는 일관성 있게 유지하세요.


Q. 제본선 때문에 이미지가 짤리는데 어떻게 하나요? A. 중요 요소(얼굴, 상품명)는 제본선에서 최소 1cm 이상 떨어지게 배치하세요. 배경이나 보조 이미지는 제본선을 걸쳐도 괜찮습니다.


Q. InDesign에서 그리드를 설정하는 방법이 있나요? A. InDesign 마스터 페이지에서 레이아웃 그리드(Margins and Columns)를 설정하면 자동으로 모든 페이지에 적용됩니다. 열 수(Columns)와 여백(Margins)을 입력하면 됩니다.

  • 문의하기

    폼을 불러오는 중...

문의하기