ICON設計作為APP設計中重要的一部分，是必須掌握的技能。開啟手機上的任意一款APP，可以看到各種各樣的ICON。ICON是UI介面中不可或缺甚至起主要作用的元素。ICON圖示看起來簡單，但繪製起來十分考驗設計師的基本功力。

1.什麼是ICON圖示

廣義上的圖示是指具有指代意義的圖形符號，具有高度濃縮並快捷傳達資訊、便於記憶的特性。應用範圍很廣，軟硬體網頁社交場所公共場合無所不在。

圖示不分國籍、種族，是世界上最容易理解的“語言”，即使身處異國他鄉，透過圖示引導也能快速理解指示牌的意思。

狹義的圖示應用於計算機軟體方面，包括：程式標識、資料標識、命令選擇、模式訊號或切換開關、狀態指示等。 在APP設計中，ICON圖示同樣發揮著重要作用。網際網路時代，資訊傳播速度越來越快，手持終端裝置越來越多，ICON使用頻率也越來越高。我們著重介紹一下APP中的功能性圖示。

2什麼是功能性圖示？

功能性圖示是指在介面中傳達並具有功能意義（提示，提醒，概括，表述等）存在的圖形。

3.功能性圖示的特點

定義準確形象，高度濃縮並快捷傳達資訊、便於加深記憶

形式上極簡，用最本質的形式詮釋理念，保留核心元素

4.為什麼要學習功能性圖示

找不到合適的素材

設計的專業和精細化

體現產品APP的特點氣質和獨特性

團隊協作之間的靈活性，設計檔案處於可編輯狀態

UI設計師的必備技能

5.功能性圖示的要求

易識別性

統一性，視覺平衡

體現產品的設計理念

圖示必須能夠清晰的傳達要表達的資訊，如果圖示不能幫助使用者理解這是什麼功能，那它在介面中就是多餘的。下圖的幾個ICON圖示，即使沒有文字說明，也能很容易理解所代表的意思

APP中的ICON一般是成套的存在，視覺風格和表現形式要保持一致，否則就會讓使用者感到疑惑。如下圖中的ICON光源、飽滿度、圓角、斜角都要保持一致。

同一個尺寸規格，根據不同形狀的圖示，會導致面積佔比引起的視差大小不同（同樣大小的正方形和圓形對比，圓形會看起來小一些）要在參考尺寸範圍內繪製進行調整。在安全標準框內處理完圖示後，但由於人的肉眼會有視差問題，所以做的設計就要暫時拋開科學，以人的真實情況去判斷再調整。

看看下面三個圖，你覺得哪個圖是正確的？

ICON的設計最好能體現APP的品牌資訊和產品調性，加深使用者對產品的理解，形成品牌的差異化。

上圖餓了麼的外賣圖示採用了餓了麼的logo

上圖美團外賣的我的圖示，採用了美團外賣的logo形象袋鼠。

優酷的頻道分類ICON採用了優酷logo的藍紅配色，品牌性非常強。

總結，ICON圖示雖然看起來很簡單，但要畫好卻不容易。只有透過大量練習，才能做出滿意的作品。