UI設計培訓必學,提升視覺層次感小技巧!

qq_842354603發表於2019-03-20

 對於UI設計師而言,作品的視覺性非常重要,讓自己的作品在實際設計上更有層次感是考驗UI設計師水平的標準之一。下面,分享五個關於視覺設計層次結構更豐富的技巧。

圖片5

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

  這些元素是印刷派對的三劍客。從最大到最小,這些內容文字應該以自然漸進的順序閱讀。你的標題是你的讀者會注意到的第一件事,所以要確保它脫穎而出。這可以通過確保它在尺寸上占主導地位,以及使用搶眼的字型來實現。副標題應該以相對較小的文字支援標題。正文是最小的,應該清晰易讀。避免在此設定中使用複雜的指令碼字型或大寫文字,因為它會影響讀者的眼睛,使整個文字更加難以閱讀。

  2、增加圖示的大小以反映其重要性

  記住保持最重要的物件最大。當元素的大小增加時,將反映視覺重要性。增加圖示的大小,使其表現為“號召性”。圖示越相關,它的功能越好。

  3、使用顏色作為視覺亮點

  顏色不僅喚起感情,而且在重要和不重要之間創造了一個區別。將明亮、大膽的顏色應用於重要的特徵將突出並吸引眼球,使其成為你設計中的重點組成部分。一個顏色選擇器工具已經被用來匹配單詞“陽光”的文字顏色,並與背景影像中充滿活力的黃色花的顏色一致。注意這是如何跳出頁面並使其成為設計的主要特徵。

  4、混合你的字型樣式

  大多數字體都採用不同的樣式,例如粗體和斜體,在設計中建立層次結構時尤其有用。值得特別注意的詞,如“銷售”或“關注”,用不同的字型樣式來處理是很棒的。

  5、使用網格來排列你的影像

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

  掌握這五個技巧可以增加你作品中視覺設計層次結構,讓你的作品能傳達出更多資訊。(來源:千鋒UI)

相關文章