여백은 낭비되는 공간이 아닙니다. 페이지의 요소들 주변과 요소들 사이의 빈 공간을 말합니다. 여백, 패딩, 거터, 줄 간격, 로고 주변의 공간 등이 모두 여백에 해당합니다. 디자이너들은 이를 네거티브 스페이스라고 부릅니다. 초보자들은 채워야 할 공간이라고 생각하기 쉽지만, 그런 생각은 거의 항상 틀립니다.

애플의 제품 페이지는 여백 활용의 진수를 보여줍니다. 제품 사진 한 장, 짧은 제목, 그리고 나머지는 텅 비어 있죠. 이 여백 덕분에 제품이 고급스러워 보이고, 메시지는 절대 놓칠 수 없게 됩니다. 배너, 팝업, 텍스트 블록으로 가득 찬 페이지와 비교해 보세요. 시선이 쉴 곳이 없잖아요.

공백이 하는 일

• 관련 요소들을 그룹화하고 관련 없는 요소들을 분리합니다.
• 텍스트 사이에 숨 쉴 공간을 확보하여 가독성을 향상시킵니다.
• 중요 요소를 분리하여 집중력을 높입니다.
• 분위기 조성: 넉넉한 여백은 우아하고 차분한 느낌을 줍니다.
• 촘촘한 여백은 활기차고 밀도 있는 느낌을 준다.

정답이라고 할 만한 여백의 양은 없습니다. 뉴스 사이트는 고급 패션 브랜드 웹사이트보다 더 좁은 여백이 필요하고, 데이터가 밀집된 대시보드는 어린이 책과는 다른 여백이 필요합니다. 중요한 것은 여백을 의도적으로 사용하는 것이지, 우연히 사용하는 것이 아닙니다. 여백이 일관적이면 디자인이 안정적으로 느껴지고, 반대로 여백이 고르지 않으면 이유를 알 수 없더라도 페이지가 어색하게 느껴집니다.