首先,作為APP的設(shè)計(jì)師必須明白設(shè)計(jì)APP圖標(biāo)的根本作用是什么。
其實(shí)我們平常所說APP圖標(biāo)就是APP應(yīng)用的logo包裝,logo包裝必須具有認(rèn)識產(chǎn)品和辨別產(chǎn)品的作用。
所以APP圖標(biāo)的設(shè)計(jì)必須達(dá)到這兩個(gè)作用:
第一可以快速識別APP,讓用戶清晰知道這個(gè)APP是什么,有什么用途;
第二查找辨別APP,讓用戶在眾多的手機(jī)APP圖標(biāo)上,快速找到、辨別到自己的APP軟件。
比如下面的APP store的最新上架的APP列表:
上面的這些APP圖標(biāo)基本都是按照下面的APP圖標(biāo)設(shè)計(jì)方法得來的。不信,我們就帶著這個(gè)問題,手把手教你怎么設(shè)計(jì)APP圖標(biāo)?
第一部分:教你三個(gè)設(shè)計(jì)具有識別性APP圖標(biāo)的方法
1、圖案化文字法。
傳統(tǒng)形式的APP ?LOGO設(shè)計(jì)方法,也是最常用的APP圖標(biāo)設(shè)計(jì)方法。
其實(shí)就是直接將品牌名以LOGO的形式做進(jìn)圖標(biāo)。是最清晰、準(zhǔn)確表明產(chǎn)品實(shí)質(zhì),用戶最容易認(rèn)知和最方便識別~~~~~
如下圖的這些APP桌面圖標(biāo)設(shè)計(jì)
(A)用品牌包裝的LOGO進(jìn)行圖案化處理。
(B)用品牌名中的關(guān)鍵字進(jìn)行圖案化處理
這一類的APP桌面圖標(biāo)設(shè)計(jì)方法適合有一定品牌知名度的APP圖標(biāo)設(shè)計(jì)。
2、卡通吉祥物形象法
這種方法,合適于品牌已被用戶所認(rèn)知,用戶能清晰認(rèn)知品牌的標(biāo)志性圖案。將用戶已經(jīng)認(rèn)知的標(biāo)志性圖案做成圖標(biāo),也利于用戶識別品牌APP軟件。如QQ、肯德基、微博、藝龍、同程、攜程等。
3、APP產(chǎn)品屬性圖案化處理。
尋找產(chǎn)品屬性中的標(biāo)志性圖案做進(jìn)圖標(biāo)。
圖案化產(chǎn)品屬性法,做法在于尋找代表APP軟件用途屬性的標(biāo)志性圖案進(jìn)行圖案化圖標(biāo)設(shè)計(jì)。特別注意的是代表的標(biāo)志性圖案,必須是用戶熟知的圖案。蘋果手機(jī)系統(tǒng)的自帶軟件圖標(biāo),是這個(gè)方法的典范。
上圖當(dāng)中的這些APP桌面圖標(biāo)基本都是采用這樣的方法。
APP產(chǎn)品屬性圖案化處理也是目前最流行用的最多的方法。
第二部分:查找辨別桌面APP圖標(biāo)的設(shè)計(jì)方法
想要讓用戶快速辨別查找到想用的APP軟件,最有效的方法就是APP桌面圖標(biāo)的顏色設(shè)計(jì)。
一定要色彩奪人!同時(shí)建立自己APP的標(biāo)準(zhǔn)色調(diào)很重要。
必須要求每一個(gè)APP都必須占據(jù)自己一個(gè)標(biāo)準(zhǔn)色,并運(yùn)用于圖標(biāo)的底色上。不同色塊,更有利于用戶對不同APP圖標(biāo)的辨別。
如微信在對話框的圖案下,占據(jù)綠色底色,同時(shí)微信采用綠色的另外一層含義,就是想要取得iphone自帶的信息圖標(biāo)。所以采用綠色的一個(gè)原因。
印象筆記在圖案化的大象下,占據(jù)深綠色底;
芒果TV,將橙色做為圖標(biāo)底色設(shè)計(jì);支付寶占據(jù)代表冷靜的藍(lán)色;淘寶占據(jù)炫彩的橙色。
所以,APP桌面圖標(biāo)是整個(gè)APP產(chǎn)品的外表,也是被用戶使用的第一個(gè)解接觸點(diǎn),被用戶認(rèn)識、辨別之后,才會有產(chǎn)品更為深入的體驗(yàn)。而APP桌面圖標(biāo)便是這個(gè)體驗(yàn)的第一個(gè)入口。
今天,25學(xué)堂教大家的包裝APP桌面圖標(biāo)的設(shè)計(jì)方法,就是讓你徹底明白怎么去設(shè)計(jì)自己APP產(chǎn)品的第一入口。奪取移動(dòng)互聯(lián)網(wǎng)最重要的流量入口。
擴(kuò)展閱讀:
1、APP圖標(biāo)設(shè)計(jì)學(xué)習(xí):手機(jī)UI界面主題圖標(biāo)設(shè)計(jì)鑒賞
全站高品質(zhì)素材免費(fèi)下載!