EN - FR - DE - ES - IT - PT -

LexiconDream

· 시각적 계층 구조

시각적 계층 구조

신문을 펼치면 본문보다 헤드라인에 시선이 먼저 갑니다. 이러한 순서는 시각적 계층 구조의 결과입니다. 디자이너는 크기, 색상, 대비, 간격, 위치 등을 고려하여 요소들을 배열함으로써 독자가 의도적인 순서대로 정보를 접할 수 있도록 합니다. 그 목적은 장식이 아니라 독자를 안내하는 것입니다. 계층 구조가 없는 페이지는 독자로 하여금 무엇이 중요한지 스스로 파악하게 만들고, 대부분은 그러한 노력을 포기할 것입니다.

크기는 가장 강력한 도구입니다. 큰 제목은 작은 캡션보다 더 큰 주목을 받습니다. 색상과 대비는 더 미묘합니다. 회색 양식에 있는 빨간색 버튼 하나는 패턴을 깨뜨려 시선을 사로잡습니다. 위치 또한 중요합니다. 서양 독자들은 왼쪽 위에서 오른쪽 아래로 훑어보는 경향이 있으므로 핵심 콘텐츠를 그 경로에 배치하는 것이 효과적입니다. 여백 또한 중요한 역할을 합니다. 요소를 빈 공간으로 둘러싸면 줄이나 상자를 추가하지 않고도 중요성을 전달할 수 있습니다.

계층 구조 구축 도구

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

Comments

No comments yet. Be the first to share a thought.

Leave a comment