여백 — 비우는 설계로
시선을 만드는 법

여백은 정말 ‘빈 공간’일까?

분양 사이트를 169개 새로 설계하며 가장 자주 받은 요청이 ‘여기 비었으니 뭐라도 채워 달라’였습니다. 하지만 우리는 그 빈 곳을 일부러 비워 둔 것일 때가 많습니다. 여백은 아무것도 없는 공간이 아니라, 그 옆에 있는 요소를 더 또렷하게 만드는 장치입니다. 헤드라인 위아래를 비우면 헤드라인이 떠오르고, 버튼 주변을 비우면 버튼이 화면에서 가장 먼저 눈에 듭니다. 채우면 채울수록 강해질 것 같지만, 실제로는 그 반대입니다. 모든 게 다 강조되면 아무것도 강조되지 않습니다.

여백은 어떻게 시선과 위계를 만드나?

사람의 눈은 비어 있는 쪽보다 채워진 쪽으로, 그리고 주변이 비워진 요소로 먼저 갑니다. 그래서 더 중요한 요소일수록 주변을 더 크게 비웁니다. 여백의 크기 자체가 ‘이게 더 중요하다’는 신호가 되는 것입니다. PLOT은 한 화면을 설계할 때 헤드라인·근거·CTA에 서로 다른 크기의 여백을 줘서, 방문자가 따로 노력하지 않아도 헤드라인 → 근거 → CTA 순서로 시선이 흐르게 만듭니다. 간격이 위계를 만들고, 위계가 읽는 순서를 만듭니다. 화면 구성의 더 넓은 맥락은 전환되는 분양 사이트 설계 원칙에서 다룹니다.

여백이 왜 ‘고급감’으로 읽히나?

고가 브랜드의 화면을 떠올려 보면 공통점이 하나 있습니다. 비어 있습니다. 한 화면에 하나의 메시지만 두고 나머지를 비우면, 방문자는 ‘이 브랜드는 굳이 다 설명하지 않아도 되는 자신감이 있다’고 느낍니다. 반대로 여백 없이 정보가 빽빽하면 전단지처럼 보이고, 가격이 싸 보입니다. 분양에서 단지의 격을 보여 줘야 할 때, 우리는 카피를 늘리기보다 주변을 비웁니다. 같은 조감도라도 여백 안에 놓이면 작품처럼 보이고, 빽빽한 격자 안에 놓이면 매물처럼 보입니다. 타이포 간격과 함께 다루는 더 세밀한 원칙은 자매 노트 분양 사이트 타이포그래피에서 이어집니다.

과밀과 여백 있는 설계는 뭐가 다른가?

아래는 같은 정보를 두고, 한 화면에 다 떡칠한 과밀 설계와 비워서 단계지은 설계를 나란히 둔 것입니다. 오른쪽이 PLOT이 실제로 쓰는 방향입니다.

▲ 정보를 줄인 게 아니라, 같은 정보를 한 화면에 몰지 않고 여백과 함께 단계지어 나눈 차이입니다.

모바일에서는 여백을 어떻게 다루나?

분양 사이트 방문의 대부분은 광고를 누르고 들어온 모바일입니다. 작은 화면이라고 여백을 줄이면 정반대로 빽빽해져서 읽기가 힘들어집니다. PLOT은 모바일에서도 섹션 사이의 호흡을 지키고, 무엇보다 터치 간격을 충분히 둡니다. 버튼이 서로 붙어 있으면 손가락이 옆 버튼을 잘못 누르고, 한 번의 오터치가 이탈로 이어집니다. CTA 같은 핵심 버튼은 주변을 비워, 보기에도 또렷하고 손가락으로도 정확히 닿게 만듭니다. 모바일 화면을 점검하는 항목은 분양 사이트 모바일 체크리스트에 정리해 두었습니다.

정보가 많은 분양에서 무엇을 덜어내나?

분양은 담을 정보가 많습니다. 평면도·입지·세대수·일정·혜택을 다 보여 줘야 합니다. 그래서 오히려 더 비워야 합니다. 우리는 정보를 줄이는 게 아니라, 한 화면에 하나의 메시지만 두고 나머지를 아래로 단계지어 내려 보냅니다. 평면도는 평면도 섹션에서, 입지는 입지 섹션에서 각자 충분한 여백과 함께 보이게 나눕니다. 그러면 많은 정보를 담으면서도 화면은 비어 보이고, 방문자는 ‘읽을 만하다’고 느낍니다. 비우는 편집은 결국 무엇을 먼저 보일지 정하는 일이고, 그 순서는 정렬·레이아웃과 맞물립니다. 자매 노트 레이아웃과 정렬에서 이어집니다.

분양 사이트 제작 전체 흐름이 궁금하다면 → 분양 사이트 제작 안내.

※ 본 글의 화면 예시는 PLOT이 역량 시연을 위해 자체 제작한 데모·리디자인 컨셉이며, 실제 의뢰·감수·승인을 받은 것이 아닙니다. 169개는 PLOT의 실제 작업 수치이고, 검증되지 않은 외부 통계·후기는 사용하지 않았습니다(날조 0). 분양 관련 표기는 해당 현장의 입주자모집공고 및 분양계약을 우선합니다. 최종 업데이트 2026.06.24.