手把手教你APP桌面圖標(biāo)的包裝設(shè)計(jì)精髓

 

首先,作為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-store-新鮮圖標(biāo)設(shè)計(jì)

上面的這些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)行圖案化處理。

QQ截圖20150911223655.png

(B)用品牌名中的關(guān)鍵字進(jìn)行圖案化處理

QQ截圖20150911223719.png

這一類的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、肯德基、微博、藝龍、同程、攜程等。

QQ截圖20150911223727.png

 

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è)方法的典范。

APP圖標(biāo)靈感站

上圖當(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ù)炫彩的橙色。

QQ截圖20150911223755.png

 

所以,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ì)鑒賞

2、什么樣的icon圖標(biāo)才算是好的APP圖標(biāo)設(shè)計(jì)呢

3、入門級APP圖標(biāo)設(shè)計(jì):鉛筆icon設(shè)計(jì)視頻教程

每天更新,
全站高品質(zhì)素材免費(fèi)下載!