層級結構依照重要性順序排列元素，引導觀看者先看什麼、再看什麼、最後看什麼。標題比正文大，行動號召按鈕比周圍元素更醒目，章節標題比下方的段落更粗。層級結構引導視線瀏覽整個設計。如果沒有層級結構，所有元素都會爭奪注意力，最終無人能勝出，觀看者也不知道從何入手。
層級是透過對比來建構的。大小、顏色、粗細、位置和間距都能確立重要性。較大的元素佔據主導地位。鮮豔的顏色吸引眼球。粗體字醒目突出。頁面頂部的元素最先被看到。元素周圍的留白使其更加突出。設計師將這些工具結合起來，建構清晰的視覺秩序。層級不只是把東西放大，而是要把最重要的東西放大。最重要的元素應該最突出。如果所有東西都被強調，那就等於沒有東西被強調。設計師必須決定什麼最重要，並據此進行設計。層級也會隨著情境而改變。手機螢幕的空間比桌上型電腦小。海報是從遠處觀看的。書本是拿在手上閱讀的。層級會根據媒介進行調整。但目標始終如一：引導讀者按照預期的順序瀏覽內容。
層級工具
- 尺寸－較大的元素首先會吸引註意力
- 顏色－鮮豔或對比鮮明的顏色會引人注目
- 粗體字更醒目
- 首先看到的是頂部和中心位置
- 空間－隔離賦予了某個元素重要性
層級結構指的是重要性的順序。它告訴觀眾應該看哪裡以及按什麼順序看。
Comments (3)
Leave a comment