層級結構依重要性順序排列元素,引導讀者先看什麼、再看什麼、最後看什麼。報紙運用層級結構:大標題、小副標題、小署名和正文。網站也運用層級結構:醒目的標題、突出的行動號召按鈕和二級導航。如果沒有層級結構,所有內容都會爭奪讀者的注意力,讀者不知道從何入手。
設計師透過大小、顏色、對比、位置和間距來建構層次結構。大小是最顯而易見的。較大的元素更容易被注意到。顏色和對比度的作用則更為微妙。灰色表單上一個鮮紅色的按鈕會立刻吸引目光。位置也很重要。西方讀者的閱讀習慣是從左到右下,因此將關鍵內容放置在這個路徑上會很有幫助。留白在這裡發揮著重要作用。用空白區域將某個元素隔離出來,無需添加任何線條或方框,就能凸顯其重要性。
用於建構層級的工具
- 比例尺:先看較大的元素。
- 對比:強烈的差異會吸引註意力。
- 色彩:暖色調和飽和色調逐漸顯現。
- 間距:隔離意味著重要性。
當所有元素都過於張揚時,層級結構就會失效。如果每個元素都粗體、大號且色彩鮮豔,那麼就沒有哪個元素能夠脫穎而出。克制才是突顯重點的關鍵。
Comments
No comments yet. Be the first to share a thought.
Leave a comment