在iOS 6的App Store中，視覺元素變得空前重要，因?yàn)锳pp的搜索結(jié)果只有你的第一張應(yīng)用截圖，以及你的名字、圖標(biāo)和評(píng)分。這僅有的幾個(gè)能夠展現(xiàn)自己的元素是實(shí)現(xiàn)游戲應(yīng)用下載轉(zhuǎn)化的關(guān)鍵機(jī)遇。今天我們將延續(xù)這一話題，但關(guān)注的ASO對(duì)象更為具體——圖標(biāo)設(shè)計(jì)。
設(shè)計(jì)原則：來自行業(yè)專家的建議
通過對(duì)幾位行業(yè)內(nèi)的專家的訪談，我們提供了以下幾個(gè)原則供大家參考。希望這幾個(gè)原則能夠成為未來游戲開發(fā)者們?cè)u(píng)價(jià)你的app圖標(biāo)時(shí)所使用的評(píng)價(jià)尺度。
1. 簡(jiǎn)潔
簡(jiǎn)潔被認(rèn)為是設(shè)計(jì)應(yīng)用圖標(biāo)中的關(guān)鍵原則。盡管應(yīng)用商店允許的圖標(biāo)像素?cái)?shù)越來越大，但是實(shí)際顯示出來的物理空間決定了在這小小空間內(nèi)絕不能再有噪音。你只需問自己一個(gè)問題：如果你只能向人們展示你整個(gè)游戲的一個(gè)特點(diǎn)，它是什么？如果你覺得必須要展現(xiàn)好幾個(gè)元素，請(qǐng)確保它們都能被清晰地傳達(dá)，并且擁有清晰的互動(dòng)交錯(cuò)關(guān)系。
2. 細(xì)節(jié)
“細(xì)節(jié)決定成敗”這句名言用在圖標(biāo)設(shè)計(jì)中一點(diǎn)也不夸張。用戶變得越來越刁鉆：在一個(gè)全民PS的時(shí)代，你可不能指望圖層中有任何瑕疵能逃過他們的火眼金睛。在圖標(biāo)設(shè)計(jì)中注意細(xì)節(jié)就需要通過在內(nèi)容區(qū)域中盡可能低加入細(xì)微內(nèi)容，來為圖標(biāo)的整體效果增光添彩。添加細(xì)節(jié)的前提是——它們不能喧賓奪主。也就是說，添加細(xì)節(jié)是為了加強(qiáng)核心內(nèi)容，但不能讓圖標(biāo)顯得雜亂無章，因此它并不和簡(jiǎn)潔的原則相矛盾。
左圖的Tiny Wings的圖標(biāo)可以說是平衡細(xì)節(jié)和簡(jiǎn)潔的典范。這個(gè)圖標(biāo)的設(shè)計(jì)融合了游戲油畫般的美工風(fēng)格，層次分明，游戲的主要角色突出，并且通過圖標(biāo)介紹了游戲基本場(chǎng)景。不少經(jīng)典應(yīng)用（比如Instapaper圖標(biāo)中摘錄的文字）或游戲都有非常細(xì)致入微的設(shè)計(jì)，讓小小的圖標(biāo)傳遞了App的品牌形象。
3. 一致性
一致性是圖標(biāo)設(shè)計(jì)中的另一個(gè)核心要素。首先，你的圖標(biāo)需要和你的應(yīng)用內(nèi)容本身保持一致，驢唇不對(duì)馬嘴的設(shè)計(jì)會(huì)讓用戶不知所云，還以為自己下載錯(cuò)了呢；其次，如果你推出的產(chǎn)品擁有一系列的應(yīng)用，一致性會(huì)讓用戶快速發(fā)現(xiàn)其他相關(guān)應(yīng)用；此外，如果不是準(zhǔn)備“重頭再來”，我們并不建議您將以前積累的忠實(shí)用戶一掃而光，所以修改圖標(biāo)還是要慎重為妙。
iTunes App Store中的各種海盜游戲，其中不少都使用了經(jīng)典的海盜旗形象，可以讓玩家第一時(shí)間了解游戲的主題。但那些設(shè)計(jì)含蓄的圖標(biāo)就需要玩家進(jìn)行一些猜測(cè)了。
4. 獨(dú)特醒目
你的所有努力都將通過圖標(biāo)這個(gè)有限的空間展現(xiàn)出來，如何才能讓它成為獨(dú)一無二的代表？這就需要這個(gè)圖標(biāo)和其他所有的應(yīng)用都不同，它需要獨(dú)特而且醒目，讓用戶產(chǎn)生“非下不可”的感覺，絕不是流水線上的“標(biāo)準(zhǔn)化”產(chǎn)品。你會(huì)發(fā)現(xiàn)大型游戲發(fā)行商比如EA或Zynga會(huì)在所有圖標(biāo)中加入自己的Logo，或者一些游戲圖標(biāo)會(huì)有亮色的邊框以引起用戶的注意。
比如，在App Store今天的最新推薦游戲中，不是加了發(fā)行商的Logo就是使用了亮色邊框。
[Page: ]
六個(gè)“有關(guān)”設(shè)計(jì)元素的技巧和竅門
除了以上提到的幾個(gè)原則之外，我們認(rèn)為還有幾個(gè)更為具體的要點(diǎn)需要注意：
- 關(guān)于文字：圖標(biāo)中不要包含文字——你的應(yīng)用名稱已經(jīng)顯示在下面了，不是嗎？
- 關(guān)于顏色：一個(gè)圖標(biāo)中最好只包含三種顏色，顏色過多會(huì)使用戶失去視覺焦點(diǎn)，從而不能快速理解圖標(biāo)設(shè)計(jì)的含義；
- 關(guān)于光澤：不要使用iOS自帶的光澤，它會(huì)干擾你原本的視覺設(shè)計(jì)；
- 關(guān)于眼睛：圖標(biāo)里如果有一雙眼睛，那么可以很好地吸引用戶的目光。如果你的游戲可以包含一雙眼睛，千萬不要放棄它；
- 關(guān)于刀：“水果忍者”圖標(biāo)中刀的樣子讓人過目不忘，可能的話您也可以嘗試;
- 關(guān)于顯示屏：越來越多的瀏覽器開始支持可自由縮放的SVG矢量格式圖片，Retina顯示屏的推廣將會(huì)使得矢量格式受到關(guān)注。
經(jīng)過上面這么多條條框框的限制，以上原則落實(shí)到實(shí)際操作的最后一步，就是當(dāng)你終于花費(fèi)了大力氣把修改完自己的圖標(biāo)之后，應(yīng)該如何檢驗(yàn)這個(gè)新圖標(biāo)設(shè)計(jì)是否給力呢？
[Page: ]
測(cè)試圖標(biāo)設(shè)計(jì)的有效性
實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。您可以把圖標(biāo)的不同設(shè)計(jì)版本給朋友看，或者通過社交平臺(tái)分享給玩家進(jìn)行投票選擇，或者也可以在AdMob或其它廣告平臺(tái)上進(jìn)行廣告投放的A/B測(cè)試，通過點(diǎn)擊率數(shù)據(jù)來測(cè)驗(yàn)?zāi)膫€(gè)圖標(biāo)更好。A/B測(cè)試的具體步驟如下：
- 我們建議你為自己的App設(shè)計(jì)3個(gè)或者更多的初稿；
- 這些備選的圖標(biāo)放到同一個(gè)Banner里，保持Banner的其它設(shè)計(jì)元素不變；
- 在廣告平臺(tái)的后臺(tái)建立一個(gè)廣告活動(dòng)，放置一個(gè)小預(yù)算，或者使用自主廣告或交叉推廣的方式節(jié)省成本；
- 為不同的Banner版本準(zhǔn)備同樣的廣告活動(dòng)，在未來的幾個(gè)小時(shí)之內(nèi)得到點(diǎn)擊率數(shù)據(jù)；
- 選擇帶來最高CTR的那個(gè)圖標(biāo)。
