?ICON設計是UI設計中非常重要的一個環節，它能夠幫助我們美化畫面，傳遞情緒，快速導航，而且不受語言限制，那今天就來給大家分享下ICON的設計干貨。

首先圖標可以分為3大類：功能性圖標 , 應用圖標 , 創意圖標。

功能性圖標

應用圖標

創意圖標

今天主要分享最常用的功能性圖標，功能性圖標強調: 功能表達 , 工整 , 有序 , 規范。我把它分為了三部分來展開。

第一部分 基礎造型

1. 結構準確 作為設計專業的你，這一點應該不用多說，首先比例，透視，不能出問題。

2. 造型簡練我們做ICON的時候最好按尺寸來做，或者做完以后縮到最小形式，看一下是否清晰， 千萬不要畫的太復雜，因為大部分功能圖標的大小在20到40像素左右，如果很復雜，看起來就像個線團，會降低識別度。

3. 有辨識度這個非常重要，首先得讓用戶能看得懂，其次不能讓閱讀產生歧義。教大家幾個方法，我們可以通過查找資料來尋找辨識度高的ICON，來參考它形狀和輪廓。

參考實物，通過布爾運算來簡化，抓住物體的特點來設計，表達最基本的物體特征。

ICON畫完以后，做下可用性測試 ，脫離頁面，脫離文字，看能否看出它代表的是什么意思，是否有對下個界面的預見性。

4. 重心要穩

大家看一下上面這兩個播放ICON。是不是第二個播放ICON，看起來更舒服一些？但其實第一個才是中心點對齊的，如果是這種情況，我們一定要保證視覺看上去要穩才行。

再來看下 下面的這個組合的圖標。組合圖標，主次圖形比例最好保證，2比1左右的比例。

5. 精致飽滿我們可以在圖標下面畫一個方塊，來看一下隱形區域，看一下留白是否過多，留白多了，不飽滿，太飽滿了就不透氣，導致緊張，運用好留白，需要長期的積累經驗，多看多練，時間久了找到那個微妙的平衡點。

再來看下，下面這兩個心形，你們覺得哪個更好看？

第一個看起來更舒服吧，第一個是用布爾運算繪制的，第二個是用鋼筆工具繪制的，使用 “規則圖形”進行加減組合，ICON看起來更精致更專業。

第二部分 基本規范

1. 布局我們基于24*24的畫板舉例，我們做ICON的時候盡量在20*20的區域里做，有些ICON看起來小，就適當給它放大處理下，留出來的4像素區域，就是給特殊ICON準備的，但是絕對不能超出畫板范圍。

2. 清晰度清晰度這個事情，在分辨率高的屏幕上還好，但是在分辨率低的屏幕上，看起來就會虛的不行，所以為了我們的設計，無論在什么樣的屏幕上都清晰可見，我們必須要對齊像素，確保X軸和Y軸坐標為整數，千萬不能帶小數點。

3. 圓角范圍一般我們在做圓角ICON的時候，有明顯的圖形交界處不需要做圓角，圖形內部也盡量不要做圓角，不然會導致ICON看起來不簡練。

如果是線形ICON，首先，線的粗細要統一，其次，線的端點是直的，就要都統一成直的，端點是圓的就要都統一成圓的。

4. 安全網格當我們做一整套ICON的時候，會發現，方形的ICON比圓形ICON，視覺上看起來更大些，所以如果我們做18像素方形ICON的時候，圓形ICON就要做到20像素，視覺上看起來才統一。

圖中的4個圖，就是我們做ICON時候用的安全網格。用這個網格做出的一整套ICON，看起來大小會比較統一。

5. 切圖切圖時要注意的是，有些可點擊的ICON是需要留熱區的，不然觸摸區域太小了，會導致體驗很差。

切圖的名稱也需要注意下，命名一般都用英文，或者是拼音，功能+名稱+狀態，比如視頻號中的喜歡，心形ICON，我們可以寫成shipinhao_like_normal，注意橫杠要用下劃線。

最后還有個最重要的事情，如果ICON切的不是矢量圖( PDF或者是SVG )，驗收的時候一定要注意有沒有虛邊，尤其是安卓手機，開發們用的控件不同，會導致你的切圖發生變化。一但有虛邊，品質瞬間下降。驗收一定要仔細。

第三部分 風格定位

ICON的風格要根據產品風格定義，我們可以通過形狀和顏色來定義ICON的風格，形狀上從圓角大小，線條的粗細，造型輪廓，表達ICON的性格。顏色上，是否需要顏色輔助，用什么顏色符合產品風格。

舉個例子，比如我們做一個針對兒童的產品，那我們的ICON就要設計的可愛些，友好些，我們可以把ICON做的更圓融，運用圓角和圓形端點，突出的部分盡量做的短小，顏色豐富，在做一些小動效，賦予ICON情緒。

到這里功能性圖標的基礎知識就分享完了，接下來，簡單的帶過下應用圖標和創意圖標設計。

首先，應用圖標更偏向logo設計，風格有線性圖標 ，文字設計圖標， 局部提取圖標，圖形圖標， 折疊圖形圖標 ，漸變圖標等等。

下圖是應用圖標的尺寸

創意圖標大部分用于404，占位符，引導等，更注重設計內涵， 故事性 ，和原創精神。

風格也有很多種，2.5D風，MAB風，炫酷的，擬物的等，更注重視覺表現，光影，質感，氛圍等。

最后，不管做什么設計，多看，多練，對設計有了一定的敏感度，就不需要去記那些死板的的理論了。當你還是初級的時候你需要學習別人的方法論，當你有經驗了，你就有屬于自己的一套方法論了。

今天的分享就到這里嘍~

關注“小新的芝士繪本”祝大家天天開心~

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的没有icon_ICON设计干货来啦~的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。