眾所周知，icon圖標設計在移動端app設計當中占有很大的一個比重。一個APP的個性和風格可以從icon上看出來的。

所以，icon圖標設計也是最容易考驗UI設計師水平能力的。如果你去面試APP設計師，如果icon圖標設計都不會，估計你面試成功的機會相對會少一些。

Icon是一個手機APP界面上的重要組成部分之一。Icon設計是APP設計師必須重視的一個技能。

25學堂也相信每一位APP設計師在日常的設計工作中都曾經(jīng)遇到過這樣的問題：

“這個icon我該使用什么樣的語義，這樣表示是否足夠清晰，到底應該用icon好，還是文字好？”

一、移動端APP使用Icon圖標的優(yōu)勢

A、對于手機這樣的小屏幕設備來說，采用icon的形式在大多數(shù)情況下肯定是好的；利用icon輔助文字也能在很多時候提高辨識度。

B、提高整個APP界面的視覺效果

如下圖APP界面所示：

二、移動端APP使用Icon圖標的不足之處

如今我們所使用的產(chǎn)品，功能都在逐步的增多，界面也都是越來越具有復雜性，一個頁面上所需要的按鈕也越來越多，那么就會出現(xiàn)很多時候單純一個圖標在語義上其實很難以做到清晰且準確，如果達不到清晰準確那么就會需要用戶去思考及判斷，增加了體驗過程中的認知負荷。

如果無法快速而準確的傳達信息，一個icon畫的再精美又有什么用呢？

舉個案例說明下：

上面便是個不好的例子，當界面上的icon不容易被識別出來的時候，用戶便會下意識的回避他們，也許很多時候你的用戶就這樣慢慢的流失掉了；

這個app頁面中的功能很多，數(shù)十多個icon堆積在頁面上，大多數(shù)icon的語義并不能很快速的被辨識，個別icon的設計并沒有使用用戶長時間已經(jīng)積累在腦海里面的認知語義。

下面我們再看下設計比較好的案例：

上面這個APP設計當中的icon處理的不錯。照片編輯里面的操作應該算是專業(yè)性的了，對比度，飽和度，曝光等等名詞，雖然也可以堅持用一個icon來做表示，但當這么多操作放在一個界面上時，識別的難度就逐一增加了，使用文字為主，icon為輔的形式，保證了頁面的清晰識別性，減少了用戶的記憶成本。

三、所以，當我們在設計自己APP里的icon的時候，需要遵循下面幾條icon設計原則

大神總結出來的，希望各位好好參考一下。

稱為 ?icon設計?最好的原則

不要在設計的時候再去爭執(zhí)是用icon好，還是文字好，遵循幾個原則，就可以保證好的體驗：

1.?使用的icon語義能100%準確清晰的表達出來；

2.?盡量使用用戶都已經(jīng)熟悉且有認知的icon語義；

3.?如果很難用直觀的icon來表示文案的語義，請用icon+文字的形式；

4.?如果空間不足無法同時使用icon+文字，請選擇直接使用文字；

如果各位在實踐當中，還有更好的解決原則，可以告知25學堂。我們一定做到最全的APP設計干貨酷站。

最后，再來談談創(chuàng)新icon圖標設計

創(chuàng)新設計是我們在APP設計中，被提到的次數(shù)最多的，很多優(yōu)秀的APP設計師都愿意在設計的時候做出一些創(chuàng)新，覺得做不同的設計就是創(chuàng)新，甚至更多的時候是在為了不同而做不同設計；這也是一種設計師個性的展示。同時給APP作品賦予設計師的風格。

下面是幫大家收集了幾個app上共同的“我的”的icon 的設計:

設計師為了自己界面風格的一致性，一個“我的”icon 就會設計出各種各樣，前面的幾個還是基本上與大家熟悉的圖形語義比較接近，也能夠很快速的識別出來，后面的2個icon從設計上說的確是富有了很強的設計感，很獨特，

但是從圖形語義上已抽象到脫離了我們腦海里對“我的”這個感念的認知，這種icon如果單獨的出現(xiàn)在界面中，勢必會造成理解上面的偏差。

以上就是作者的一些觀點和看法。各位親，以上這些原則不是規(guī)范。只能算設計師的一些心得而已。設計師要學會吸收好的干貨和參考案例。

以上內(nèi)容來源：阿里媽媽MUX ?鑫妍 ?，在此25學堂感謝大神的分享。