簡而言之，層次結構根據相對重要性對群體成員進行排名。例如，在軍隊中，一名列兵告訴他的指揮官放棄並給他 20 個，他很可能會發現這個要求沒有得到滿足。 當你進入一個不熟悉的環境時，層次結構可以告訴你先去哪裡。您不應該聯絡當地 Kohl’s 的鞋類部門經理來發起公司收購討論。
在圖形設計中，層次結構也告訴您什麼是重要的以及首先去哪裡。
創建視覺層次結構意味著使用可見的處理和提示來引導眼睛按重要性順序關注內容。看來我們已經兌現了這篇文章標題的承諾了！不幸的是，對於喜歡簡短部落格文章的粉絲來說，還有更多內容需要討論。
為什麼視覺層次很重要？
圖形設計最重要的功能之一是引導觀眾瀏覽所呈現的資訊。視覺層次工具引 美國電話號碼庫 導觀看者的眼睛先看到最重要的訊息，然後是次要訊息，然後是第三層訊息，依此類推。
以這張吉米·巴菲特的巡迴海報為例。巴菲特先生不僅是我們這個時代最有影響力和最重要的藝術家之一，而且他顯然只僱用世界上最好的平面設計師。即使您認為我有點誇大了事情，這張海報仍然是一個很好的例子：
m3-博客-VisualHierarchyPoster
那我們首先看到什麼？ “吉米·巴菲特”，對嗎？這很好，因為光是這個名字就會吸引所有喜歡吃、喝和一般懶惰歌曲的人。
接下來，我們的目光被「夏日派對」所吸引！好吧，誰不喜歡這樣呢？這個標語是眼睛的第二站。它更多地解釋了音樂會上會發生什麼，儘管也許「一群喝醉酒和/或喝醉的嬰兒潮一代的喧鬧人群」也可以。
我們的目光緊接著 8 月 31 日演出的日期、時間和地點。這裡的層次結構告訴我們，這就是我們該去的地方。其他日期的詳細資訊位於此日期的兩側，傾斜得像喝醉了的老年海灘流浪漢。然而，這個集中的、更大膽的、更大的日期的視覺重要性 Facebook 促進本地業務成長的 5 項專業策略 意味著吉米將在今晚在威基基殼牌（車站？） 上真正全力以赴，而不是他計劃在那些地方交出的半成品。
最後，我們看到了一些贊助商標誌，包括 Corona Extra 和 Budget Rent-a-Car，因為喝醉酒毀壞自己的車是愚蠢的。
創造視覺層次結構
我們已經看到，視覺層次結構用於引導觀看者按重要性順序瀏覽資訊。但如何呢？在這場戰爭中，哪些武器裝飾著你們軍械庫的牆壁，以吸引當今忙碌公眾的寶貴注意力？我們如何引導眼睛前往我們想要的地方？
尺寸。「更大」更好，或至少更大的尺寸可以強調類型並更有效地吸引眼球。似乎很明顯，但這裡還有更多要說的嗎？並不真地。
治療。我們將使用這個術語來表示除其他四個術語之一之外的任何事物。將文字放入框中，如下所示。或者讓它傾斜，使用不同的字體，把它顛倒過來，或者，地獄，給它一個紅色輪廓，裡面有一個海灘場景，然後在上面拍一隻鸚鵡。
您可以輕鬆地使用這些變體中的一種或多種來按照您希望閱 最後的資料庫 讀或查看的順序來強調內容。話雖這麼說，對於上述每個工具，它們的使用規則都有例外。以意想不到的方式使用小字或細字有時比大而粗的字更能有效地吸引註意力。讓我們來看一些例子，看看一些設計師如何遵循上面列出的簡單方法來創建視覺層次結構。
現在您已經了解了網頁設計師創建視覺層次結構的方式，您將開始注意到這些技術在各處的使用。無論您是在翻閱雜誌、上網衝浪，還是自豪地穿著吉米·巴菲特音樂會 T 卹，設計師創建的視覺層次結構都會告訴觀眾首先看哪裡。