레이아웃

Whitespace

정의

콘텐츠 사이에 의도적으로 비워 둔 공간으로, 가독성과 정보 구분, 시선 집중도를 높이는 요소

복잡한 분석 화면에서 섹션 사이 여백을 충분히 두어 서로 다른 정보 그룹이 한눈에 구분되도록 만들 때 효과적으로 사용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

중요한 정보부터 먼저 보이도록 크기, 색상, 위치, 대비를 활용해 우선순위를 만드는 레이아웃 방식

일관된 정렬과 간격을 만들기 위해 화면을 기준선과 열 단위로 나누어 설계하는 방식

사용자가 정보를 어떻게 묶고 이해하는지 파악하기 위해 카드 형태로 분류를 진행하는 리서치 방법

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.