1. 시각 변수 — 색·크기·모양의 올바른 사용법

published 섹션: 좋은 시각화의 조건 Updated: 2026-04-22

플로우차트를 그릴 때 자연스럽게 하는 행동들이 있습니다.

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

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

사람의 눈이 "아, 이건 저거랑 다르네"라고 느끼는 방법은 7가지밖에 없습니다.

#	변수	쉽게 말하면	예시
1	위치	어디에 있나	위쪽 = 시작, 아래쪽 = 끝
2	크기	얼마나 큰가	중요한 단계를 크게
3	밝기	진한가 연한가	완료된 건 연하게
4	질감	실선인가 점선인가	점선 = 선택적 경로
5	색상	무슨 색인가	빨강 = 결제, 초록 = 완료
6	방향	어느 쪽을 향하나	화살표 각도
7	모양	동그라미인가 네모인가	◇ = 분기, □ = 프로세스

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

아무 변수나 아무 데 쓰면 안 됩니다.

매출 비교, 트래픽 양 → 원의 크기로 표현. 색상으로 "얼마나"는 직관적이지 않습니다.

결제 단계 vs 인증 단계 → 색상을 다르게. 분기 vs 프로세스 → 모양을 다르게.

1일차 → 7일차 → 색이 점점 진해지게. 또는 크기가 점점 커지게.

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

7가지 변수 중 하나도 안 쓰는 상태. 텍스트를 하나하나 읽어야 합니다. 최소 2~3개 변수는 써야 "눈으로 스캔"이 됩니다.

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

1. 시각 변수 — 색·크기·모양의 올바른 사