제목 체계, 색상 체계·슬라이드 제목·검색 제목으로 읽히는 화면 만들기
보고서나 발표 자료를 만들 때 본문보다 제목에서 먼저 막히는 순간이 있습니다. 1쪽에는 ‘배경’, 2쪽에는 ‘문제점’, 3쪽에는 ‘개선안’이라고 적었는데, 막상 전체 화면을 보면 무엇이 중요한지 잘 보이지 않습니다. 제목의 크기와 말투도 페이지마다 달라져 자료가 산만해집니다.
제목 체계를 정하면 독자는 화면을 읽는 순서를 쉽게 파악할 수 있습니다. 이 글을 읽으면 큰 제목과 중간 제목을 나누는 기준, 슬라이드와 웹페이지에 맞는 제목 작성법, 색상 체계와 함께 제목을 관리하는 방법, 작업 중 자주 생기는 실수를 알게 됩니다.
제목 체계란 무엇인가
제목 체계는 제목을 크기와 위치, 굵기, 색상, 표현 방식에 따라 단계별로 정하는 규칙입니다. 단순히 글자를 크게 만드는 일이 아닙니다. 정보의 중요도와 범위를 시각적으로 보여주는 약속에 가깝습니다.
예를 들어 보고서에 ‘온라인 쇼핑 이용 현황’이라는 큰 제목이 있고, 그 아래에 ‘이용자 변화’, ‘구매 이유’, ‘개선 방향’이 있다면 독자는 큰 제목이 전체 주제이고 아래 제목들이 세부 내용이라는 사실을 바로 이해합니다. 반대로 모든 제목이 같은 크기와 굵기라면 정보 사이의 관계가 흐려집니다.
- 1단계 제목: 문서나 화면 전체의 주제
- 2단계 제목: 큰 주제를 나누는 주요 내용
- 3단계 제목: 사례, 조건, 세부 설명
- 본문 제목: 표나 이미지 옆에 붙는 짧은 설명
좋은 제목 체계는 장식보다 길잡이 역할을 합니다. 제목만 차례로 읽어도 내용의 흐름이 어느 정도 이해되어야 합니다.
작성 전 확인할 기준
제목을 정하기 전에 먼저 독자가 어떤 방식으로 자료를 볼지 생각해야 합니다. 발표 자료라면 발표자가 말하기 전에 화면만 보고도 방향을 알아야 합니다. 웹페이지라면 검색 결과의 제목과 본문 안의 제목이 서로 다른 역할을 해야 합니다.
- 독자: 처음 보는 사람인지, 이미 내용을 아는 사람인지 확인합니다.
- 사용 환경: 큰 모니터인지, 휴대전화인지 살핍니다. 작은 화면에서는 긴 제목이 여러 줄로 끊길 수 있습니다.
- 읽는 목적: 정보를 배우는지, 비교하는지, 행동을 결정하는지 구분합니다.
- 내용의 깊이: 제목 단계가 너무 많으면 구조가 복잡해지고, 너무 적으면 내용이 뭉칩니다.
실무에서는 먼저 제목을 모두 적은 뒤 단계별로 표시하는 방법이 편합니다. 예를 들어 가장 큰 주제에는 1, 하위 내용에는 2, 사례에는 3을 붙입니다. 같은 수준의 제목이 같은 역할을 하는지 확인하면 페이지마다 기준이 흔들리는 문제를 줄일 수 있습니다.
매체별 제목 체계 비교
같은 제목이라도 쓰이는 곳에 따라 길이와 표현이 달라집니다. 제목을 한 가지 규칙으로 모든 매체에 적용하면 오히려 어색해질 수 있습니다.
| 사용처 | 중요한 기준 | 예시 |
|---|---|---|
| 발표 슬라이드 | 짧고 메시지가 분명해야 함 | 고객 이탈이 늘어난 이유 |
| 보고서 | 내용의 범위와 순서가 드러나야 함 | 2. 이용자 이탈 원인 분석 |
| 웹페이지 | 페이지 내용을 설명하고 검색 의도와 맞아야 함 | 초보자를 위한 포스터 제목 작성법 |
| 카드뉴스 | 작은 화면에서도 빠르게 읽혀야 함 | 제목이 길어지는 이유 3가지 |
슬라이드 제목은 주제를 반복하기보다 그 장에서 전달할 결론을 보여주는 편이 좋습니다. ‘매출 현황’보다 ‘모바일 매출이 전체 성장을 이끌었다’가 발표 흐름을 더 잘 안내합니다. 다만 근거가 아직 제시되지 않았다면 지나치게 단정적인 표현은 피해야 합니다.
웹페이지 제목은 검색 결과에서 내용을 설명하는 문장이어야 합니다. 페이지마다 같은 제목을 쓰거나, 실제 본문에 없는 내용을 넣으면 방문자가 기대한 정보와 화면의 내용이 달라집니다. 제목 링크가 잘리지 않도록 핵심 단어를 앞쪽에 두는 것도 도움이 되지만, 글자 수만 맞추는 것보다 의미가 우선입니다.
제목 체계를 만드는 순서
- 전체 내용을 한 문장으로 적습니다. ‘신제품 소개’처럼 넓은 말보다 ‘1인 가구를 위한 작은 공기청정기 소개’처럼 대상을 넣으면 방향이 선명해집니다.
- 주요 질문을 나눕니다. 독자가 궁금해할 내용을 ‘무엇인지’, ‘왜 필요한지’, ‘어떻게 쓰는지’, ‘주의할 점은 무엇인지’로 나눠 봅니다.
- 제목의 단계를 부여합니다. 전체 주제는 1단계, 주요 질문은 2단계, 세부 사례는 3단계로 배치합니다.
- 문장 길이를 줄입니다. 한 제목에 원인, 과정, 결과를 모두 넣지 않습니다. 긴 설명은 본문으로 보내고 제목에는 핵심만 남깁니다.
- 시각 규칙을 연결합니다. 1단계는 가장 크고 진하게, 2단계는 그보다 작게, 3단계는 본문과 구분되되 과하게 튀지 않게 설정합니다.
- 실제 화면에서 확인합니다. 확대된 편집 화면뿐 아니라 축소 화면과 휴대전화 화면에서도 제목이 구분되는지 살핍니다.
색상 체계는 제목 단계의 보조 장치로 사용하는 것이 좋습니다. 예를 들어 1단계 제목은 검정, 2단계 제목은 진한 남색, 강조할 단어만 주황색으로 정할 수 있습니다. 모든 제목에 서로 다른 색을 쓰면 단계가 아니라 장식처럼 보이므로, 기본 글자색과 강조색을 먼저 정하고 반복해서 사용해야 합니다.
색상만으로 단계 차이를 표현해서는 안 됩니다. 흑백으로 출력하거나 색을 구분하기 어려운 환경에서는 의미가 사라질 수 있기 때문입니다. 글자 크기, 굵기, 여백, 선과 같은 요소를 함께 사용해야 구조가 안정적입니다.
자주 생기는 실수와 수정법
- 제목마다 크기를 다르게 설정합니다. 중요해 보이게 하려고 페이지마다 임의로 키우면 단계가 무너집니다. 먼저 단계별 크기표를 정하고 예외는 최소화합니다.
- 제목에 내용을 너무 많이 넣습니다. ‘지난달 설문 결과를 바탕으로 살펴본 사용자 불편 사항과 개선 방향’처럼 길어지면 읽는 속도가 떨어집니다. ‘사용자 불편 사항과 개선 방향’으로 줄이고 배경은 본문에 둡니다.
- 모호한 표현을 반복합니다. ‘살펴보기’, ‘알아보기’, ‘정리’만 이어지면 각 부분의 차이가 보이지 않습니다. ‘원인’, ‘절차’, ‘비용 기준’, ‘주의할 점’처럼 내용을 직접 말합니다.
- 제목과 본문이 어긋납니다. 제목에는 ‘비용 비교’라고 썼지만 실제로는 한 항목만 설명하는 경우입니다. 제목을 좁히거나 비교 자료를 보완해야 합니다.
- 색으로만 강조합니다. 강조색이 많으면 어디를 봐야 할지 오히려 모호해집니다. 한 화면에서 강조색은 핵심 숫자나 행동 단어처럼 제한된 부분에만 씁니다.
- 검색용 문구를 억지로 반복합니다. 같은 단어를 모든 제목에 넣으면 문장이 부자연스럽고 정보도 빈약해집니다. 실제 독자가 묻는 표현을 한 번 쓰고, 이후에는 자연스러운 대명사와 관련 표현을 사용합니다.
자주 묻는 질문
제목 단계는 몇 개가 적당한가요?
짧은 카드뉴스라면 2단계만으로 충분할 수 있고, 긴 보고서나 웹문서라면 3단계까지 사용할 수 있습니다. 4단계 이상이 필요하다면 내용을 합치거나 문서를 나누는 방법도 검토해 보세요.
슬라이드 제목은 명사형이 좋은가요, 문장형이 좋은가요?
둘 다 가능하지만 목적에 따라 다릅니다. 목차나 장 이름은 ‘시장 현황’처럼 짧은 명사형이 편하고, 결론을 전달하는 발표 화면은 ‘20대 이용자가 가장 오래 머물렀다’처럼 문장형이 더 효과적입니다.
색상 체계에서 강조색은 몇 가지를 써야 하나요?
기본 글자색 하나와 강조색 한두 가지로 시작하는 편이 안전합니다. 브랜드 색이 여러 개라면 먼저 색의 역할을 정해야 합니다. 예를 들어 파란색은 정보, 주황색은 주의처럼 의미를 고정하면 페이지가 바뀌어도 독자가 규칙을 익힐 수 있습니다.
검색 결과 제목과 화면의 큰 제목은 같아야 하나요?
완전히 같을 필요는 없습니다. 검색 결과 제목은 페이지 내용을 짧게 설명해야 하고, 화면의 큰 제목은 방문자가 지금 읽는 내용을 안내해야 합니다. 다만 서로 다른 내용을 약속하면 안 되므로 핵심 주제와 대상은 일치시키는 것이 좋습니다. 검색 노출 방식과 표시 길이는 서비스 정책에 따라 달라질 수 있으니 게시 전 공식 안내도 확인하세요.
제목 체계는 글을 다 쓴 뒤 꾸미는 장식이 아니라, 내용을 설계하는 기준입니다. 먼저 독자가 알고 싶은 순서를 정하고, 같은 수준의 제목에 같은 시각 규칙을 적용해 보세요. 마지막으로 제목만 이어 읽었을 때 흐름이 자연스러운지 확인하면, 보기 좋은 자료를 넘어 실제로 읽히는 자료에 가까워집니다.