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