從滴滴出行失敗的LOGO設(shè)計(jì),談APP圖標(biāo)應(yīng)如何設(shè)計(jì)
![](http://image.woshipm.com/wp-files/img/82.jpg)
“跟UBER很像!”
這就是用過(guò)UBER和滴滴打車APP的用戶,對(duì)滴滴新LOGO的第一反應(yīng)。除山寨,全新的滴滴的LOGO,并沒(méi)有什么好。2012年起家,滴滴打車LOGO一共變臉了三次,這次的變臉,已基本不成樣子。為什么叫不成樣子?因?yàn)樵絹?lái)越不像打車公司應(yīng)該有的樣子。
之前的滴滴LOGO,一個(gè)卡通形象 “TAXI車” 。雖然之前的LOGO也經(jīng)過(guò)了調(diào)整,但我們還是可以看到通過(guò)這個(gè)LOGO,辨識(shí)到這個(gè)產(chǎn)品跟TAXI車有一定的關(guān)系。而這一次被企業(yè)自己定義的“微笑LOGO”,如果沒(méi)有“滴滴出行”,用戶第一次看到帶有微笑LOGO的APP圖標(biāo),真不知道這個(gè)東西是什么。
一個(gè)好的APP圖標(biāo)有多重要?
作為一個(gè)手機(jī)APP,強(qiáng)調(diào)用戶體驗(yàn)、用戶習(xí)慣。但滴滴打車,似乎不太了解用戶習(xí)慣。任何一個(gè)手機(jī)用戶在使用APP軟件時(shí),第一步是什么呢?是查找圖標(biāo)!在一頁(yè)頁(yè)裝滿APP圖標(biāo)的手機(jī)上查找他們想要用的圖標(biāo)。
我們可以看到APP軟件在手機(jī)上呈現(xiàn)為一個(gè)大圖標(biāo)+小品牌名組合。圖標(biāo)永遠(yuǎn)都比品牌名清晰。從方便、便利的使用特征來(lái)看,用戶往往忽略品牌名,直接通過(guò)方方正正的大圖標(biāo)進(jìn)行識(shí)別所要使用的APP軟件。這時(shí),APP圖標(biāo)就承擔(dān)著識(shí)別APP軟件的作用。APP圖標(biāo)就相當(dāng)于我們線下購(gòu)買任何產(chǎn)品的包裝。不管我們購(gòu)買食品、飲料,產(chǎn)品包裝以及包裝上的文字是我們識(shí)別、認(rèn)識(shí)這個(gè)產(chǎn)品是什么,有什么作用的載體。APP圖標(biāo)也一樣,承擔(dān)著用戶識(shí)別這個(gè)APP軟件,以及這個(gè)軟件有什么用途的作用。
我們看看手機(jī)上的滴滴軟件,帶有LOGO的圖標(biāo)與滴滴打車(現(xiàn)在滴滴出行)組成。受手機(jī)系統(tǒng)的限制不管是滴滴打車還是滴滴出行,文字信息總是比帶LOGO圖標(biāo)小。用戶通過(guò)圖標(biāo)來(lái)識(shí)別滴滴軟件。
在微笑LOGO之前,滴滴的圖標(biāo)生動(dòng)、具體、形象。橙色底色,亮度高,在手機(jī)上具有強(qiáng)烈的色彩識(shí)別性;TAXI車的卡通形象圖,用戶很容易讀懂這個(gè)軟件是做什么用的。反觀現(xiàn)在這個(gè)微笑LOGO,沒(méi)有直接、清晰、準(zhǔn)確地體現(xiàn)滴滴打車的功能特征,把“滴滴出行”四個(gè)字去掉,這個(gè)APP產(chǎn)品識(shí)別基本為零。如果對(duì)于筆者這種手機(jī)上滴滴和UBER同時(shí)存在的用戶,兩者的高度相似,讓我們快速找到滴滴圖標(biāo),可不是一直很容易的事。
那么,作為APP軟件的門面擔(dān)當(dāng),APP圖標(biāo)應(yīng)該如何設(shè)計(jì)?
關(guān)鍵必須明白設(shè)計(jì)APP圖標(biāo)的根本作用是什么。我們說(shuō)APP圖標(biāo)就是APP的包裝,包裝必須具有認(rèn)識(shí)產(chǎn)品和辨別產(chǎn)品的作用。所以APP圖標(biāo)的設(shè)計(jì)必須達(dá)到這兩個(gè)作用:
- 認(rèn)識(shí)APP,讓用戶清晰知道這個(gè)APP是什么,有什么用途;
- 查找辨別APP,讓用戶在眾多的手機(jī)APP圖標(biāo)上,快速找到、辨別到自己的APP軟件。
一、達(dá)成識(shí)別APP圖標(biāo)的設(shè)計(jì)法
圖案化文字法。直接將品牌名以LOGO的形式做進(jìn)圖標(biāo)。
品牌名是產(chǎn)品的名稱,直接將品牌名圖案化處理成圖標(biāo),是最清晰、準(zhǔn)確表明產(chǎn)品實(shí)質(zhì),用戶最容易認(rèn)知和最方便識(shí)別。如將品牌名全部圖案化成圖標(biāo)的1號(hào)店、天貓、有貨、搜狐視頻、美團(tuán)、圖解電影。這種設(shè)計(jì)法如同傳統(tǒng)食品行業(yè),很多品牌包裝的LOGO都是品牌名的圖案化處理,如可口可樂(lè)、美汁源、王老吉、加多寶、農(nóng)夫山泉。
還有如將品牌名中的關(guān)鍵字圖案化成圖標(biāo)的支付寶、淘寶、頭條新聞、下廚房、豆瓣、百度、脈脈、美圖秀秀。這種設(shè)計(jì)法,適合于品牌知名度的APP軟件。通過(guò)關(guān)鍵字便可以認(rèn)識(shí)APP。
卡通形象法。直接到品牌的標(biāo)志性圖案做進(jìn)圖標(biāo)。
這種方法,合適于品牌已被用戶所認(rèn)知,用戶能清晰認(rèn)知品牌的標(biāo)志性圖案。將用戶已經(jīng)認(rèn)知的標(biāo)志性圖案做成圖標(biāo),也利于用戶識(shí)別品牌APP軟件。如QQ、肯德基、微博、藝龍、同程、攜程等。
圖案化產(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è)方法的典范。
如:
- IOS系統(tǒng)中用相機(jī)這個(gè)功能,用圖案化的相機(jī);
- 時(shí)鐘功能,用一個(gè)秒針走動(dòng)的表圖案;
- 電話功能就是一個(gè)聽(tīng)筒圖案;
- 計(jì)算器就是“加號(hào)減號(hào)乘號(hào)等于號(hào)”組成的圖案;
- 天氣功能就是“太陽(yáng)與云”的組合圖案等。
蘋果將代表功能的圖案直接設(shè)計(jì)成圖標(biāo),使用戶快速認(rèn)識(shí)與識(shí)別。
而APP軟件如:
- QQ音樂(lè)用代表音樂(lè)的“音符”圖案;
- QQ安全中心用代表防護(hù)的盾牌圖案;
- INSTAGRAM用圖案化的藝術(shù)化相機(jī);
- MYFITNESSPAL用圖案化體操來(lái)代表其運(yùn)動(dòng)健身的功能;
- 微信以對(duì)話框來(lái)代表其社交的功能;
- 小米商城用購(gòu)買袋來(lái)代表其購(gòu)物的特征;
- 車輪查違章用卡通化指揮交流的交警表達(dá)其功能;
- KITCHENSTORIES用打蛋器來(lái)表達(dá)其烹飪的功能
……
滴滴打車之前的卡通化的TAXI小車,也是這種方案。即便是滴滴的這個(gè)名字也是用了產(chǎn)品屬性法,滴滴是個(gè)汽車?yán)鹊臄M聲詞,關(guān)聯(lián)打車,容易讓用戶認(rèn)知。
二、達(dá)成查找辨別APP圖標(biāo)的設(shè)計(jì)法
隨著手機(jī)容量的增大,用戶需求的升級(jí),手機(jī)裝載的APP眾多,讓用戶快速辨別查找到其想用的APP軟件,圖標(biāo)顏色的設(shè)計(jì)是最有效的方法。必須要求每一個(gè)APP都必須占據(jù)自己一個(gè)標(biāo)準(zhǔn)色,并運(yùn)用于圖標(biāo)的底色上。不同色塊,更有利于用戶對(duì)不同APP圖標(biāo)的辨別。
如微信在對(duì)話框的圖案下,占據(jù)綠色底色,印象筆記在圖案化的大象下,占據(jù)深綠色底;芒果TV,將橙色做為圖標(biāo)底色設(shè)計(jì);支付寶占據(jù)代表冷靜的藍(lán)色;淘寶占據(jù)炫彩的橙色。
這與傳統(tǒng)飲料行業(yè),在銷售終端通過(guò)不同的顏色進(jìn)行品牌的區(qū)別,使消費(fèi)者方便辨別。如瓶裝水中“藍(lán)康師傅、綠怡寶、紅白農(nóng)夫、粉依云、紫百歲山”,如“可樂(lè)紅,百事藍(lán)”。
人們往往忽視一個(gè)小小的元素,而不知道這個(gè)小小元素卻是撬動(dòng)整個(gè)世界的關(guān)鍵點(diǎn)。APP圖標(biāo),做為APP產(chǎn)品的外表,是被用戶使用的第一個(gè)解接觸點(diǎn),被用戶認(rèn)識(shí)、辨別之后,才會(huì)有產(chǎn)品更為深入的體驗(yàn)。而圖標(biāo)便是這個(gè)體驗(yàn)的第一個(gè)入口。慎重待之!
本文由 @Geek 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
樓主設(shè)計(jì)一個(gè)看看 ??????
為啥說(shuō)失??? 你說(shuō)失敗就失???滴滴的領(lǐng)導(dǎo)都是傻子?
能轉(zhuǎn)載嗎
然而 who care
我還覺(jué)得uber設(shè)計(jì)的不好呢,誰(shuí)便宜我用誰(shuí)的,誰(shuí)體驗(yàn)好我用誰(shuí)的,我倒是覺(jué)得,圖標(biāo)設(shè)計(jì)干凈簡(jiǎn)潔就ok,
說(shuō)得很對(duì),我現(xiàn)在經(jīng)常找不到滴滴打車的app. 每次都要提醒一下自己,哦,滴滴換logo了。
不是你說(shuō)改頭換面就可以馬上在用戶那刷新的,心理要有一個(gè)接受過(guò)程,而這次logo的變換,很明顯延長(zhǎng)了這個(gè)過(guò)程~~
之前也沒(méi)有來(lái)選logo得打車券的活動(dòng)或者女神微笑出行預(yù)熱啥的,和用戶蹭個(gè)臉熟。
對(duì)新app的logo充滿了陌生和距離感。
設(shè)計(jì)同質(zhì)化越來(lái)越嚴(yán)重,這并不是一件好事。滴滴打車已經(jīng)很火了,用戶只關(guān)心好不好用,logo設(shè)計(jì)的好不好看無(wú)所謂,而且我感覺(jué)改完之后更好看了。