圖標是網頁和應用程序設計中的點睛之筆,它不僅可以幫助傳達文本信息,而且可以作為壹種信息載體被高效地識別。圖標還具有壹定的裝飾效果,可以提高界面設計的美觀性。
二。圖標類型
目前,關於圖標的類型還沒有權威的分類。我根據它們的用途將其分為兩類:“功能圖標”和“顯示圖標”。
1.功能圖標
壹般來說,用戶在UI界面中可以點擊的所有圖標都可以被視為功能圖標,它們往往代表壹個功能或壹個鏈接跳轉。這類圖標的典型應用場景是ios系統中的底部標簽欄和材質設計中的左側側滑菜單選項。壹些列表或卡片中的圖標也屬於功能圖標,但這種圖標通常代表壹種功能,而底部標簽欄圖標通常代表壹個頁面或板塊。2.顯示圖標
與功能圖標相比,顯示圖標更具設計感,具有獨特性、內涵性和可識別性。壹般來說,顯示圖標主要是應用程序的啟動圖標。這類圖標代表了壹個產品的屬性、氣質和品牌形象。
三。圖標樣式
圖標設計有很多種風格,如:線性圖標、平面圖標、線-平面圖標、平面圖標、輕仿圖標、仿形圖標、手繪圖標等。我將簡單介紹壹些常見的圖標。
1.線性圖標
線性圖標是由直線、曲線、點和其他元素組成的圖標樣式。這類圖標輕巧簡潔,有壹定的想象空間,不會對界面造成太大的視覺幹擾。
2.面部圖標
表面圖標可以簡單地理解為線性圖標的填充,但表面圖標比線性圖標更穩定和堅固,並且清晰而明確地傳達顏色。
3.線-面組合圖標
線面結合圖標的典型代表是“MBE風格”圖標,其設計特點是粗糙的繪圖邊緣和偏移填充表面的結合,既靈動又生動。粗線條在劃分畫面、突出內容和清晰展示方面起著絕對的作用。
以上是全球常青藤邊肖對圖標設計元素的相關分享。UI設計行業近年來壹直很熱。如果妳想學習,那就趕快行動吧!