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