인포그래픽, 유형 6가지 예시표와 만드는 순서
보고서 · 상세페이지 · SNS · 발표 자료에 인포그래픽을 넣으려는 담당자를 위해 여섯 유형의 예시표와 흔한 실수, 메시지 한 줄에서 검수까지 여섯 단계, 도구 종류별 비교, 숫자 · 출처 · 색 대비 점검표를 정리했습니다.
인포그래픽은 숫자 · 순서 · 관계 같은 정보를 도표 · 아이콘 · 짧은 글로 한 장에 정리한 그림입니다. 이 글에서는 보여 줄 것에 따라 통계 · 비교 · 순서 · 타임라인 · 지도 · 계층 여섯 유형으로 나눕니다. 가진 데이터가 유형을 정하고, 유형이 배치를 정합니다. 만드는 순서는 메시지 한 줄 → 데이터 고르기 → 유형 고르기 → 스케치 → 제작 → 검수이고, 검수에서 숫자 · 출처 · 색 대비를 확인합니다.
인포그래픽 예시 — 여섯 유형은 언제 쓰나요
가진 데이터와 맞는 줄을 고르고, 한 장에는 유형 하나를 주인공으로 둡니다. 예는 모두 가정한 값입니다.
| 유형(기본 그림) | 이럴 때 · 예 | 필요한 데이터 | 흔한 실수 → 고침 |
|---|---|---|---|
| 통계형(큰 숫자 · 도넛 · 막대) | 숫자 자체가 주인공일 때 — 주문 10건 중 7건이 휴대전화 | 핵심 숫자 1~3개, 출처와 기준 시점 | 기준 시점 · 응답자 수를 빠뜨림 → 숫자 옆에 함께 적음 |
| 비교형(좌우 나란히 · 막대 · 표) | 같은 기준으로 둘 이상을 견줄 때 — 요금제 두 개의 월 비용 | 같은 기준 · 단위로 잰 값 | 기간 · 단위가 다른 값을 나란히 둠 → 같은 기간 · 단위로 다시 셈 |
| 순서형(번호와 화살표) | 절차 · 사용법 — 신청 5단계 | 단계 이름, 단계별 기간 · 담당 | 단계가 많아 글자가 작아짐 → 비슷한 단계를 묶음 |
| 타임라인형(선 위의 점) | 날짜가 축일 때 — 1월 기획 → 3월 출시 → 6월 해외 판매 | 날짜와 그날의 일 | 3개월과 3년을 같은 간격으로 그림 → 간격을 기간에 맞추거나 물결선으로 끊음 |
| 지도형(지도 위 색 · 점) | 지역이 축일 때 — 지역별 매장 수 | 지역 이름과 지역별 값 | 넓은 지역이 값보다 크게 보임 → 값을 숫자로도 적음 |
| 계층형(나무 · 피라미드) | 위아래 관계일 때 — 제품 구성 · 조직도 | 위아래 관계 목록 | 같은 층에 수준이 다른 항목이 섞임 → 층마다 같은 수준만 둠 |
파워포인트 SmartArt라면 순서형 · 타임라인형은 프로세스형, 계층형은 계층 구조형이나 피라미드형에서 틀을 고르고, 값이 필요한 통계형 · 지도형은 차트로 그립니다. 과제라면 국가통계포털(KOSIS)의 통계표 하나로 숫자 3개짜리 통계형부터 만듭니다.
만드는 순서는 어떻게 되나요
- 메시지 한 줄 — 다 본 사람이 기억할 문장 하나를 씁니다. 예: 「주문 10건 가운데 7건이 휴대전화에서 들어온다」(가정).
- 데이터 고르기 — 문장을 받치는 숫자만 남기고, 숫자마다 출처 · 기준 시점 · 단위를 같은 줄에 적습니다. 개수는 아래 판형 기준을 따릅니다.
- 유형 고르기 — 숫자가 주인공이면 통계형, 둘 이상을 견주면 비교형, 단계는 순서형, 날짜 축은 타임라인형, 지역 축은 지도형, 위아래 관계는 계층형입니다.
- 스케치 — 종이에 읽는 방향대로 제목 · 핵심 숫자 · 보조 그림 · 출처 줄의 자리를 나눕니다. 칸이 넘치면 메시지를 둘로 나눕니다.
- 제작 — 차트는 스프레드시트에 값을 넣어 그린 뒤 가져옵니다. 눈대중으로 그린 막대는 값과 길이가 어긋납니다. 색 · 서체 · 아이콘은 회사 브랜드 가이드를 따릅니다.
- 검수 — 원자료와 숫자를 한 칸씩 대조하고, 아래 점검표를 본 뒤 실제 크기로 띄워 봅니다.
넣을 자리별 판형과 한 장의 숫자 개수입니다(개수는 예시로 정한 기준).
- 보고서 · 제안서 — A4 세로 한 쪽이나 반 쪽, 숫자 3~5개.
- 발표 자료 — 16:9 한 장, 숫자 1~3개.
- 상세페이지 — 페이지 폭에 맞춰 세로로 이어 붙이고, 구간마다 숫자 1~2개.
- SNS 피드 — 3:4나 4:5 한 장에 숫자 1개. 더 많으면 카드뉴스 만들기, 장수·사이즈·문장 길이 기준에 맞춰 여러 장으로 나눕니다.
- 포스터 · 영상 — 포스터는 인쇄소 기준의 크기 · 재단 여백 · CMYK로 다시 만들고, 영상은 한 화면에 숫자 하나씩 등장시킵니다. 영상 쪽 순서는 모션그래픽, 설명 영상을 그래픽으로 만드는 순서에 있습니다.
AI나 템플릿 사이트로도 만들 수 있나요
만들 수 있습니다. 숫자는 값으로 그리는 도구에서, 꾸밈은 다른 도구에서 나눠 만듭니다.
| 도구 종류 | 잘하는 일 | 조심할 곳 | 맞는 자리 |
|---|---|---|---|
| 문서 · 발표 도구(파워포인트 · 스프레드시트 등) | 값으로 그리는 차트, SmartArt 같은 도식 틀 | 꾸밈의 폭이 좁음 | 보고서 · 발표 자료 |
| 템플릿 사이트(웹 디자인 서비스) | 완성된 판에 글자와 숫자만 바꿔 넣기 | 다른 회사 자료와 비슷해 보임, 서비스마다 이용 조건이 다름 | SNS · 사내 공지 · 행사 안내 |
| 생성형 AI | 구성 초안, 아이콘 · 배경 그림 | 그림 속 숫자와 글자를 틀리게 그리기 쉬움 | 기획 초안 · 삽화 |
| 전문 디자인 도구(일러스트레이터 · 피그마 등) | 브랜드 규칙에 맞춘 완성도, 인쇄용 파일 | 손이 많이 가고 다룰 사람이 필요 | 상세페이지 · 인쇄물 · 오래 쓸 자료 |
AI에는 메시지 한 줄과 숫자 표를 주고 「이 숫자로 통계형 구성 3안, 칸 배치만」처럼 요청하고, 그림 속 숫자는 차트 도구에서 값으로 다시 그립니다. 약관에서 볼 네 가지는 아래 자주 묻는 질문에 있습니다.
인포그래픽 디자인, 숫자 · 출처 · 색은 무엇을 확인하나요
공개 전 점검표입니다. 색 기준은 W3C 웹 콘텐츠 접근성 지침(WCAG 2.2)의 값이고, 명도 대비는 두 색의 밝기 차이를 1:1에서 21:1까지로 나타낸 값입니다.
| 확인할 것 | 기준 | 고치는 법 |
|---|---|---|
| 숫자 | 원자료와 같은가. 단일 응답이면 비율 합이 100%인가(반올림으로 99~101%면 주석), 복수 응답이면 「복수 응답」 표시 | 원자료 표를 옆에 띄워 한 칸씩 대조 |
| 출처 | 만든 곳 · 자료 이름 · 기준 시점이 그림 파일 안에 있는가 | 그림 맨 아래 줄에 출처 한 줄, SNS는 게시물 설명란에도 한 번 더 |
| 막대 축 | 값 축이 0에서 시작하는가 | 막대그래프는 0에서 시작. 작은 차이를 보여야 하면 선 · 점 그래프로 |
| 글자 대비 | 배경과 4.5:1 이상. 화면에 보이는 크기로 약 24px 이상(굵게는 약 18.5px 이상)인 큰 글자만 3:1 | 휴대전화에서 줄어 보이는 그림은 4.5:1로 맞춤 |
| 그래픽 대비 | 막대 · 선 · 아이콘처럼 내용을 이해하는 데 필요한 부분은 옆 색과 3:1 이상 | 막대마다 값을 숫자로 적거나(그 숫자는 4.5:1), 연한 막대에 진한 테두리를 두르거나 색을 진하게 |
| 색만으로 구분 | 흑백으로 뽑거나 회색조로 띄워도 구분되는가 | 막대 끝에 이름을 바로 적거나 무늬 · 모양을 더함 |
| 대체 텍스트 | 웹에 올릴 때 그림의 내용을 글로도 주는가 | 짧은 설명은 이미지의 대체 텍스트(화면 낭독기가 대신 읽는 글) 칸에, 긴 설명(핵심 숫자와 흐름)은 그림 바로 아래 본문이나 표로 |
국내 표준인 한국형 웹 콘텐츠 접근성 지침 2.2도 글자 명도 대비 4.5:1 이상과 색에 관계없는 인식을 요구합니다. 대비는 두 색의 여섯 자리 색 코드(예: #1A1A1A)를 측정 도구에 넣어 재고, 도구와 재는 순서는 웹 접근성, 홈페이지에서 먼저 고칠 열 가지에 있습니다. 인쇄물은 CMYK로 바꾼 뒤 한 번 더 잽니다.
자주 묻는 질문
인포그래픽과 카드뉴스는 무엇이 다른가요?
인포그래픽은 정보의 구조를 한 장에 보여 주는 그림이고, 카드뉴스는 여러 장을 넘기며 읽게 만든 SNS 게시물 형식입니다. 인포그래픽 한 장을 SNS에 올렸을 때 글자가 너무 작아진다면 숫자 하나씩 여러 장으로 나눠 카드뉴스로 만듭니다. 반대로 카드뉴스 한 장 안에 차트가 들어가면 그 장이 작은 인포그래픽입니다.
그림에 쓸 통계는 어디서 찾나요?
공식 통계는 국가데이터처가 제공하는 국가통계포털(KOSIS)에서 찾고, 통계표 이름 · 수록 시점 · 내려받은 날짜를 적어 둡니다. 회사 자체 데이터라면 집계 기간과 대상 수를 그림 안에 적습니다. 출처를 밝힐 수 없는 숫자는 쓰지 않고, 시안의 임시 숫자는 「예시」로 표시해 두었다가 공개 전에 실제 값으로 바꿉니다.
한 장에 숫자와 글자는 얼마나 넣나요?
넣을 자리가 정합니다. 보고서 한 쪽은 숫자 3~5개, 발표 한 장은 1~3개, SNS 한 장은 1개입니다(예시로 정한 기준). 글자 크기는 줄어든 뒤를 기준으로 잡습니다 — 가로 1,080px SNS 그림이면 본문 40px 이상, 가로 860px 상세페이지면 본문 28px 이상입니다.
템플릿으로 만든 그림을 회사 자료에 써도 되나요?
상업적 이용을 허용하는 서비스라면 회사 자료 · 광고에 씁니다. 쓰기 전에 라이선스 항목에서 네 가지를 확인합니다 — 상업적 이용, 로고 · 상표로 쓰기, 재배포 · 판매, 결과물의 권리를 회사가 가질 수 있는지. 템플릿 요소로 만든 결과물의 권리를 서비스 쪽에 두는 약관도 있어, 회사 표시로 오래 쓸 그림은 따로 만듭니다.
인포그래픽에는 어떤 종류가 있나요?
이 글에서는 보여 줄 것에 따라 통계형 · 비교형 · 순서형 · 타임라인형 · 지도형 · 계층형 여섯 종류로 나눕니다. 숫자가 주인공이면 통계형, 둘 이상을 견주면 비교형, 단계는 순서형, 날짜 축은 타임라인형, 지역 축은 지도형, 위아래 관계는 계층형입니다. 한 장에는 종류 하나를 주인공으로 두고, 종류별 예와 흔한 실수는 위 유형표에 있습니다.
오늘 할 일
이번 주에 쓰는 보고서나 상세페이지에서 숫자가 세 개 이상 나오는 문단 하나를 고르십시오. 그 문단이 하려는 말을 한 줄로 적고, 위 유형표에서 유형 하나를 골라 종이에 네 칸(제목 · 핵심 숫자 · 보조 그림 · 출처)으로 스케치합니다. 누가 만들든 이 네 칸이 작업의 기준이 됩니다.
이어서 읽기 — AI PPT 만들기, 4갈래 비교표와 프롬프트 양식
