플로우차트를 그리다 보면 자연스럽게 하는 행동이 있습니다.

• 시작 노드는 초록색, 끝은 빨간색
• 분기점은 마름모, 프로세스는 사각형
• 중요한 단계는 크게, 부수적인 건 작게

이걸 "감"으로 하고 있다면 — 이번 글이 그 감을 원리로 바꿔줍니다.

1. 눈이 구분할 수 있는 건 7가지뿐이다

1967년 프랑스 지도학자 Jacques Bertin이 정리한 원칙입니다. 사람의 눈이 "아, 이건 저거랑 다르네"라고 느끼는 방법은 딱 7가지밖에 없어요.

이 7가지 외에는 없습니다. 그림자를 넣든, 테두리를 두껍게 하든, 결국 이 7가지의 조합이에요.

2. 변수마다 잘하는 게 다르다

여기가 핵심입니다. 아무 변수나 아무 데 쓰면 안 됩니다.

"얼마나 많은가" → 크기, 위치

• 매출 10억 vs 100억을 보여주고 싶다 → 원의 크기로 비교
• 색상으로 "얼마나"는 표현 못합니다 (빨강이 파랑보다 크다? 말이 안 되죠)

"이건 A, 저건 B" (종류 구분) → 색상, 모양

• 결제 단계 vs 미션 단계를 구분하고 싶다 → 색상을 다르게
• 분기 vs 프로세스를 구분하고 싶다 → 모양을 다르게 (◇ vs □)

"1등, 2등, 3등" (순서) → 밝기, 크기

• 미션 1일차 → 7일차를 보여주고 싶다 → 색이 점점 진해지게
• 크기가 점점 커지게

한 줄 정리

3. 흔한 실수들

실수 1: 색상으로 양을 표현

"빨간 노드 = 매출 높음, 파란 노드 = 매출 낮음" → 직관적이지 않습니다. 빨강이 파랑보다 "많다"는 약속은 없어요. 크기로 바꾸세요.

실수 2: 모든 노드가 같은 크기, 같은 색

7가지 변수 중 하나도 안 쓰고 있는 상태. 텍스트만으로 구분하게 만들면 읽는 사람이 하나하나 다 읽어야 합니다. 최소 2~3개 변수는 써야 "눈으로 스캔"이 됩니다.

실수 3: 변수를 너무 많이 씀

색도 다르고, 크기도 다르고, 모양도 다르고, 테두리도 다르고… 이러면 규칙을 외워야 해서 오히려 더 어렵습니다. 3~4개 변수면 충분합니다.

4. 우리 다이어그램에 적용해보기

아까 만든 챌린지 플로우를 떠올려보세요.

• 모양: □ = 프로세스, ◇ = 분기 → 좋음 (범주 구분)
• 색상: 초록/빨강/파랑/보라 → 각 색이 뭘 뜻하는지 일관적인가?
• 위치: 위→아래 = 시간순 → 좋음 (순서 표현)
• 질감: 점선 화살표 = "다음 Day 루프" → 좋음 (선택적 경로)

5. 체크리스트

• 시각 변수를 최소 2~3개는 쓰고 있다
• 색상을 "얼마나"가 아니라 "어떤 종류"에 쓰고 있다
• 같은 종류는 같은 색/모양으로 통일되어 있다
• 크기 차이가 있다면, 그게 중요도나 양을 반영한다
• 변수 종류가 5개를 넘지 않는다 (너무 많으면 규칙 외우기 힘듦)

전부 체크되면 다음 글로 넘어가세요.

출처

Bertin, J. (1967). Sémiologie Graphique. Gauthier-Villars. → 60년 전 책이지만 이 7가지 변수 체계는 지금도 모든 시각화 교과서의 1장입니다.