2022-5-29 純純
前言
圖標是用戶界面中重要的組成部分之一。它是一種表示命令、內容并揭示功能背后含義的視覺語言。
你設計的圖標應該可以被用戶立即理解和識別。
如何在你的產品中設計和使用圖標？怎樣給品牌帶來獨特的感覺？我的以下幾點建議建議可以來幫助你設計更棒的圖標。
技巧1 -設置網格
你永遠不會創建單獨一個的圖標，因為圖標總是一套的。為了讓你的圖標具備統一性，你需要一個網格。
定義安全區域并設置邊框。使用生成的網格作為模板，以固化所有圖標的比例和大小。
技巧2 -保持一致
在設計一組圖標時，使用相同的線寬、角半徑和填充樣式。這將確保你的圖標看起來品牌統一和更容易識別。
例如：線寬 - 2px，角半徑 - 3px;
Icon set from Super Basic Icons.
技巧3：表達清楚
在圖標設計中，少即是多。使用清晰的隱喻和點到為止的細節，使每個圖標易于識別和理解。
技巧4 -使用相等的間距
在你的圖標元素之間使用相等的間距，使你的一整套圖標看起來和諧。
你可以通過按住 Figma、Sketch 或 XD 中的 ALT 鍵來計算向量線之間的距離。
技巧5 -視覺矯正
基于視覺中心對齊圖標元素，平衡視覺重量。
技巧6 -填充空間
旋轉局促的圖標，充分利用空間來獲得更好的可讀性。
技巧7 -組合樣式
使用填充和輪廓樣式來描述界面狀態，幫助用戶找到正確的圖標或按鈕。
技巧8-便捷的工具
工具
Icons8.com
iconfinder.com
flaticon.com
thenouproject.com
資源
