向知名App學(xué)習(xí)icon設(shè)計(jì)
毫無(wú)疑問(wèn),在用戶發(fā)現(xiàn)app的過(guò)程中,首先進(jìn)入他們視線的是應(yīng)用icon。不管你是為新app設(shè)計(jì)icon,還是重新設(shè)計(jì)現(xiàn)有icon,以下關(guān)于icon設(shè)計(jì)的一些建議,希望能有所幫助。
在開(kāi)始設(shè)計(jì)之前,你應(yīng)該仔細(xì)看看iOS Human Interface Guidelines來(lái)學(xué)習(xí)一些最基本的知識(shí)。熟悉之后,那就開(kāi)始你的設(shè)計(jì)之旅吧。
你的icon看起來(lái)應(yīng)該是什么樣的?
一款app中包含眾多可以用來(lái)設(shè)計(jì)icon的元素,難點(diǎn)在于你如何精簡(jiǎn)元素,挑選并專注于其中的一點(diǎn)進(jìn)行設(shè)計(jì),從而通過(guò)給用戶留下良好的***印象來(lái)誘使他們下載應(yīng)用。
對(duì)于新手而言,學(xué)習(xí)知名品牌的設(shè)計(jì)是***的成長(zhǎng)途徑。
知名品牌app icon給人的視覺(jué)表現(xiàn)大都清晰直觀。你可以在你的app icon上添加一些陰影,或者選取有意思的背景圖片。比如下邊兩個(gè)Nike app icon,主題突出,只是用了不同的背景圖片。icon設(shè)計(jì)應(yīng)該從應(yīng)用最主要的功能出發(fā),用盡可能簡(jiǎn)單的方式表達(dá)出來(lái)。
如何整合符合和現(xiàn)實(shí)元素從而讓用戶理解你的app是做什么用的?以下是兩個(gè)應(yīng)用的非常好的例子,icon設(shè)計(jì)簡(jiǎn)單,對(duì)游戲有潛在的描述性。
如果是款游戲,可以把游戲中的主要人物角色作為icon的重點(diǎn),比如Modern War, Plants vs Zombies以及Hay Day。
避免在icon中添加多個(gè)人物角色或者過(guò)多細(xì)節(jié)信息。當(dāng)以較小尺寸展示時(shí),這樣的icon看起來(lái)會(huì)比較雜亂,也會(huì)讓用戶感覺(jué)迷惑。以下是可以進(jìn)一步簡(jiǎn)化的icon,雖然以這個(gè)尺寸看起來(lái)還可以,但在瀏覽App Store時(shí),就不大容易辨別出來(lái)。
icon會(huì)被展示在不同尺寸不同型號(hào)的iOS設(shè)備上,要確保不同尺寸的icon有著一樣的視覺(jué)外觀體驗(yàn)。盡量不要使用蘋果提供的光澤效果。
另外,不要害怕創(chuàng)建幾個(gè)不同版本的icon,這也是icon設(shè)計(jì)中不可少的一部分,盡可能多地探索各種可能性。即便某個(gè)時(shí)候滿意自己的設(shè)計(jì),你也可以先擱置一天或者兩天,等你再回到icon設(shè)計(jì)中時(shí),如果你的想法沒(méi)有改變,那就做個(gè)爽快的決定吧!
下邊我們看看 Most Popular App的icon設(shè)計(jì)概覽。
從圖中我們發(fā)現(xiàn),一些***的app并沒(méi)有遵循上述建議,所以很明顯地,icon并不是影響下載量的決定性因素,但我們需要充分利用每個(gè)有利條件。
花一分鐘看看哪些icon能在短時(shí)間內(nèi)吸引你的注意力,然后返回自己的設(shè)計(jì)中看看差距在哪里。
一些icon設(shè)計(jì)資源
如果打算自己設(shè)計(jì)icon,可以看看App Icon Template,網(wǎng)站上還有視頻教程。
Design Your Way, iOS Icon Gallery 以及Hongkiat可以為你提供設(shè)計(jì)靈感。
另外一個(gè)教程教你使用Photoshop創(chuàng)建逼真的icon。
如果你的設(shè)計(jì)已經(jīng)敲定,IconKit和MakeAppIcon可以幫你創(chuàng)建不同尺寸的icon。