UI培訓教程之系統圖示如何設計?

千鋒教育qyf發表於2021-05-12

  UI設計在近幾年廣受大家的關注, 學習UI設計的人越來也多,今天小編要介紹的就是其中的系統圖示設計方法,系統圖示在UI設計中是非常基礎的圖形化語言,也在頁面互動中起到很重要的作用。單個圖示的設計並不難,但是系統化、規範化所有圖示並在專案中不斷應用與複用,是對UI設計能力的考驗。系統圖示設計需要這幾步:

UI設計

  選擇合適的圖示原型

  常見的系統圖示都會有預設的樣式,比如“設定”一般就用齒輪來表現,“搜尋”常規就是一個放大鏡,這些圖示要麼就是由認知習慣而來、要麼就是隱喻真實的使用場景。這樣使用者在使用的時候一眼就會找到自己需要的。當然,為了使我們的圖示具有獨特性和設計感,你可以在常規樣式上增加細節擴充套件。選擇圖示一定要選擇合適的,不同的場景需要選擇不同的圖示。

  風格一致

  每個產品根據其功能、定位,都會有其產品調性,不同的產品調性,系統圖示的設計風格也迥然不同。圖示的屬性有很多,但一組圖示的屬性要一致!

  保持圖示視覺大小一致

  在設計好樣式、定義了配色後,圖示設計中最基礎也是最重要的一步來了:保持圖示的視覺一致性。如果一組圖示在頁面中大大小小,即使設計得再炫酷,也是一組不規範的圖示。

  圖示的管理與維護

  當產品從零到一逐漸成型和完善之後,系統圖示也會越來越多、越來越難以維護。後期容易出現同一個功能好幾種種圖示的情況,影響統一性。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69996644/viewspace-2772010/,如需轉載,請註明出處,否則將追究法律責任。

相關文章