圖標可以分為廣義和狹義兩種，廣義值得是所有現實中有明確指代含義的圖形符號，狹義主要是指在計算機設備界面中的圖像符號，有非常大的覆蓋範圍
圖標大致可劃分為四大種類
壹般是指有明確功能、提示含義的圖標，用與導航，分流等，但是不同頁面的導航圖標出於信息層級和運營的需 要，對於視覺風格的要求也不壹樣。
導航圖標又可分為tabbar圖標、金剛區圖標、個人中心等功能性圖標
Tab Bar圖標常規表現為，線性、面性、線面結合等，但是也會有註重品牌、個性化或者運營活動 的，風格會與品牌貼近，或者與近期時事活動相關
金剛區圖標的風格會比較多樣化，通常來說視覺層級會更重，設計感更強，通常以多色漸變風格為主，音樂類APP會以單色線性風格強調品牌調性，部分電商也會直接以實物展示。
個人中心等頁面的圖標主要以裝飾性和解釋性為主，去掉圖標也不會影響整體導航，圖標設計風格通常也不會過於復雜，多以線性風格展示
以裝飾和解釋性說明為主，主要作用是讓視覺整齊，觀賞性更強，品牌、氛圍感更強，壹般用在說明性和解釋性的界面，如運營活動、VIP權限等界面,視覺風格跟隨頁面的調性來
啟動圖標擔任著品牌標識的功能，相當於產品的logo設計，需要融入品牌調性，並且由於使用場景的限制，也要求啟動圖標遵循設計規範，保證最小尺寸小的識別狀態,大多數圖標均以以下形式展示。
大部分的啟動圖標不會設計得過於復雜，也是由於過於復雜的圖標會增加用戶的認知成本，尤其是在互聯網信息爆炸的時代，使用扁平化圖標可以有效地減少用戶的認知成本，並通過加強色彩感知等方式來占領用戶心智。
活動運營圖標是有時效性的，設計主題跟風格多與節日相關，主要是用來增加節日氛圍，提升點擊率等
設計風格並不是壹成不變的，需要根據不同的場景以及用戶人群使用不同風格的圖標，如有運營活動，也需要根據運營做相關調性的風格
圖標的設計風格大致可以分為以下幾類
此處只列舉了常見的設計形式，具體使用以及是否需要創新要看具體的使用場景
面性圖標也可以分為無彩色、單色、多色、漸變色等，具體看使用場景
在壹些小遊戲或者H5活動中會常見這種設計風格
3d扁平風格進來也逐漸步入視線，隨著運營需求提升和設計師技能進步，相信不久之後會越來越多的看到這種風格
在圖標開始設計之前，要先對圖標的規範有壹個清晰的認識
圖標的設計規範大致要遵循的幾個規則
圖標大部分情況下是作為導航和解釋說明用的，所以表意明確是圖標的基本功能，對於壹些非常見類型的圖標，在制作時要通過腦暴合理篩選關鍵詞，然後開始設計，設計完成後還要進行壹些簡單測試，可以向同事征詢意見，詢問這個圖標是不是可以表達相關意思，如果答案是否，應該問明原因，多設計幾種方案，或者和同事們壹起進行腦暴。
圖標的壹致性可以分為多種情況
在同壹功能區的圖標，需要保持設計風格的統壹性，如果用線性圖標，就全部是線性圖標，如果是面性圖標，就統壹使用面性圖標
在視覺設計中我們會遇到壹些視錯覺情況，以下列舉常見的幾種情況以及解決辦法，保持視覺壹致的方法並不是讓圖像的長寬壹致，甚至圖形的物理尺寸壹致時，視覺重量感受也是不壹樣的。以下左圖，矩形的視覺重量明顯更大，也沒有留白空間，通過模糊化的圖形可以看到，三角型的視覺重量明顯偏小，以下右圖調整之後，可以看到視覺重量接近壹致，不過視覺重量的判斷需要設計師多觀察，多嘗試。
程序默認的中心對齊方式很多時候並不能在視覺上平衡，這時我們壹般需要通過調整使其在視覺上平衡。此外如果壹個圖形其中壹部分面積遠大於另壹部分，那麽就會讓這個圖形的中心產生便宜，必須要往較小部分的方向移動才能產生平衡。
面性圖標中，要考慮到正形和負形的比例，如下圖，白色面積應在所有圖形中保持壹致
不統壹的透視會造成空間的錯亂感，在繪制圖標時應考慮到從什麽角度去觀察圖標
壹些圖標會添加亮點或者特點，在圖標設計過程中需要保證圖片整體的特點是壹致的，如斷線風格等
構圖時也應該讓圖標整體保持壹致，保證圖標在整體的節奏和韻律上時壹致的
像素對齊算是老生常談，個人認為目前算是壹種匠心精神或者對細節的極致追求，因為在壹些項目中也會用到svg格式，或者圖片在不同屏幕尺寸適配之後，切圖尺寸不壹定還能保持像素準確，但至少在設計稿上還是應該保持像素對齊
跟開發溝通最常溝通的就是標註和切圖，為了方便開發使用，通常給出的切圖是長寬相等的矩形切圖，此外還需要為圖標留出壹定的出血空間，壹方面保證切圖的熱區設置可以達到有效點擊範圍，另壹方面可以預留出圖標的調整空間。
使用柵格系統可以有效地解決上述問題，包括視覺重量的平衡，切圖的出血等等，借助sketch的symbol功能還可以使排版更方便，使用藍湖插件則課直接將symbol大小作為切圖大小，切圖更方便
隨之越來越多的產品開始同質化，品牌也越來越被重視，通過在圖標中融入品牌基因的方法來加強品牌認知
品牌基因提取的方法可以從兩個方面進行
從logo中提取
從品牌氣質中提取，通過提取品牌的氣質來改變圖標的個性
如網易嚴選圖標，通過提取品牌氣質來設計圖標個性
綜上所述整理出圖標自查手冊
1.功能明確
2.表意明確
3.壹致性
4.品牌調性
文章參考：
1.《小身材，大影響！設計師應該知道的圖標基礎知識》（ /detail/436051.html ）
3.《菜心·圖標自檢手冊》-菜心（ /p/67239eef3d43 ）
聲明：
圖片和素材來自網絡，侵刪