從滴滴出行失敗的LOGO設計,談APP圖標應如何設計

6 評論 32866 瀏覽 28 收藏 10 分鐘

“跟UBER很像!”

這就是用過UBER和滴滴打車APP的用戶,對滴滴新LOGO的第一反應。除山寨,全新的滴滴的LOGO,并沒有什么好。2012年起家,滴滴打車LOGO一共變臉了三次,這次的變臉,已基本不成樣子。為什么叫不成樣子?因為越來越不像打車公司應該有的樣子。

之前的滴滴LOGO,一個卡通形象 “TAXI車” 。雖然之前的LOGO也經過了調整,但我們還是可以看到通過這個LOGO,辨識到這個產品跟TAXI車有一定的關系。而這一次被企業自己定義的“微笑LOGO”,如果沒有“滴滴出行”,用戶第一次看到帶有微笑LOGO的APP圖標,真不知道這個東西是什么。

2

一個好的APP圖標有多重要?

作為一個手機APP,強調用戶體驗、用戶習慣。但滴滴打車,似乎不太了解用戶習慣。任何一個手機用戶在使用APP軟件時,第一步是什么呢?是查找圖標!在一頁頁裝滿APP圖標的手機上查找他們想要用的圖標。

我們可以看到APP軟件在手機上呈現為一個大圖標+小品牌名組合。圖標永遠都比品牌名清晰。從方便、便利的使用特征來看,用戶往往忽略品牌名,直接通過方方正正的大圖標進行識別所要使用的APP軟件。這時,APP圖標就承擔著識別APP軟件的作用。APP圖標就相當于我們線下購買任何產品的包裝。不管我們購買食品、飲料,產品包裝以及包裝上的文字是我們識別、認識這個產品是什么,有什么作用的載體。APP圖標也一樣,承擔著用戶識別這個APP軟件,以及這個軟件有什么用途的作用。

我們看看手機上的滴滴軟件,帶有LOGO的圖標與滴滴打車(現在滴滴出行)組成。受手機系統的限制不管是滴滴打車還是滴滴出行,文字信息總是比帶LOGO圖標小。用戶通過圖標來識別滴滴軟件。

在微笑LOGO之前,滴滴的圖標生動、具體、形象。橙色底色,亮度高,在手機上具有強烈的色彩識別性;TAXI車的卡通形象圖,用戶很容易讀懂這個軟件是做什么用的。反觀現在這個微笑LOGO,沒有直接、清晰、準確地體現滴滴打車的功能特征,把“滴滴出行”四個字去掉,這個APP產品識別基本為零。如果對于筆者這種手機上滴滴和UBER同時存在的用戶,兩者的高度相似,讓我們快速找到滴滴圖標,可不是一直很容易的事。

那么,作為APP軟件的門面擔當,APP圖標應該如何設計?

關鍵必須明白設計APP圖標的根本作用是什么。我們說APP圖標就是APP的包裝,包裝必須具有認識產品和辨別產品的作用。所以APP圖標的設計必須達到這兩個作用:

  1. 認識APP,讓用戶清晰知道這個APP是什么,有什么用途;
  2. 查找辨別APP,讓用戶在眾多的手機APP圖標上,快速找到、辨別到自己的APP軟件。

一、達成識別APP圖標的設計法

圖案化文字法。直接將品牌名以LOGO的形式做進圖標。

品牌名是產品的名稱,直接將品牌名圖案化處理成圖標,是最清晰、準確表明產品實質,用戶最容易認知和最方便識別。如將品牌名全部圖案化成圖標的1號店、天貓、有貨、搜狐視頻、美團、圖解電影。這種設計法如同傳統食品行業,很多品牌包裝的LOGO都是品牌名的圖案化處理,如可口可樂、美汁源、王老吉、加多寶、農夫山泉。

3

還有如將品牌名中的關鍵字圖案化成圖標的支付寶、淘寶、頭條新聞、下廚房、豆瓣、百度、脈脈、美圖秀秀。這種設計法,適合于品牌知名度的APP軟件。通過關鍵字便可以認識APP。

4

卡通形象法。直接到品牌的標志性圖案做進圖標。

