UI設計在近幾年廣受大家的關注,學習UI設計的人越來也多,今天小編要介紹的就是其中的系統圖標設計方法,系統圖標在UI設計中是非常基礎的圖形化語言,也在頁面交互中起到很重要的作用。單個圖標的設計并不難,但是系統化、規范化所有圖標并在項目中不斷應用與復用,是對UI設計能力的考驗。系統圖標設計需要這幾步:
選擇合適的圖標原型
常見的系統圖標都會有默認的樣式,比如“設置”一般就用齒輪來表現,“搜索”常規就是一個放大鏡,這些圖標要么就是由認知習慣而來、要么就是隱喻真實的使用場景。這樣用戶在使用的時候一眼就會找到自己需要的。當然,為了使我們的圖標具有獨特性和設計感,你可以在常規樣式上增加細節擴展。選擇圖標一定要選擇合適的,不同的場景需要選擇不同的圖標。
風格一致
每個產品根據其功能、定位,都會有其產品調性,不同的產品調性,系統圖標的設計風格也迥然不同。圖標的屬性有很多,但一組圖標的屬性要一致!
保持圖標視覺大小一致
在設計好樣式、定義了配色之后,圖標設計中基礎也是重要的一步來了:保持圖標的視覺一致性。如果一組圖標在頁面中大大小小,即使設計得再炫酷,也是一組不規范的圖標。
圖標的管理與維護
當產品從零到一逐漸成型和完善之后,系統圖標也會越來越多、越來越難以維護。后期容易出現同一個功能好幾種種圖標的情況,影響統一性。
UI培訓教程之系統圖標如何設計?這下你知道了嗎?了解多UI設計知識技巧,可以參考千鋒提供的ui學習路線,該學習路線內容包含ps軟件入門、AI與品牌設計、視覺表達技法、web視覺設計、圖標設計、產品交互、移動端設計等,根據千鋒提供的ui學習路線圖,可以讓你對學好ui需要掌握的知識有個清晰的了解,并能快速入門ui設計。
相關文章
關注千鋒學習站小程序
隨時隨地免費學習課程
掃一掃快速進入
千鋒移動端頁面
掃碼匿名提建議
直達CEO信箱