여백은 디자인 요소 사이와 주변의 빈 공간을 말합니다. 이는 낭비되는 공간이 아닙니다. 눈이 쉴 공간을 제공하고, 요소들을 그룹으로 구분하며, 관계성을 나타냅니다. 협소한 레이아웃은 불안한 느낌을 주지만, 넉넉한 레이아웃은 차분하고 자신감 있는 느낌을 줍니다. 여백은 마진, 패딩, 줄 간격, 열이나 버튼 사이의 간격 등을 모두 포함하는 개념입니다.
디자이너들은 매크로 여백과 마이크로 여백을 구분합니다. 매크로 여백은 페이지의 여백처럼 주요 블록 주변의 넓은 영역을 말합니다. 마이크로 여백은 레이블과 입력 필드 사이의 공간처럼 요소 내부의 작은 간격을 말합니다. 이 두 가지 모두 중요합니다. 마이크로 여백이 너무 적으면 텍스트가 빽빽하게 느껴져 훑어보기 어려워집니다. 반대로 매크로 여백이 너무 적으면 요소가 적더라도 페이지가 복잡해 보입니다.
가장 열심히 작동하는 곳
- 콘텐츠를 구성하고 시선을 유도하는 여백.
- 가독성을 높이는 줄 간격.
- 관련 항목을 그룹화하고 관련 없는 항목을 분리하는 간격.
- 단추와 카드에 여유 공간을 주는 패딩 처리.
애플, 무지, 그리고 많은 명품 브랜드들은 여백을 브랜드의 위상을 나타내는 신호로 활용합니다. 빈 공간은 자신감을 보여주며, 제품이 굳이 과시할 필요가 없다는 것을 암시합니다.
Comments (3)
Leave a comment