為什么你設計的圖標不專業？可能是這10個容易被忽視的細節沒做好圖標是任何設計系統不行或缺的一部分。使用圖標的主要緣由是關心用戶快速理解想法，實現快速導航，解決語言障礙，最終提升用戶體驗。

圖標作為一種設計工具，在UI/UX和平面設計師中最受歡迎。這些微小的設計元素對每個人來說都是簡潔易懂的，這些特征給予了它們通用數字語言的地位。

在這篇文章中，我整理了10個簡潔又重要的技巧幫你設計出更專業的圖標。

一、尺寸規范

最小的圖標大小通常是12x12px。以這個尺寸為基礎，行業標準中大多數其他尺寸只是通過將之前的尺寸翻倍而產生的。

小尺寸圖標，px:12x12,16x16,24x24,32x32,48x48.中尺寸圖標，px:64x64,96x96,128x128,256x256.大尺寸圖標，px:512x512,1024x1024.重要提示：當你設計圖標時，重要的是要按100%顯示的比例去設計，使圖標完善像素并放大像素塊查看精確?????性。

二、保持像素完善

完善像素圖標在屏幕上能呈現尖銳和清楚的線條和外形。如今，高辨別率顯示器和視網膜顯示器正變得越來越好，所以在不久的將來，對像素完善圖標的需求可能會削減。但就目前而言，讓你的圖標具有可伸縮性、響應性和適配更多設備是特別重要的。

1.像素網格對齊

使直線部分完全清楚，并增加曲線和邊角的清楚度。（彩云注：盡可能的使線條實心）

3.完善角度

有角度的線更模糊。創建圖標的最佳角度是45°，由于形成一個角的像素彼此對稱。

3.邊緣清楚

直線必需占據其邊緣上最暗的4個像素。這樣線的邊緣看起來更清楚。

三、留意粗細和間隙

為了讓圖標看起來干凈全都，重要的是要記住線條寬度和間隙大小。這條規章我認為是必需遵循的:全部線條的寬度都是相同的。

抱負狀況下，線寬和間隙大小也應當相等。

然而，有時候你必需打破這個規章。當你需要解釋我們在日常生活中面對的一個具有非對稱模式的物體時，它就會發生。比如條形碼這個例子來說，我有意使圖標內的線寬和間隙大小不勻稱，以表示條碼的特征。

四、統一圓角

在UI設計中，對象(包括圖標)的角半徑定義了項目的外觀和感覺。當我們說到一個集合中的多個對象時，規章很簡潔：在正方形和圓角之間進行選擇，并對全部的圖標應用相同的屬性。

為什么它如此重要?全都性是UI/UX設計的關鍵原則。一個可用和用戶友好的設計總是供應全都的體驗。在下面的例子中，你可以看到打破這個原則是如何影響視覺感知的。

五、視覺平衡

在電腦上看起來完善對齊和平衡的東西，在你的眼睛看來可能并不一樣。

當我們把大小相等的正方形和圓放在一起時，我們會有一種不對勁的感覺，圓好像比正方形小。為了使我們的外形在尺寸上看起來相同，我們應當使圓更大(或削減正方形的尺寸)。

這個原則也適用于圖標的設計和使用。有些圖標的一側可能較重。試著調整它們一兩個點，直到整體對齊看起來正確。在下面的例子中，你可以看到突出顯示的圖標看起來很大，盡管它與其他部分的大小相同。為了平衡這個集合，我們需要通過縮小圖標的大小來調整突出顯示的圖標。

（彩云注：這個原則許多人應當都知道，但我發覺也是在整套圖標的設計中最簡單消失的問題，當把圖標匯總在一起的時候，這個問題尤其需要重視。）

六、視覺對齊

我們常常在設計軟件中使用中心對齊，這種方法沒有錯。但當涉及到細節時，比如圖標設計，我們需要信任自己的眼睛，打破數學法則，以增加元素的平衡。

讓我們以播放按鈕作為展現。這個例子很簡潔，但特別能說明問題，由于外形越不對稱，需要改進的缺陷就越明顯。

七、保持簡潔和直接

我打賭你已經猜到我們指的是KISS原則。這一原則背后的思想是，大多數系統在保持簡潔的狀況下工作得最好。用戶越簡單理解某樣東西并與之互動，它就越具有