本文作者為MartinLeBlanc，圖標搜索引擎企業(yè)IconFinder的創(chuàng)始人。
今年6月舉行的蘋果WWDC大會上，蘋果推出了他們最新的移動設(shè)備操作系統(tǒng)iOS7。從那之后，網(wǎng)絡(luò)上便充滿了各種關(guān)于iOS7的報道和討論。
我在無意間發(fā)現(xiàn)了一個由蘋果UX宣傳師MikeStern發(fā)布的文檔《優(yōu)秀iOS設(shè)計的實踐指南》。
這份指南的第一部分便是關(guān)于應(yīng)用圖標的設(shè)計，已經(jīng)蘋果對優(yōu)秀圖標的定義。Stern在指南中列舉了6個在設(shè)計應(yīng)用圖標時應(yīng)該注意的事項。
Stern首先解釋了開發(fā)人員為何應(yīng)該特別重視應(yīng)用UI和應(yīng)用圖標的設(shè)計：用戶不會根據(jù)應(yīng)用所使用的技術(shù)、API的數(shù)量或是應(yīng)用代碼有多優(yōu)秀等因素來評判一個應(yīng)用的好壞。用戶評判應(yīng)用好壞的標準，是這個應(yīng)用能讓他們做什么、以及應(yīng)用給他們帶來的使用體驗。用戶在使用應(yīng)用的時候，希望得到使用簡單的使用體驗，并且希望應(yīng)用的設(shè)計十分買官。
制作優(yōu)秀應(yīng)用圖標的六個技巧
很多應(yīng)用開發(fā)人員在設(shè)計應(yīng)用的時候都在重復(fù)犯著一些錯誤，而這些錯誤也成了將用戶拒之門外的罪魁禍首。而糟糕的應(yīng)用圖標是應(yīng)用無法吸引用戶的3個最重要的原因之一。
通常情況下，應(yīng)用的圖標是用戶對應(yīng)用的第一印象。在圖標設(shè)計上，你必須保持高水準，并且與眾不同。下圖中，所有應(yīng)用都是相機應(yīng)用，可以看到大部分應(yīng)用都使用了相機鏡頭的圖像來制作圖表，而Path的圖標卻并沒有這樣做，他們依靠這種方式將自己與其他應(yīng)用區(qū)別開來。
當(dāng)用戶在AppStore中看到應(yīng)用的圖標時，他們就會根據(jù)看到的圖標來推測應(yīng)用的使用體驗。如果圖標看上去很優(yōu)美精致，用戶就會下意識的認為這個應(yīng)用也能夠給他帶來優(yōu)秀的使用體驗。
優(yōu)秀的應(yīng)用圖標應(yīng)該有什么特性?首先就是美觀，其次更重要的，就是要有辨識度。
技巧1：形狀獨特
以下四個圖標各不相同，有的使用了大量的顏色，有的使用了梯度顏色。但是它們都有一個共同點，那就是使用了簡單的形狀。這種設(shè)計能夠讓用戶立即記住這個應(yīng)用。
技巧2：謹慎選擇顏色
要限制應(yīng)用顏色的色調(diào)。使用1-2個色調(diào)的顏色就足夠了。顏色過多的圖標不容易吸引用戶。
技巧3：避免使用照片
不要在圖標設(shè)計中使用照片。Sipp的應(yīng)用就是一個很好的例子：
可以看出，當(dāng)使用酒杯的照片作為應(yīng)用圖標時，會給用戶簡陋的感覺。而在經(jīng)過設(shè)計后，一種優(yōu)雅感會讓用戶對這個應(yīng)用產(chǎn)生興趣。
技巧4：不要使用太多文字
圖標中不出現(xiàn)文字，是最理想的情況。應(yīng)用中只應(yīng)該出現(xiàn)Logo，而不要將應(yīng)用的全稱添加進去。請仔細觀察Ness、Pocket、Vine、Snapguide和Pinterest這些應(yīng)用的圖標設(shè)計，如果將應(yīng)用名稱添加到圖標中，會給人一種凌亂的感覺。
技巧5：讓圖標內(nèi)的元素變得精致
Paper、SquareWallet、1password和LifeKraze等應(yīng)用的圖標在這一點上做的都很優(yōu)秀。就連SternMike都表示不知道這些應(yīng)用的圖標是如何做到如此精致的，他稱這些圖標設(shè)計已經(jīng)達到了圖標設(shè)計的最高水平。
技巧6：創(chuàng)意
Routesy, Hipstamatic, Evernote Food和Brewski Me等應(yīng)用圖標的設(shè)計都是創(chuàng)意十足的例子。
額外提示：對圖標進行測試
在你制作了一個圖標之后，不要忘了在各種顏色的壁紙上測試圖標的顯示效果。另外也不要忘了將你的圖標放在文件夾中測試一下顯示效果。最后，在用戶的設(shè)備上，圖標會以不同尺寸出現(xiàn)，例如在AppStore中，圖標的尺寸最大;在桌面上，圖標的尺寸會縮小;而在通知欄中，圖標的尺寸最小，你需要確保你的圖片在所有尺寸下看上去都很舒服。
優(yōu)秀設(shè)計案例：Turnplay
著名的圖標設(shè)計機構(gòu)Ramotion設(shè)計了Turnplay應(yīng)用的圖標，而最終的效果展示了Ramotion的設(shè)計功力。Turnplay是一個音樂播放器應(yīng)用，其UI模仿了老實的唱盤播放機。
Ramotion在最開始設(shè)計這個應(yīng)用的圖標時，自然而然的想到了使用唱盤播放機的樣式。下圖就是在設(shè)計初期階段Ramotion的設(shè)計師們用鉛筆手繪的草圖，可以看出即使在這些草圖中，也有著很多的細節(jié)。由此我們可以看出Ramotion這家設(shè)計公司對細節(jié)的追求，即使是在構(gòu)思階段也會注意細節(jié)。
在這些草圖中，很多都嘗試將代表應(yīng)用名稱的字幕“T”放在圖標設(shè)計當(dāng)中，而細節(jié)方面，他們則試圖在唱盤上勾勒出指紋的圖案。最終他們采取了以下的設(shè)計方案，簡單的外邊框，中間是唱盤播放器的轉(zhuǎn)盤。
如果你觀看了這個圖標的全部設(shè)計過程，你一定會有所收獲。如果你對此感興趣，可以點擊這里觀看這個圖標的設(shè)計全過程，但是你需要擁有蘋果開發(fā)人員賬號。
（via TNW 譯/快鯉魚）
推薦閱讀
Jolla 結(jié)束 Sailfish OS 手機的首批預(yù)訂，數(shù)字或不理想【快鯉魚早報】
【 Jolla 結(jié)束 Sailfish OS 手機的首批預(yù)訂，數(shù)字或不理想】出自 MeeGo 原班人馬的芬蘭創(chuàng)業(yè)公司 Jolla，宣布 5 月 20 號開始的 Sailfish OS 手機預(yù)售活動正式結(jié)束。>>>詳細閱讀
本文標題：糟糕的應(yīng)用圖標是應(yīng)用無法吸引用戶的3個最重要原因之一！蘋果教你6招
地址：http://www.brh9h.cn/a/guandian/yejie/20130822/284388.html
網(wǎng)友點評
精彩導(dǎo)讀
科技快報
品牌展示