在APP的UI設計中，如何做好圖標的設計？

 

圖標（icon）在APP的界面UI中是經常會用到的元素，圖標也可以傳遞信息，在一定程度上可以取代文字，圖標設計的好壞可以直接影響整個APP的調性和用戶體驗。那么，UI設計師要如何才能做好圖標的設計呢？

 

設計師在日常工作中經常會設計或收集很多圖標，可見設計師對于圖標的運用很頻繁也非常重視，圖標的風格也很多，隨著收集的圖標越來越多，會發現對圖標的分類會變得越來越混，做設計時也不清楚到底該參考或運用哪種風格最合適。

 

首先將圖標按尺寸大小分為兩類；細分對應的面性、線性、線面結合、扁平、擬物化等類型；最后選擇標準、容器、漸變、3D、手繪、陰影等風格。利用這樣的結構層級，可以明確定義圖標的類別。

 

圖標的大小取決于具體功能。例如帶有漸變和陰影的圖標看起來很酷，但把它縮小到16px，這些酷炫的效果都無法呈現出來。在對圖標歸類時，首先要考慮圖標用在什么位置需要多大尺寸。大尺寸圖標通常指標志性圖標，例如App啟動圖標或代表品牌形象；小尺寸圖標用作UI控件，起到引導功能或裝飾目的。

 

圖標尺寸越小，展示的細節越有限；相比于大圖標，小圖標的尺寸有一定局限性，圖標組成包括標準和容器兩種。大圖標利用尺寸上的優勢能展示更多內容，分為多種組成形式。簡單的圖像可以更具包容性，圖標的尺寸越小，越考驗設計師傳達信息的能力。

 

面性圖標易于識別，適合應用在小尺寸圖標中。注意要確保圖標有清晰的邊緣，避免羽化；圖標復雜程度隨著尺寸變小而靈活調整。

 

帶有背景色的面性圖標為簡約設計帶來了更多可能。通過這個技巧使面性圖標更友好，更具吸引力。為背景選擇4-12種顏色?？紤]圖標是淺色還是深色，是否適用于所有背景色。在彩色背景上使用白色圖標比黑色效果更好。

 

線性圖標因為簡潔性和現代性而受到用戶的歡迎；隨著屏顯越來越清晰，我們可以更加大膽地使用線性圖標。線性圖標要確保輪廓像素清晰。越簡單越好。追求更簡單的細節。

 

通過以上對各種圖標的分析，希望大家能對圖標的分類及設計有更全面深入的認識，從而構建一套完整的圖標思維體系。