首先,作為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圖標(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進行圖案化處理。
(B)用品牌名中的關(guān)鍵字進行圖案化處理
這一類的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、肯德基、微博、藝龍、同程、攜程等。
3、APP產(chǎn)品屬性圖案化處理。
尋找產(chǎn)品屬性中的標(biāo)志性圖案做進圖標(biāo)。
圖案化產(chǎn)品屬性法,做法在于尋找代表APP軟件用途屬性的標(biāo)志性圖案進行圖案化圖標(biāo)設(shè)計。特別注意的是代表的標(biāo)志性圖案,必須是用戶熟知的圖案。蘋果手機系統(tǒng)的自帶軟件圖標(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ù)炫彩的橙色。
所以,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è)計鑒賞
全站高品質(zhì)素材免費下載!