聊一聊手機(jī)里那些丑丑的圖標(biāo) 為啥那么設(shè)計(jì)?
轉(zhuǎn)載:PINGWEST
(數(shù)英網(wǎng)對原文稍有改動(dòng))
如果你也和我一樣,即使內(nèi)存早就不夠了,也舍不得刪除掉三款軟件,那一定是我們的生活離不開他們!
——支付寶(充值、繳納水電燃?xì)赓M(fèi)、信用卡還款、余額寶理財(cái)?shù)裙δ苋克脝幔。?br/>——知乎(裝逼,漲知識)
——豆瓣(裝逼,閱讀)
……
那么,手機(jī)里這么多APP圖標(biāo),大致怎么分類呢,簡單來說,應(yīng)用圖標(biāo)主要分為文字圖標(biāo)和圖形圖標(biāo)。
例如:facebook 的“ f ”,淘寶的“淘”;星巴克的“雙尾美人魚”圖形,微信的“聊天氣泡”圖形。后者容易讓用戶從一大堆密密麻麻的文字圖標(biāo)中立刻將其識別出來。
接下來看看大家心目中的四大應(yīng)用圖標(biāo)排名榜,以及他們到底是怎么“造”出來的吧~~
一、排行榜第四名:略丑的 “支”
上榜感言:辨識度高,品牌延續(xù)性好
雖然大多數(shù)人用支付寶的頻率越來越高,但它的應(yīng)用圖標(biāo)卻一直飽受爭議。春節(jié)期間,支付寶錢包在“支”字圖標(biāo)底部簡單粗暴地新增了一行“億萬紅包”紅色橫幅,讓其形象更是大打折扣。
文字圖標(biāo)辨識度高
設(shè)計(jì)師赭隱表示,對中國用戶來說,中文漢字圖標(biāo)的辨識度相對比較高,容易建立起產(chǎn)品與用戶之間的直接聯(lián)系,讓用戶第一眼看上去就知道這是哪家的產(chǎn)品?!爸А弊之?dāng)然會讓用戶立刻聯(lián)想到支付寶。
品牌延續(xù)性也是設(shè)計(jì)支付寶錢包圖標(biāo)時(shí)的重要因素
2013年6月份,支付寶錢包移動(dòng)應(yīng)用 7.0 大版本更新時(shí),設(shè)計(jì)師拋棄了之前的“支付寶”三個(gè)字,根據(jù)用戶習(xí)慣,直接去掉了“付”、“寶”,選擇“支”字作為新圖標(biāo)以延續(xù)品牌。
二、排行榜第三名:不難看的“知”
上榜感言:延續(xù)品牌、與產(chǎn)品內(nèi)容屬性相關(guān)
“知”的設(shè)計(jì)師李奇承認(rèn)中文漢字圖標(biāo)的確不容易好看,因此為避免“知”字對用戶造成審美疲勞,設(shè)計(jì)師對“知”字右邊的“口”進(jìn)行了斜角特殊處理,讓“知”字看起來不至于太過生硬。
用戶更關(guān)注內(nèi)容社區(qū)
知乎非常注重交互動(dòng)畫是否適宜,問答是否方便,以及是否能夠分享答案等用戶體驗(yàn),例如,在它上架 App Store 后不久,知乎上就誕生了一個(gè)問題“為什么知乎的 iOS app 不能發(fā)表答案?”。顯然,知乎用戶的優(yōu)先關(guān)注點(diǎn)并不在應(yīng)用圖標(biāo)上。
有意思的是,知乎日報(bào)沒有沿用中文圖標(biāo),卻選擇了“一個(gè)藍(lán)色背景的 3/4 圓”。你很難斷言,知乎日報(bào)模仿了 Catch Notes,但知乎日報(bào)的應(yīng)用圖標(biāo)顯然談不上很優(yōu)秀,至少并不比知乎的“知”高明很多。
三、排行榜第二名:難說好看不好看的“豆”
上榜感言:從圖形圖標(biāo)走回了中文字體圖標(biāo)
在去年 8 月份推出“豆瓣 app”之前,豆瓣總共在移動(dòng)端推出過 11 款應(yīng)用。除了豆瓣東西,其它10 款都是圖形圖標(biāo),所以這也是大家一致認(rèn)為豆瓣圖標(biāo)“太混亂”的理由。但豆瓣一直堅(jiān)持“不改”。
豆瓣前期偏愛圖形圖標(biāo)
前豆瓣閱讀產(chǎn)品經(jīng)理小魚認(rèn)為,比起文字,人腦對圖形的記憶更容易。豆瓣閱讀圖標(biāo)上的鳥名為鹡鸰(jí líng),寓意自由。鳥背后的文字,取自馬賽爾?普魯斯特的代表作《追憶逝水年華》,此前是一個(gè)坐在椅子上安靜讀書的女人。
后來,豆瓣突然“醒悟”, 改變以往一款一個(gè)調(diào)性,直接放棄了以“書、膠卷放映機(jī)、電視、五角星”四個(gè)小圖標(biāo)集合的大圖標(biāo)、簡潔的綠色五角星圖標(biāo),最終以一個(gè)更直接的“豆”字受到青睞。
去年 12 月,蘋果中國區(qū)評選了 25 款年度優(yōu)秀應(yīng)用,豆瓣位列其一,這或許可以看做是對豆瓣思變的一種側(cè)面肯定。
四、排行榜第一名:榫卯的圖形圖標(biāo)和中文圖標(biāo)
上榜感言:圖形圖標(biāo)“榫卯”更形象、生動(dòng),偏互動(dòng);中文圖標(biāo)“席”是沿襲,偏文化,相對保守
與豆瓣一樣被評選為蘋果中國區(qū)年度優(yōu)秀應(yīng)用的榫卯團(tuán)隊(duì),他們左手一個(gè)圖形圖標(biāo),右手一個(gè)中文漢字圖標(biāo)。榫卯應(yīng)用開發(fā)旨在展示傳統(tǒng)文化,考慮到大多數(shù)人對“榫”“卯”二字的不熟悉,設(shè)計(jì)師選擇了一個(gè)三維結(jié)構(gòu)的榫卯圖形,而不是文字圖標(biāo)。
榫卯設(shè)計(jì)師耿凌飛認(rèn)為,圖形遠(yuǎn)比文字更容易傳遞信息,但在決定使用哪種圖標(biāo)時(shí),更應(yīng)該考慮產(chǎn)品屬性。
以榫卯為例,偏重游戲或娛樂的應(yīng)用,一般選擇圖形圖標(biāo)更討巧,容易引起用戶興趣。
而傾向于表達(dá)嚴(yán)肅性內(nèi)容的應(yīng)用則更愿意選擇中文圖標(biāo),中文漢字圖標(biāo)更加專一,不會產(chǎn)生任何歧義。這也正好解釋了,榫卯團(tuán)隊(duì)的另一款作品“一席”為什么使用中文漢字的“席”作為應(yīng)用圖標(biāo)。
大總結(jié):
旗下?lián)碛袃煽罱厝徊煌膽?yīng)用,榫卯團(tuán)隊(duì)就應(yīng)用圖標(biāo)似乎最有發(fā)言權(quán)。
耿凌飛認(rèn)為,應(yīng)用圖標(biāo)最基本的功能是連接用戶與產(chǎn)品的一種媒介,它必須能夠準(zhǔn)確表達(dá)產(chǎn)品意思,提供產(chǎn)品信息。其次,運(yùn)用視覺設(shè)計(jì)、圖形提煉、色彩運(yùn)用等等,設(shè)計(jì)師可以讓一款圖標(biāo)變得好看起來,不論它是漢字圖標(biāo)或是圖形圖標(biāo)。如果涉及到扁平化或擬物化的選擇時(shí),當(dāng)然得明白一點(diǎn):設(shè)計(jì)是用來解決問題,不是炫技的。“該擬物時(shí)擬物、該扁平時(shí)扁平”才是一款好的應(yīng)用及其圖標(biāo)應(yīng)該遵循的原則。
看到這里,也許你心里已經(jīng)有了一桿秤。中文漢字圖標(biāo)丑嗎?對熟悉它并已經(jīng)產(chǎn)生審美疲勞的中國人來說,恐怕是的。但它就一定不能用嗎?并非如此。
四位設(shè)計(jì)師講訴了在設(shè)計(jì)自家產(chǎn)品時(shí),他們?yōu)楹螘x擇中文漢字圖標(biāo)。
至于怎樣使用中文漢字圖標(biāo)才不會讓用戶產(chǎn)生嫌棄感,可能他們也無法表達(dá)得通俗易懂。所以,一切都留給讀者你去思考。這里或許有一些反面教材可供參考——阿里系的淘點(diǎn)點(diǎn)、閑魚、去啊旅行、一淘等。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。




評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)