用好視覺設計層次結構的五個技巧

就像皇室家族有等級一樣，在視覺過程中也有視覺重要性的階梯等級。層次結構應用於你的設計，並確保首先看到最重要的元素。

當你使用多種圖形元素，如字體、圖像、顏色、形狀或圖標時，應用層次結構是讓你的設計傳達的信息清晰而簡潔的關鍵技能。

這裡我們探討了有效利用視覺層次的五個方法。

01.按大小順序排列你的標題、副標題和正文

這些元素是印刷派對的三劍客。從最大到最小，這些內容文字應該以自然漸進的順序閱讀。

你的標題是你的讀者會注意到的第一件事，所以要確保它脫穎而出。這可以通過確保它在尺寸上佔主導地位，以及使用搶眼的字體來實現。副標題應該以相對較小的文字支持標題。

正文是最小的，應該清晰易讀。避免在此設置中使用複雜的腳本字體或大寫文本，因為它會影響讀者的眼睛，使整個文本更加難以閱讀。

02.增加圖標的大小以反映其重要性

記住保持最重要的對象最大。當元素的大小增加時，將反映視覺重要性。

增加圖標的大小，使其表現為「號召性」。圖標越相關，它的功能越好。

03.使用顏色作為視覺亮點

顏色不僅喚起感情，而且在重要和不重要之間創造了一個區別。

將明亮、大膽的顏色應用於重要的特徵將突出並吸引眼球，使其成為你設計中的重點組成部分。

在這個例子中，一個顏色選擇器工具已經被用來匹配單詞「陽光」的文本顏色，並與背景圖像中充滿活力的黃色花的顏色一致。注意這是如何跳出頁面並使其成為設計的主要特徵。

04.混合你的字體樣式

大多數字體都採用不同的樣式，例如粗體和斜體，在設計中創建層次結構時尤其有用。

值得特別注意的詞，如「銷售」或「關注」，用不同的字體樣式來處理是很棒的。

05.使用網格來排列你的圖像

將網格用於層次結構，是展示按重要性排序圖像或創建視覺敘述的絕佳方式。你可以通過在較大的佔位符中放置更重要的圖像，並將不太重要的照片放置在次要的位置上。

請記住，通過使用我們的預設或使用高級滑塊創建你自己的照片，然後把創建或者拼好的照片做相同濾鏡代碼處理，以實現視覺的一致性。

層次結構可以幫助你在設計中創建順序，確保首先看到最重要的元素。

本文由海空設計翻譯整理，轉載請註明：【海空設計】用好視覺設計層次結構的五個技巧

【原文地址：http://www.haiko.com.cn/html/banshichaoliu/803.html】

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！