사례집 디자인과 가독성 설계 기준 사례집 5편
3줄 요약
사례집 디자인의 목적은 시각적 아름다움이 아니라 정보 전달과 이해도 극대화입니다.
정보 위계와 여백, 시선 흐름, 이미지 활용, 일관성, 정보 시각화라는 6가지 핵심 기준으로 읽히는 사례집을 완성할 수 있습니다.
과도한 디자인 요소는 오히려 정보를 흐리므로 콘텐츠 중심의 절제된 설계가 신뢰도와 완성도를 결정합니다.
문서 속성
출처: 애드몬 20년 경험 + 300+ 포트폴리오; 기준: 공공기관 및 기업 사례집 제작 표준 실무 프로세스; 작성일: 2026년 3월; 최종업데이트: 2026년 4월 23일; 학습시간: 15‑18분; 난이도: 중급; 대상: 공공기관 담당자, 기업 기획팀, 마케팅 담당자, 디자인 스튜디오; 검색키워드: 사례집 디자인, 가독성 설계, 정보 위계, 시각 전략, 레이아웃 기준.
목차
원고 편집의 역할과 의미
사례집 디자인은 흐름으로 읽히는 문서입니다
기본 스토리 구조로 독자를 유도합니다
정보 위계를 만들어야 합니다
여백의 의미를 이해하여 활용합니다
시선 흐름과 레이아웃의 관계
이미지 전략과 신뢰도 구축
색상 설계와 브랜드 아이덴티티
서체와 타이포그래피의 통합
자주하는 질문 FAQ
체크리스트
실행 가이드
본문
사례집 디자인은 흐름으로 읽히는 문서입니다
사례집 디자인은 단순한 시각화 작업이 아닙니다.
정보를 구조화하는 핵심 단계입니다.
많은 기관이 디자인을 예쁘게 만드는 것으로 이해합니다.
하지만 사례집은 정보 전달 문서입니다.
가독성과 이해도가 시각적 완성도보다 훨씬 중요합니다.
효과적인 디자인은 콘텐츠 구조를 기반으로 합니다.
정보의 의도를 강화하고 독자가 자연스럽게 메시지를 따라가도록 유도합니다.
과도한 디자인 요소나 장식은 오히려 핵심 정보를 흐려집니다.
절제되고 일관된 설계 원칙이 신뢰도 높은 사례집을 완성합니다.
정보 위계를 명확하게 설정합니다
정보 위계는 독자가 어디를 먼저 봐야 할지를 즉시 인식하도록 하는 설계입니다.
제목은 사례의 핵심을 한눈에 전달합니다.
폰트 크기와 굵기, 색상의 대비로 강조됩니다.
소제목은 내용을 단계별로 구분하여 정보 이해를 돕습니다.
제목보다 작지만 본문보다 두드러진 크기로 표현됩니다.
본문은 상세 정보를 전달합니다.
일반적인 크기와 굵기를 유지합니다.
캡션은 이미지, 표, 그래프의 의미를 보조 설명합니다.
본문보다 작고 회색이나 연한 색상으로 표현됩니다.
이 네 가지 요소의 차이가 명확하지 않으면 독자는 정보의 우선순위를 파악하지 못합니다.
읽기 피로도가 높아져서 이해도가 떨어집니다.
실무 기준으로 제목은 24‑28pt로 설정합니다.
소제목은 16‑18pt로 설정합니다.
본문은 11‑12pt로 설정합니다.
캡션은 9‑10pt로 설정합니다.
이렇게 설정하면 명확한 위계 구분이 가능합니다.
색상 활용도 중요합니다.
제목에만 브랜드 색상을 사용합니다.
본문은 검은색으로 유지하여 명확한 위계를 만듭니다.
여백은 단순한 빈 공간이 아닙니다
여백은 정보를 정리하고 독자의 시선을 쉬게 만드는 설계 요소입니다.
충분한 여백이 없으면 많은 정보도 실제로는 읽히지 않습니다.
여백이 부족한 페이지는 내용이 혼잡해 보입니다.
독자의 인지 부하가 높아져 이해도가 떨어집니다.
반대로 여백이 충분하면 같은 정보도 훨씬 쉽게 이해되고 기억됩니다.
사례집 디자인에서 여백의 비율은 전체 페이지의 30‑40%를 유지하는 것이 표준입니다.
상단, 하단, 좌측, 우측의 여백을 균형 있게 배분합니다.
단락 사이의 줄간격도 충분히 확보해야 합니다.
줄간격은 1.5배가 표준입니다.
이보다 작으면 답답해 보입니다.
이보다 크면 흩어져 보입니다.
단락 간격은 줄간격의 2‑3배로 설정합니다.
각 단락을 명확히 구분합니다.
여백은 시각적 호흡을 제공합니다.
독자가 정보를 소화할 수 있는 시간을 제공합니다.
특히 텍스트가 많은 페이지일수록 여백의 중요성은 더욱 커집니다.
페이지 마진은 상단 15mm, 하단 15mm, 좌측 20mm, 우측 20mm 정도가 표준 기준입니다.
시선 흐름을 설계하여 배치합니다
사람의 시선은 왼쪽 상단에서 시작하여 오른쪽 하단으로 이동합니다.
이를 Z 패턴 또는 F 패턴이라 부릅니다.
효과적인 디자인은 이 자연스러운 흐름을 고려하여 정보를 배치합니다.
중요한 정보는 시선이 먼저 머무는 위치인 상단 좌측이나 중앙에 배치합니다.
보조 정보는 흐름을 따라 단계적으로 배치합니다.
이미지와 텍스트의 순서도 시선 흐름을 고려하여 구성해야 합니다.
이미지 위에 설명 텍스트를 배치하면 자연스러운 흐름을 방해합니다.
이미지 아래 또는 옆에 캡션을 배치해야 합니다.
시선이 이미지에서 설명으로 자연스럽게 이동합니다.
페이지 전체의 시선 흐름이 일관되면 독자는 최소한의 노력으로 정보를 습득합니다.
다단 레이아웃을 사용할 경우 텍스트는 위에서 아래로, 단에서 단으로 자연스럽게 흐릅니다.
이미지는 전략적으로 활용합니다
사례집에서 이미지는 단순한 장식이 아닙니다.
텍스트를 보완하고 신뢰도를 높이는 핵심 요소입니다.
좋은 이미지는 텍스트만으로는 전달하기 어려운 현장감과 맥락을 담습니다.
복잡한 내용을 한눈에 이해하게 합니다.
다만 이미지가 많다고 해서 좋은 디자인이 되는 것은 아닙니다.
핵심은 선택입니다.
의미 있는 이미지를 사용합니다.
내용과 연결되는 이미지를 선택합니다.
맥락이 살아 있는 이미지를 활용합니다.
무의미한 사진이나 스톡 이미지는 신뢰도를 떨어뜨립니다.
실제 진행 과정의 사진이 효과적입니다.
참여자의 얼굴과 표정이 생생합니다.
구체적 성과를 보여주는 자료가 강력합니다.
이미지 해상도는 최소 300dpi 이상이어야 합니다.
인쇄 시 선명도를 보장해야 합니다.
사례당 2‑4장의 이미지를 배치하는 것이 표준입니다.
각 이미지마다 명확한 캡션을 함께 제시합니다.
독자가 이미지의 의미를 정확히 이해하도록 합니다.
이미지와 텍스트의 비율은 40‑50% 이미지, 50‑60% 텍스트가 균형 잡힌 배치입니다.
시각적 일관성이 전문성을 만듭니다
사례집은 하나의 완성된 문서입니다.
처음부터 끝까지 동일한 톤과 규칙을 유지해야 합니다.
색상, 서체, 아이콘, 레이아웃이 페이지마다 다르면 전체 흐름이 끊어집니다.
전문성이 떨어져 보입니다.
기본 색상 팔레트는 브랜드 색 1‑2가지로 제한합니다.
강조 색 1가지를 추가합니다.
중성 색상(회색, 검은색)을 활용합니다.
서체는 제목용 1가지, 본문용 1가지로 제한합니다.
최대 2가지 이내로 유지합니다.
과도한 서체 변경은 가독성을 떨어뜨립니다.
아이콘이나 구분선 같은 장식 요소도 일관된 스타일로 반복 사용합니다.
레이아웃 템플릿을 미리 결정합니다.
모든 사례 페이지에 동일한 구조를 적용합니다.
독자는 각 페이지에서 정보를 찾는 위치를 예측합니다.
이해도가 높아집니다.
공공기관 사례집이나 기업 사례집은 브랜드 아이덴티티와의 일관성이 매우 중요합니다.
신뢰도를 직접 좌우합니다.
색상 적용 시 기본 색 70%, 강조 색 20%, 중성색 10% 정도의 비율을 사용합니다.
시각적 안정감을 만듭니다.
정보를 시각화하여 명확하게 전달합니다
표, 그래프, 다이어그램, 인포그래픽은 복잡한 내용을 직관적으로 전달합니다.
성과 수치를 설명할 때 텍스트만으로는 부족합니다.
만족도가 2.5에서 4.2로 증가했다고 표현하는 것보다 막대 그래프나 꺾은선 그래프로 시각화합니다.
변화를 훨씬 빠르게 인식합니다.
변화 과정이나 인과관계를 설명할 때 플로우 차트나 다이어그램이 효과적입니다.
여러 항목의 비교가 필요할 때 표로 정리합니다.
표도 과도하게 많은 행과 열을 포함하지 않습니다.
표가 복잡해지면 이해도가 떨어집니다.
핵심 항목만 선별하여 정리합니다.
그래프나 표의 범례를 명확하게 표시합니다.
축 레이블을 명시합니다.
단위를 표기합니다.
독자가 정확히 이해합니다.
시각화 요소는 화려할 필요가 없습니다.
정보를 정확하게 전달하는 것이 유일한 목적입니다.
색상이나 효과는 최소화합니다.
명확성을 우선합니다.
막대 그래프, 원형 차트, 꺾은선 그래프 중 데이터의 특성에 맞는 형식을 선택합니다.
색상 설계의 원칙을 정합니다
색상은 감정을 전달하고 정보를 구분하는 도구입니다.
사례집의 색상 설계는 브랜드 아이덴티티를 반영합니다.
가독성을 우선해야 합니다.
기본 색상은 로고나 브랜드 가이드라인에서 정합니다.
모든 페이지에 일관되게 적용합니다.
강조 색상은 중요한 정보나 제목을 눈에 띄게 합니다.
과도하게 사용하면 주의가 분산됩니다.
배경색은 흰색이나 밝은 회색으로 유지합니다.
텍스트 가독성을 확보합니다.
색상의 대비도 중요합니다.
검은 텍스트와 흰 배경의 조합이 가장 읽기 좋습니다.
연한 배경 위에 밝은 텍스트를 배치하면 가독성이 급격히 떨어집니다.
피해야 합니다.
컬러 바리에이션을 활용합니다.
색상의 명도와 채도를 조절합니다.
같은 색 계열의 요소들을 위계적으로 표현합니다.
배경색에 텍스트를 올릴 때 명도 차이가 중요합니다.
최소 4:1 이상이어야 합니다.
WCAG 접근성 기준을 충족합니다.
서체와 레이아웃의 조화
서체 선택은 사례집의 톤 앤 매너를 결정합니다.
제목용 서체는 시각적 임팩트가 강해야 합니다.
가독성을 해치지 않아야 합니다.
고딕계 서체는 현대적이고 명확한 느낌을 줍니다.
명조계 서체는 전통적이고 안정적인 느낌을 줍니다.
본문 서체는 작은 크기에서도 읽기 편해야 합니다.
일반적으로 명조계가 더 효과적입니다.
서체의 줄간격도 중요합니다.
1.5배 정도가 표준입니다.
이보다 작으면 답답해 보입니다.
이보다 크면 흩어져 보입니다.
문단 사이의 간격은 줄간격의 2‑3배로 설정합니다.
각 단락을 명확히 구분합니다.
레이아웃의 기본은 여백과 정렬입니다.
모든 요소를 일관된 그리드에 맞춰 정렬합니다.
전체적으로 정갈한 느낌을 줍니다.
한글과 영문을 함께 사용할 때 각각 다른 서체를 선택해도 됩니다.
한글은 명조, 영문은 산세리프를 조합합니다.
조화로운 결과를 얻습니다.
자주하는 질문
질문: 이미지와 텍스트의 최적 비율은 얼마나 될까요
답변: 일반적으로 사진 40%, 텍스트 60% 정도의 비율이 표준입니다. 이미지가 많은 페이지와 텍스트 위주 페이지를 번갈아 배치하여 리듬을 조절합니다. 이미지가 너무 적으면 현장감이 부족하고, 너무 많으면 텍스트 정보가 축소되므로 균형이 중요합니다.
질문: 디자인 요소는 얼마나 많이 사용해야 할까요
답변: 사례집 디자인은 절제가 핵심입니다. 색상은 3‑4가지, 서체는 2가지, 아이콘은 10가지 이하로 제한하는 것이 원칙입니다. 요소가 많아질수록 정보는 흐려지고 신뢰도는 떨어집니다.
질문: 레이아웃 템플릿은 얼마나 엄격하게 적용해야 할까요
답변: 기본 템플릿은 모든 사례에 일관되게 적용해야 합니다. 사례의 특성에 따라 미세한 조정은 가능합니다. 이미지 배치나 텍스트 영역의 크기는 사례 내용에 맞게 유연하게 조정할 수 있습니다. 다만 기본 구조와 여백의 원칙은 변경하지 않아야 합니다.
질문: 색상이 제한적이어도 디자인이 진부해 보이지 않을까요
답변: 색상 수가 적어도 명도, 채도, 톤을 조절하면 충분한 시각적 다양성을 만들 수 있습니다. 같은 색의 밝은 버전과 어두운 버전을 활용합니다. 회색을 혼용하여 세련된 디자인을 만듭니다. 흑백 디자인도 충분히 전문적일 수 있습니다.
질문: 페이지 리듬은 어떻게 조절하나요
답변: 텍스트 위주 페이지 다음에 이미지 위주 페이지를 배치합니다. 색상이 강한 페이지 뒤에 중성적인 페이지를 배치합니다. 읽기 리듬을 조절합니다. 연속된 사례 페이지 사이의 시각적 리듬이 중요합니다.
질문: 그래프는 어떻게 선택하나요
답변: 막대 그래프, 원형 차트, 꺾은선 그래프 중 데이터의 특성에 맞는 형식을 선택합니다. 성장 추이는 꺾은선 그래프가 효과적입니다. 비율 비교는 원형 차트가 좋습니다. 수치 비교는 막대 그래프가 명확합니다.
질문: 캡션은 어떻게 작성하나요
답변: 캡션은 이미지의 의미를 보조 설명합니다. 명확하고 간결해야 합니다. 한두 문장 정도가 적당합니다. 이미지가 촬영된 시기, 장소, 상황을 설명합니다. 독자가 맥락을 이해하도록 합니다.
질문: 폰트 크기는 정확히 정해져 있나요
답변: 제목은 24‑28pt, 소제목은 16‑18pt, 본문은 11‑12pt, 캡션은 9‑10pt가 표준입니다. 다만 용지 크기와 인쇄 방식에 따라 조정할 수 있습니다. 가독성을 최우선으로 결정합니다.
질문: 여백은 어느 정도가 적당한가요
답변: 전체 페이지의 30‑40% 정도가 여백이어야 합니다. 페이지 마진은 상단 15mm, 하단 15mm, 좌측 20mm, 우측 20mm 정도가 표준입니다. 줄간격은 1.5배로 설정합니다. 단락 간격은 줄간격의 2‑3배로 설정합니다.
질문: 색상 팔레트는 어떻게 정하나요
답변: 기본 색상은 브랜드 색 1‑2가지로 시작합니다. 강조 색 1가지를 추가합니다. 중성 색상(회색, 검은색)을 활용합니다. 색상 적용 시 기본 색 70%, 강조 색 20%, 중성색 10% 정도의 비율을 사용합니다.
질문: 아이콘은 어떻게 활용하나요
답변: 아이콘은 정보를 보조하고 시각적 흥미를 더합니다. 10가지 이하로 제한합니다. 일관된 스타일을 유지합니다. 의미가 명확해야 합니다. 텍스트로도 설명을 보충합니다.
질문: 다단 레이아웃은 어떻게 구성하나요
답변: 텍스트는 위에서 아래로, 단에서 단으로 자연스럽게 흐릅니다. 각 단의 너비는 균등하게 설정합니다. 단 사이의 공백(거터)은 일관되게 유지합니다. 사진이나 인포그래픽이 여러 단에 걸치지 않도록 합니다.
체크리스트 사례집 디자인 완성도 점검
정보 위계 항목
제목, 소제목, 본문, 캡션의 폰트 크기 차이가 명확한지 확인합니다.
각 요소의 굵기와 색상이 위계를 반영하는지 점검합니다.
독자가 중요 정보를 쉽게 찾을 수 있는지 확인합니다.
여백 항목
전체 페이지의 30‑40% 정도가 여백인지 점검합니다.
단락과 섹션 사이의 간격이 적절한지 확인합니다.
숨 쉴 공간이 충분한지 확인합니다.
줄간격이 1.5배 이상인지 점검합니다.
마진이 15‑20mm 정도인지 확인합니다.
시선 흐름 항목
중요 정보가 상단 좌측이나 중앙에 위치하는지 확인합니다.
이미지와 캡션의 관계가 자연스러운지 점검합니다.
페이지를 왼쪽에서 오른쪽으로 읽는 흐름이 일관되는지 확인합니다.
이미지 활용 항목
사용된 이미지가 내용과 연결되는지 확인합니다.
무의미한 사진이 없는지 점검합니다.
해상도가 300dpi 이상인지 확인합니다.
캡션이 이미지의 의미를 명확히 설명하는지 점검합니다.
사례당 이미지 수가 2‑4장 정도인지 확인합니다.
시각적 일관성 항목
색상 팔레트가 모든 페이지에서 동일한지 확인합니다.
서체가 2가지 이내인지 점검합니다.
아이콘이나 구분선의 스타일이 일관되는지 확인합니다.
레이아웃 템플릿이 모든 사례에 적용되는지 점검합니다.
정보 시각화 항목
표와 그래프가 정확하고 명확한지 점검합니다.
범례와 축 레이블이 명시되는지 확인합니다.
데이터가 오류 없이 표현되는지 점검합니다.
시각화 요소가 본문과 자연스럽게 연결되는지 확인합니다.
색상 접근성 항목
배경과 텍스트의 명도 대비가 충분한지 확인합니다.
색상만으로 정보를 전달하지 않고 텍스트나 기호로 보충하는지 점검합니다.
전체 완성도 항목
처음부터 끝까지 읽었을 때 전문적인 인상이 드는지 확인합니다.
정보가 명확하게 이해되는지 점검합니다.
디자인이 콘텐츠를 방해하지 않는지 최종 확인합니다.
실행 가이드 디자인 제작 프로세스와 일정
첫 번째 단계: 디자인 시스템 수립
색상 팔레트를 정의합니다.
서체를 선정합니다.
아이콘을 결정합니다.
레이아웃 템플릿을 기획합니다.
기본 규칙을 정합니다.
이 단계에 2‑3일이 소요됩니다.
모든 향후 디자인 작업의 기초가 됩니다.
와이어프레임을 그립니다.
마스터 스타일 가이드를 문서화합니다.
두 번째 단계: 마스터 페이지 제작
표지를 디자인합니다.
목차 페이지를 제작합니다.
섹션 시작 페이지를 만듭니다.
본문 사례 페이지의 레이아웃을 설계합니다.
이 단계는 3‑5일 소요됩니다.
모든 내부 페이지가 따를 기본 구조를 정의합니다.
세 번째 단계: 원고 배치 및 이미지 삽입
편집된 원고를 템플릿에 배치합니다.
이미지를 삽입합니다.
사례 수에 따라 3‑10일 소요됩니다.
텍스트는 본문 크기에 맞게 조정합니다.
이미지는 300dpi 이상으로 확인합니다.
네 번째 단계: 세부 조정 및 윤문
각 페이지의 여백을 최적화합니다.
텍스트 흐름을 정리합니다.
이미지 배치를 조정합니다.
이 단계는 5‑7일 필요합니다.
고아 라인 문제를 해결합니다.
위도우 라인 문제를 해결합니다.
타이포그래픽 문제를 모두 검토합니다.
다섯 번째 단계: 최종 검수 및 PDF 제작
색상을 확인합니다.
서체를 점검합니다.
레이아웃을 검토합니다.
하이퍼링크를 확인합니다.
북마크를 추가합니다.
인쇄용 PDF를 제작합니다.
온라인용 PDF를 별도로 제작합니다.
1‑2일 소요됩니다.
전체 일정과 팀 구성
소규모 프로젝트는 3‑5건 사례입니다.
2‑3주가 필요합니다.
중규모 프로젝트는 8‑10건 사례입니다.
3‑4주가 필요합니다.
대규모 프로젝트는 15‑20건 사례입니다.
4‑5주가 필요합니다.
팀 구성은 크리에이티브 디렉터 1인이 시스템을 수립하고 감수합니다.
디자이너 1‑2인이 제작합니다.
검수자 1인이 최종 품질을 확인합니다.
이것이 표준 구성입니다.
대규모 프로젝트는 디자이너를 2‑3명으로 확대합니다.
병렬 작업으로 일정을 단축할 수 있습니다.
연락처 및 상담
전화: 1688‑2281
이메일: boss976@naver.com
상담 신청: https://www.admon.co.kr
관련 글 및 연속 시리즈
사례집 완벽 가이드 1편 – 기획·디자인 전체 흐름
콘텐츠 구성·배열표 전략 2편 – 페이지 구조 설계
취재와 인터뷰 설계 3편 – 내용 확보 방법
원고 편집과 스토리 구성 4편 – 읽히는 구조 만들기
디자인과 가독성 설계 5편 – 현재 글
카탈로그 제작 가이드
회사소개서 제작 가이드
기술 문서 작성 표준
