我想各位剛?cè)胄械腁PP ui設(shè)計(jì)師們，心中肯定有這樣的一個(gè)疑問？優(yōu)秀的App icon到底如何設(shè)計(jì)呢？

我們總是有這樣一個(gè)概念，那就是設(shè)計(jì)的ICON越大越好。這已經(jīng)成為了一種根深蒂固卻又缺少內(nèi)在本質(zhì)的價(jià)值觀。

　但是在Logo設(shè)計(jì)領(lǐng)域，尤其是對(duì)那些為APP設(shè)計(jì)Logo的人來說，“大”卻是他們的天敵。他們要在方寸之間設(shè)計(jì)出一個(gè)能反映品牌理念的圖標(biāo)。

位于洛杉磯的娛樂新聞公司HitFix，其營銷團(tuán)隊(duì)就在去年學(xué)到了這一課。那時(shí)，他們正在為一個(gè)從iPhone上移植到安卓手機(jī)上的應(yīng)用設(shè)計(jì)圖標(biāo)。商務(wù)拓展經(jīng)理Dave Huff表示，他們那時(shí)的目標(biāo)，就是將iPhone上的應(yīng)用圖標(biāo)移植到安卓平臺(tái)上，要將這個(gè)圖標(biāo)設(shè)計(jì)得更加銳利，而且要讓老用戶一眼就能認(rèn)出。

Huff說：“我們要設(shè)計(jì)出一個(gè)能夠反映品牌價(jià)值的小圖標(biāo)。在這么小的一個(gè)圖標(biāo)里要做到這一點(diǎn)是一項(xiàng)十分困難的工作。”鑒于系統(tǒng)平臺(tái)的不同，移動(dòng)應(yīng)用圖標(biāo)的設(shè)計(jì)也有很大的不同，但是最具有典型性的圖標(biāo)尺寸應(yīng)該為16×16像素。

Huff將這項(xiàng)工作交給了圖片設(shè)計(jì)眾包網(wǎng)站99designs.com。在11天內(nèi)，他收到了45份自薦和報(bào)價(jià)，Huff從這些人中挑選了一位，并和他一起進(jìn)行多尺寸圖標(biāo)設(shè)計(jì)工作。之后，Huff就遇到了另外一個(gè)難題：清晰度。這些圖標(biāo)的原始圖看上去都很好，可將它們按安卓測(cè)試環(huán)境的比例縮放之后，圖標(biāo)的細(xì)節(jié)開始變得模糊不清。他說：“當(dāng)我們仔細(xì)審視這些圖標(biāo)在移動(dòng)設(shè)備上的效果時(shí)，發(fā)現(xiàn)這些圖標(biāo)的很多細(xì)節(jié)都難以看清。”

在最后一刻，他們雇傭了另外一位設(shè)計(jì)師，設(shè)計(jì)了一個(gè)更簡(jiǎn)單，但是明亮度更高、更醒目的圖標(biāo)，而新圖標(biāo)的設(shè)計(jì)元素與原始圖標(biāo)基本一致。

圖形設(shè)計(jì)師們都有一個(gè)共識(shí)：設(shè)計(jì)出一個(gè)出眾的移動(dòng)應(yīng)用圖標(biāo)可能是最困難的工作。Dng Studio創(chuàng)意總監(jiān)Dale Nigel Goble曾經(jīng)設(shè)計(jì)過數(shù)千個(gè)圖標(biāo)，他表示：“如果你能夠設(shè)計(jì)出一個(gè)16像素還讓人印象深刻的圖標(biāo)，你就具備了很高的能力。要在這么小的尺寸下設(shè)計(jì)出一個(gè)出眾的圖標(biāo)，其難度不亞于創(chuàng)作一幅傳世巨作?！?

設(shè)計(jì)APP圖標(biāo)的最后一個(gè)挑戰(zhàn)，就是要讓Logo具有“普適性”。Micheline Crawford創(chuàng)建了Crawford設(shè)計(jì)公司，他認(rèn)為“普適性”意味著圖片能夠按比例縮放，并且無論設(shè)備處于橫屏或豎屏，該圖標(biāo)都能夠良好地顯示。

再者我們來看看IconFinder 的創(chuàng)始人Martin LeBlanc說過，大多數(shù)用戶希望直觀漂亮，有時(shí)候還會(huì)喜歡那種設(shè)計(jì)得不可思議的icon。為了達(dá)到美觀和直觀這兩個(gè)簡(jiǎn)單又困難的追求，他給出了5點(diǎn)小建議。

1、色彩方面：簡(jiǎn)單特別的圖案有助於icon脫穎而出。慎重使用顏色不要打翻調(diào)色板，有時(shí)候甚至一兩種顏色就已經(jīng)足夠了。

2、試著去只用一個(gè)標(biāo)識(shí)或者字母去完成icon吧，Ness，Pocket，Vine，Snapguide 和 Pinterest 都是成功的案例。

3、保持創(chuàng)意創(chuàng)意是脫穎而出的好辦法。

4、完成了一個(gè)icon之後，不要忘了在各種顏色的桌布上測(cè)試icon的顯示效果。另外也不要忘了將icon放在資料夾中測(cè)試一下顯示效果。最後，在使用者的設(shè)備上，icon會(huì)以不同尺寸出現(xiàn)，設(shè)計(jì)者需要確保icon在所有尺寸下看上去都很舒服。

5、在老款的屏幕只能提供16位標(biāo)準(zhǔn)色彩。新款屏幕的色彩深度和光滑度則要更好，但不同款屏幕之間的差別也大?；诖耍O(shè)計(jì)師應(yīng)優(yōu)先為原始16位色彩的設(shè)備設(shè)計(jì)Logo，以保證Logo在所有設(shè)備上都能良好顯示。APP圖標(biāo)應(yīng)與品牌的全尺寸Logo有所關(guān)聯(lián)。一些設(shè)計(jì)師將這定義為“視覺易辨認(rèn)性”。保持概念簡(jiǎn)潔。在小型設(shè)備上，復(fù)雜的設(shè)計(jì)不可取。

擴(kuò)展閱讀：iOS/Android App Icon設(shè)計(jì)需要注意的6個(gè)地方