清晰度，可讀性，一致性，簡潔性，一致性，個性，易用性。
創建高質量的圖標套組需要合適的方法，訓練有素的眼睛，一些迭代和大量實踐。下面，我將通過7個原則和大量實際示例來說明。最終目標是讓你瞭解設計出優質圖標的關鍵細節。
001.明晰
圖標的主要目標是快速傳達概念。
普銳斯Prime儀表盤上的圖標（來源：2020年手冊）
在這一系列符號中，哪些是你看起來最清晰的呢？駕駛員可能會隨著時間的流逝學習它們，但是其中一些圖標並不直觀。您需要一本手冊來解釋其含義。
這大致就是用戶瞭解圖標的過程，從簡單到複雜：
當圖標使用不熟悉的隱喻時，用戶就會很難理解。安全帶“提醒燈”（左起第3個）非常直觀，我們可以快速掌握。“電動助力轉向系統警告燈”（最右邊）更加難以理解。
通常，不清楚的圖標只會令人心生沮喪。對於駕駛員來說，誤解警告指示器可能會造成危險。
以下是一些較熟悉的圖標-愛心，警告，音樂和上/下方向的符號：
Phosphor Carbon圖標家族的熟悉隱喻
箭頭是在尋路中使用的強大符號：
紐約市地鐵標誌（來源：《紐約市交通管理局圖形標準手冊》
最理想的狀態是，圖標不僅對於一組人來說易於理解，而且在不同的文化，年齡和背景下都是通用的。考慮一下您的用戶，並使用與之產生共鳴的隱喻和色彩。
請記住，如果所表示的想法過於抽象，則獨立圖標可能不是最清晰的解決方案。在這種情況下，請將圖標與文本標籤配搭配使用。
002.可讀性
圖標不僅要易於理解，更要便於閱讀。
Amtrak移動應用程序中的圖標
由於細節太複雜，用戶很難有更好的可讀性。
在下面這款交通應用中也有類似的問題。剪貼板圖標一團黑，與上方的圖標風格完全不匹配。
Transit移動應用中的圖標
稍作調整將帶來很大的改進：
調整後的剪貼板圖標
處理多個形狀時，請在它們之間留出足夠的空間。更細更多的筆觸，將使圖標更復雜，更難以閱讀。
Google Maps的圖標非常出色-可讀性很棒：
Google Map圖標
003.對齊
為確保每個圖標感覺平衡，請精確的將他們對齊。
在此播放圖標中，儘管三角形按看起來放置在圓的中心，但我們的眼睛卻誤認為是不對齊的。三角形的較寬部分感覺比左側“重”，所以我們要手工進行一些調整。
就像排版人員進行細微調整以在字體中創造平衡的視覺效果一樣（請注意“ i”和“ j”上的偏心點，以及“ O”上的過沖點），
-設計師會進行類似的調整以平衡圖標。要更正上面的示例，請稍微移動元素：
所以，請不要僅僅相信數據，也要相信你的眼睛。
004.簡潔
谷歌的Material Design在其系統圖標指南中很好地說明了，下面的圖明顯過於複雜了：
過於複雜的船形圖標（來源：Material）
下圖就是很好的表現方式：
簡潔的船形圖標（來源：Material）
簡潔很適合圖標設計，因為我們經常在小畫布上工作。為圖標使用適當的細節量，不要使用過多的內容。
在用戶界面中，簡潔風格可以理解併為內容騰出空間。Telegram的圖標簡潔有趣：
電報圖標
有時，UI圖標會採用更具象的表現形式。這些Yelp圖標是用來為用戶展示熱門食物搜索的一種令人愉快的方式。泰國食品圖標中的蝦非常精緻：
Yelp圖標
使用代表移動，平板電腦和桌面應用程序的應用程序圖標，適當的細節量可能意味著更多的深度和色彩。由於觀眾可以在移動主屏幕，碼頭和應用商店中瞭解其背景，因此圖標可以更體現品牌和產品。
蘋果應用程序圖標
005.一致性
為了使圖標家族達到和諧，請始終保持相同的樣式規則。
在iOS 13之前，Apple的圖標具有各種筆觸，填充和大小：
iOS 13之前的蘋果圖標
任何給定的圖標都具有一定的視覺權重，該視覺權重由諸如填充，筆觸厚度，大小和形狀之類的參數確定。在一個集合中保持這些參數相同可以建立一致性。
蘋果公司最近推出了SF Symbols，它擁有9種權重和3種比例的圖形圖標風格（也許有點複雜）。在不同的圖標之間，以及在填充和輪廓變體之間，它們都感覺更加和諧。
蘋果SF Symbols中的圖標
對於大型圖標家族來說，保持一致性並不是一件容易的事，尤其是涉及多個設計師時。遵循明確的原則和規則至關重要。
Phosphor的圖標套組將700+圖標通過相同的一般準則和嚴格的測試，以保證每個圖標一致。儘管每個圖標都有不同的形狀，但它們重量相同，並且可以很好地相互搭配使用。
006.個性
每個圖標集都有其獨特的風格。是什麼讓它與眾不同？它對品牌有何影響？它會讓用戶產生什麼心情？我們都需要反覆考究。
Waze圖標
Waze為什麼受歡迎，在很大程度上取決於其圖像設計。這些色彩斑斕的圖標對用戶說：“我們很古怪！”
Twitter的圖標柔軟，明亮，清晰：
Twitter圖標
Sketch的圖標精緻而通透：
Freemoji的圖標則非常可愛：
Android圖標則抽象，多彩，亦或具有霓虹燈風格。
007.使用方便
完美繪製你的圖標集並不代表你的工作完成了。它需要進行進一步的測試和準備，以確保後續設計師易於製作新圖標，並在多種設計中使用它們（用於屏幕，印刷等），以及工程師將其編碼到產品中。
008.有組織的
保持文件整潔，為圖標資源命名併合理放置它們，以便於查找。考慮最好的分類方法。是按字母順序？按大小？按類型？
009.總結下圖標設計的原則：
•清晰度。首先要清楚，使圖標可識別和可讀。切勿犧牲圖標代表的清晰度。
•簡潔。使用盡可能少的細節。每筆動作都要簡潔明瞭，以傳達所要表達的本質。
•風格。要獨特，添加一些獨特的細節可以讓人覺得圖標很有人情味。
010.其它可參考技術細節：
•使用48x48px的畫布
•使用1.5像素居中筆畫
•使用圓潤的邊角
•使用連續的筆觸，除非折斷的片段有助於理解
•儘可能使用直線段，完美的弧度和15°的角度增量
•必要時調整曲線以保持設計原則
•儘可能使用整數，偶數增量進行測量；必要時可使用至1px和.5px
011.測試你的圖標
檢查一致性。確保圖標在UI界面中工作良好，確保它們與較大的視覺系統協調工作。
將圖標彼此並排放置有助於證明我們的上述原則（清晰度，可讀性，對齊方式，簡潔性，一致性和個性）：
Phosphor的質量檢查流程中使用的測試表
原文地址：https://medium.com/@minoraxis/7-principles-of-icon-design-e7187539e4a2
翻譯：靜電@靜Design
閱讀更多 靜電的UI設計教室 的文章
