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

 

首先,作為APP的設(shè)計師必須明白設(shè)計APP圖標(biāo)的根本作用是什么。

其實我們平常所說APP圖標(biāo)就是APP應(yīng)用的logo包裝,logo包裝必須具有認(rèn)識產(chǎn)品和辨別產(chǎn)品的作用。

所以APP圖標(biāo)的設(shè)計必須達到這兩個作用:

第一可以快速識別APP,讓用戶清晰知道這個APP是什么,有什么用途;

第二查找辨別APP,讓用戶在眾多的手機APP圖標(biāo)上,快速找到、辨別到自己的APP軟件。

比如下面的APP store的最新上架的APP列表:

APP-store-新鮮圖標(biāo)設(shè)計

上面的這些APP圖標(biāo)基本都是按照下面的APP圖標(biāo)設(shè)計方法得來的。不信,我們就帶著這個問題,手把手教你怎么設(shè)計APP圖標(biāo)?

 

第一部分:教你三個設(shè)計具有識別性APP圖標(biāo)的方法

1、圖案化文字法。

傳統(tǒng)形式的APP ?LOGO設(shè)計方法,也是最常用的APP圖標(biāo)設(shè)計方法。

其實就是直接將品牌名以LOGO的形式做進圖標(biāo)。是最清晰、準(zhǔn)確表明產(chǎn)品實質(zhì),用戶最容易認(rèn)知和最方便識別~~~~~

如下圖的這些APP桌面圖標(biāo)設(shè)計

(A)用品牌包裝的LOGO進行圖案化處理。

QQ截圖20150911223655.png

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

QQ截圖20150911223719.png

這一類的APP桌面圖標(biāo)設(shè)計方法適合有一定品牌知名度的APP圖標(biāo)設(shè)計。

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)志性圖案做進圖標(biāo)。

圖案化產(chǎn)品屬性法,做法在于尋找代表APP軟件用途屬性的標(biāo)志性圖案進行圖案化圖標(biāo)設(shè)計。特別注意的是代表的標(biāo)志性圖案,必須是用戶熟知的圖案。蘋果手機系統(tǒng)的自帶軟件圖標(biāo),是這個方法的典范。

APP圖標(biāo)靈感站

上圖當(dāng)中的這些APP桌面圖標(biāo)基本都是采用這樣的方法。

APP產(chǎn)品屬性圖案化處理也是目前最流行用的最多的方法。

 

 

第二部分:查找辨別桌面APP圖標(biāo)的設(shè)計方法

想要讓用戶快速辨別查找到想用的APP軟件,最有效的方法就是APP桌面圖標(biāo)的顏色設(shè)計。

一定要色彩奪人!同時建立自己APP的標(biāo)準(zhǔn)色調(diào)很重要。

必須要求每一個APP都必須占據(jù)自己一個標(biāo)準(zhǔn)色,并運用于圖標(biāo)的底色上。不同色塊,更有利于用戶對不同APP圖標(biāo)的辨別。

如微信在對話框的圖案下,占據(jù)綠色底色,同時微信采用綠色的另外一層含義,就是想要取得iphone自帶的信息圖標(biāo)。所以采用綠色的一個原因。

印象筆記在圖案化的大象下,占據(jù)深綠色底;

芒果TV,將橙色做為圖標(biāo)底色設(shè)計;支付寶占據(jù)代表冷靜的藍色;淘寶占據(jù)炫彩的橙色。

QQ截圖20150911223755.png

 

所以,APP桌面圖標(biāo)是整個APP產(chǎn)品的外表,也是被用戶使用的第一個解接觸點,被用戶認(rèn)識、辨別之后,才會有產(chǎn)品更為深入的體驗。而APP桌面圖標(biāo)便是這個體驗的第一個入口。

今天,25學(xué)堂教大家的包裝APP桌面圖標(biāo)的設(shè)計方法,就是讓你徹底明白怎么去設(shè)計自己APP產(chǎn)品的第一入口。奪取移動互聯(lián)網(wǎng)最重要的流量入口。

 

 

擴展閱讀:

1、APP圖標(biāo)設(shè)計學(xué)習(xí):手機UI界面主題圖標(biāo)設(shè)計鑒賞

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

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

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