這種方法,合適于品牌已被用戶所認知,用戶能清晰認知品牌的標志性圖案。將用戶已經認知的標志性圖案做成圖標,也利于用戶識別品牌APP軟件。如QQ、肯德基、微博、藝龍、同程、攜程等。

5

圖案化產品屬性法。尋找產品屬性中的標志性圖案做進圖標。

圖案化產品屬性法,做法在于尋找代表APP軟件用途屬性的標志性圖案進行圖案化圖標設計。

特別注意的是代表的標志性圖案,必須是用戶熟知的圖案。蘋果手機系統的自帶軟件圖標,是這個方法的典范。

如:

  • IOS系統中用相機這個功能,用圖案化的相機;
  • 時鐘功能,用一個秒針走動的表圖案;
  • 電話功能就是一個聽筒圖案;
  • 計算器就是“加號減號乘號等于號”組成的圖案;
  • 天氣功能就是“太陽與云”的組合圖案等。

蘋果將代表功能的圖案直接設計成圖標,使用戶快速認識與識別。

6

而APP軟件如:

  • QQ音樂用代表音樂的“音符”圖案;
  • QQ安全中心用代表防護的盾牌圖案;
  • INSTAGRAM用圖案化的藝術化相機;
  • MYFITNESSPAL用圖案化體操來代表其運動健身的功能;
  • 微信以對話框來代表其社交的功能;
  • 小米商城用購買袋來代表其購物的特征;
  • 車輪查違章用卡通化指揮交流的交警表達其功能;
  • KITCHENSTORIES用打蛋器來表達其烹飪的功能

……

7

滴滴打車之前的卡通化的TAXI小車,也是這種方案。即便是滴滴的這個名字也是用了產品屬性法,滴滴是個汽車喇叭的擬聲詞,關聯打車,容易讓用戶認知。

二、達成查找辨別APP圖標的設計法

隨著手機容量的增大,用戶需求的升級,手機裝載的APP眾多,讓用戶快速辨別查找到其想用的APP軟件,圖標顏色的設計是最有效的方法。必須要求每一個APP都必須占據自己一個標準色,并運用于圖標的底色上。不同色塊,更有利于用戶對不同APP圖標的辨別。

如微信在對話框的圖案下,占據綠色底色,印象筆記在圖案化的大象下,占據深綠色底;芒果TV,將橙色做為圖標底色設計;支付寶占據代表冷靜的藍色;淘寶占據炫彩的橙色。

8

這與傳統飲料行業,在銷售終端通過不同的顏色進行品牌的區別,使消費者方便辨別。如瓶裝水中“藍康師傅、綠怡寶、紅白農夫、粉依云、紫百歲山”,如“可樂紅,百事藍”。

9

人們往往忽視一個小小的元素,而不知道這個小小元素卻是撬動整個世界的關鍵點。APP圖標,做為APP產品的外表,是被用戶使用的第一個解接觸點,被用戶認識、辨別之后,才會有產品更為深入的體驗。而圖標便是這個體驗的第一個入口。慎重待之!

 

本文由 @Geek 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 樓主設計一個看看 ??????

    來自廣東 回復
  2. 為啥說失??? 你說失敗就失???滴滴的領導都是傻子?

    來自廣東 回復
  3. 能轉載嗎

    來自廣東 回復
  4. 然而 who care

    我還覺得uber設計的不好呢,誰便宜我用誰的,誰體驗好我用誰的,我倒是覺得,圖標設計干凈簡潔就ok,

    來自北京 回復
  5. 說得很對,我現在經常找不到滴滴打車的app. 每次都要提醒一下自己,哦,滴滴換logo了。
    不是你說改頭換面就可以馬上在用戶那刷新的,心理要有一個接受過程,而這次logo的變換,很明顯延長了這個過程~~
    之前也沒有來選logo得打車券的活動或者女神微笑出行預熱啥的,和用戶蹭個臉熟。
    對新app的logo充滿了陌生和距離感。

    來自廣東 回復
  6. 設計同質化越來越嚴重,這并不是一件好事。滴滴打車已經很火了,用戶只關心好不好用,logo設計的好不好看無所謂,而且我感覺改完之后更好看了。

    來自北京 回復