계층 구조는 중요도 순서대로 요소를 배열합니다. 이를 통해 사용자는 무엇을 먼저, 두 번째, 세 번째로 봐야 할지 알 수 있습니다. 신문은 큰 제목, 작은 부제목, 작은 작성자 이름, 본문 등으로 계층 구조를 활용합니다. 웹사이트 또한 마찬가지로 굵은 제목, 눈에 띄는 클릭 유도 버튼, 보조 탐색 메뉴 등을 사용합니다. 계층 구조가 없다면 모든 요소가 사용자의 주의를 끌기 위해 경쟁하고, 사용자는 어디서부터 시작해야 할지 알 수 없게 됩니다.

디자이너는 크기, 색상, 대비, 위치 및 간격을 사용하여 계층 구조를 만듭니다. 크기는 가장 눈에 띄는 요소입니다. 큰 요소가 먼저 읽힙니다. 색상과 대비는 더 미묘한 역할을 합니다. 회색 양식에 밝은 빨간색 버튼이 있으면 시선을 사로잡습니다. 위치도 중요합니다. 서양 독자들은 왼쪽 위에서 오른쪽 아래로 훑어보는 경향이 있으므로 핵심 콘텐츠를 그 경로에 배치하는 것이 효과적입니다. 여백 또한 중요한 역할을 합니다. 요소를 빈 공간으로 구분하면 추가 선이나 상자를 넣지 않고도 중요성을 전달할 수 있습니다.

계층 구조 구축 도구

• 크기: 큰 요소가 먼저 읽힙니다.
• 대조: 뚜렷한 차이는 시선을 사로잡는다.
• 색상: 따뜻하고 채도가 높은 색조가 두드러집니다.
• 간격: 격리는 중요성을 의미합니다.

모든 요소가 과하게 강조되면 위계질서는 무너집니다. 모든 요소가 굵고 크고 색깔이 화려하면 아무것도 눈에 띄지 않습니다. 절제가야말로 강조를 효과적으로 만드는 비결입니다.