Whitespace, 일본 미학 ma와 스위스 디자인

한 줄로

콘텐츠 사이의 빈 공간입니다. "비어 있는" 게 아니라 의미를 만드는 적극적 디자인 요소입니다.

어디서 왔나

서양 디자인에서는 19세기부터 "negative space"라는 용어로 회화와 사진에서 다뤘습니다. 그러나 디자인 원칙으로 본격 정립된 건 두 흐름의 영향입니다.

1. 일본 미학 "ma" (間): 사이, 간격, 여백입니다. 일본 정원, 전통 건축, 서예에서 강조하는 미적 원리입니다. 채워지지 않은 공간이 채워진 것만큼 중요합니다.

2. 스위스 스타일 (1950년대): 헬베티카, 격자, 산세리프와 함께 여백을 활용한 미니멀리즘이 표준화됐습니다.

종류

Macro whitespace: 큰 영역. 섹션 사이, 페이지 가장자리.
Micro whitespace: 작은 영역. 글자, 줄, 아이콘 사이.

가치

위계 표현: 비슷한 것끼리 가까이, 다른 것끼리 멀리.
집중: 비어 있는 영역이 다른 영역에 시선을 모읍니다.
고급스러움: 럭셔리 브랜드의 공통 특징입니다.
읽기 쉬움: 본문의 line-height, margin.

Apple의 사례

Apple의 제품 페이지는 whitespace의 정수입니다. 한 화면에 거의 하나의 요소만 있고, 나머지는 모두 흰 배경입니다. 미니멀리즘이라는 단어보다 정확한 게 "적극적 whitespace 활용"입니다.

바이브 메이커가 챙길 한 가지

요소를 추가할 때 자문해 봅니다. "이 공간이 비어 있어도 페이지가 작동하는가?" 답이 "예"라면 빈 채로 두는 게 좋습니다. 무엇을 채우느냐보다 무엇을 안 채우느냐가 디자인의 성격을 결정합니다.

관련

Visual hierarchy · Grid system · Flat design