略丑的“支”

赭（zhě）隱是一名設(shè)計(jì)師，他供職于一家掌管著 2 億中國(guó)人移動(dòng)支付安全的公司——支付寶錢包。不巧的是，這份工作并不討人喜歡，支付寶錢包的應(yīng)用圖標(biāo)一直以來都飽受爭(zhēng)議。批評(píng)者中不乏名人大V。

春節(jié)期間，這種批評(píng)之聲來得尤為猛烈。因?yàn)椋Ц秾氬X包在“支”字圖標(biāo)底部簡(jiǎn)單粗暴地新增了一行“億萬紅包”紅色橫幅，讓其比之前更加難以接受。

雖然好看或丑陋都是個(gè)人的純主觀感受，但問來問去，支付寶錢包的圖標(biāo)似乎確實(shí)丟失了一些“美感”。那么，如果中文漢字圖標(biāo)不好看，為什么支付寶還會(huì)考慮以漢字“支”作為圖標(biāo)呢？

當(dāng)我將這個(gè)疑問拋向赭隱時(shí)，雖然并不直接設(shè)計(jì)“支”字圖標(biāo)，但他也不忘吐苦水，“通常情況下，設(shè)計(jì)一款應(yīng)用圖標(biāo)需要考慮諸多因素，好看與否只是其一。辨識(shí)度有時(shí)可能是首要考慮因素。”赭隱認(rèn)為，對(duì)中國(guó)用戶來說，中文漢字圖標(biāo)的辨識(shí)度相對(duì)比較高，才容易建立起產(chǎn)品與用戶之間的直接聯(lián)系，讓用戶第一眼看上去就知道這是哪家的產(chǎn)品。“支”字當(dāng)然會(huì)讓用戶立刻聯(lián)想到支付寶，而非其他產(chǎn)品。

品牌延續(xù)性也是設(shè)計(jì)支付寶錢包圖標(biāo)時(shí)的重要因素。2013年6月份，支付寶錢包移動(dòng)應(yīng)用 7.0 大版本更新時(shí)，支付寶錢包設(shè)計(jì)團(tuán)隊(duì)拋棄了之前的“支付寶”三個(gè)字，而選擇了“支”字作為新圖標(biāo)以延續(xù)品牌。“‘付’和‘寶’都不適合作為品牌形象吧。”赭隱說，“其實(shí)，‘支’字也并沒有那么難看。”

赭 隱所說的“不難看”可能更多指的是作為一款國(guó)民級(jí)應(yīng)用，它的功 能優(yōu)于其他。如果你和我一樣，是 2 億支付寶錢包的重度用戶之一，沒有將其刪除出空間有限的手機(jī)屏幕，一定是因?yàn)椤拔覀兓旧想y以離開它”——支付寶錢包已經(jīng)可以完成手機(jī)充值、繳納水電燃?xì)?費(fèi)、信用卡還款、余額寶理財(cái)?shù)鹊取?/p>

以支付寶為例，你可能也發(fā)現(xiàn)了，移動(dòng)應(yīng)用同樣是一個(gè)看臉的世界。在面對(duì)一款應(yīng)用時(shí)，你僅能憑借寥寥的介紹文字，幾張應(yīng)用截圖，和一個(gè)應(yīng)用圖標(biāo)來決定是否下載。比起文字或截圖，有時(shí)候圖標(biāo)可能會(huì)成為最關(guān)鍵的決定因素。

簡(jiǎn) 單來說，應(yīng)用圖標(biāo)可以被劃分為兩大類：文字和圖形。前者直接簡(jiǎn) 單地讓用戶知曉他正在使用的是哪一款產(chǎn)品，例如 facebook 的“ f ”，淘寶的“淘”；后者容易讓用戶從一大堆密密麻麻的文字圖標(biāo)中立刻將其識(shí)別出來，例如星巴克的“雙尾美人魚”圖形，微信的“聊天氣泡”圖形。

并不能籠統(tǒng)地就認(rèn)為，圖形圖標(biāo)就一定優(yōu)于文字圖標(biāo)。但一款設(shè)計(jì)精美的圖形圖標(biāo)不僅能夠鶴立雞群，也能夠讓用戶直接將其與產(chǎn)品映射連接起來。然而，文字圖標(biāo)則容易淹沒在應(yīng)用大潮中，幾近與“美觀”無緣，尤其是全世界最復(fù)雜文字之一的中文漢字。

不難看的“知”

赭隱和支付寶錢包的煩惱主要在于，在保證支付寶錢包品牌一致性和圖標(biāo)與產(chǎn)品最直接的映射關(guān)系的基礎(chǔ)上，如何讓用戶接受并習(xí)慣“支”字圖標(biāo)。與赭隱一樣，同為設(shè)計(jì)師的李奇似乎并沒有這樣的煩惱。

李奇在中國(guó)最知名的問答社區(qū)網(wǎng)站“知乎”工作。與支付寶一樣，知乎的應(yīng)用圖標(biāo)同樣采用了中文漢字“知”。然而，李奇和知乎團(tuán)隊(duì)受到的批評(píng)小得多。在他看來，原因之一可能是知乎很少變。

2011 年 9 月上線至今，知乎的圖標(biāo)沒有發(fā)生任何變化。相較之下，支付寶粗略計(jì)算已經(jīng)換過了至少4 種圖標(biāo)。

三 年前，將知乎從網(wǎng)頁搬到手機(jī)端時(shí)，李奇和其團(tuán)隊(duì)并未在圖標(biāo)設(shè) 計(jì)上糾結(jié)太長(zhǎng)時(shí)間——延續(xù)品牌成為了知乎的首要目的。當(dāng)時(shí)，除了“知”，“知乎”兩個(gè)中文漢字的圖標(biāo)也是一個(gè)備選方案。不過，考慮到 iOS 圖標(biāo)是圓角矩形，而“知乎”兩個(gè)字在視覺上是長(zhǎng)條矩形，最終才選擇了一個(gè)漢字的“知”。

設(shè)計(jì)師李奇承認(rèn)，純文字很有可能會(huì)讓圖標(biāo)失去特色和辨識(shí)度，整個(gè)應(yīng)用會(huì)被淹沒在應(yīng)用的汪洋大海里。因此在將其作為應(yīng)用圖標(biāo)時(shí)，設(shè)計(jì)師通常會(huì)考慮從字體、形態(tài)等角度去修飾它，讓它變得容易被接受。拿知乎舉例，為了避免“知”字對(duì)用戶造成審美疲勞，知乎設(shè)計(jì)師對(duì)“知”字右邊的“口”進(jìn)行了斜角特殊處理，讓“知”字看起來不至于太過生硬。

此外，“內(nèi)容社區(qū)”的屬性也幫助知乎用戶更多將注意力放在了圖標(biāo)之外的地方。例如，應(yīng)用內(nèi)交互動(dòng)畫是否適宜，問答是否方便，以及是否能夠分享答案等。知乎應(yīng)用上架 App Store 后不久，知乎上就誕生了一個(gè)問題“為什么知乎的 iOS app 不能發(fā)表答案？”。顯然，知乎用戶的優(yōu)先關(guān)注點(diǎn)并不在應(yīng)用圖標(biāo)上。

有 意思的是，知乎團(tuán)隊(duì)的第二款移動(dòng)端產(chǎn)品——知乎日?qǐng)?bào)，并沒有 延續(xù)知乎以中文漢字作為應(yīng)用圖標(biāo)的傳統(tǒng)，而是選擇了圖形圖標(biāo)，“一個(gè)藍(lán)色背景的 3/4 圓”。李奇介紹稱，作為知乎的第一個(gè)子品牌，而且是完全誕生于移動(dòng)端的品牌，知乎日?qǐng)?bào)并沒有迫切需要在應(yīng)用圖標(biāo)上延續(xù)之前的風(fēng)格。知乎日?qǐng)?bào)的圖標(biāo)出處是 iOS 下拉刷新時(shí)出現(xiàn)的一個(gè)環(huán)形圖標(biāo)，寓意是知乎希望用戶每天用日?qǐng)?bào)刷新知識(shí)。”

誠(chéng)然，這樣的寓意契合知乎日?qǐng)?bào)的產(chǎn)品屬性，但知乎日?qǐng)?bào)的圖標(biāo)實(shí)際上并沒有做到獨(dú)特而美觀。早在誕生之初，就有人指出，知乎日?qǐng)?bào)與 2011 年就推出的云端記事本應(yīng)用 Catch Notes 應(yīng)用圖標(biāo)相似——后者的圖標(biāo)是一個(gè)橙色背景的 3/4 圓。

李奇稱，Catch Notes 的“3/4 圓”圖標(biāo)其實(shí)是來自首字母“C”，知乎日?qǐng)?bào)的圖標(biāo)與其不一樣，因此并不能將二者混為一談。但看起來，知乎日?qǐng)?bào)容易引起歧義的圖形圖標(biāo)并不能算作一個(gè)特別優(yōu)秀的作品，至少并不比知乎的“知”高明很多。

難說好看不好看的“豆”

從中文漢字圖標(biāo)到圖形圖標(biāo)，知乎用行動(dòng)證明了圖形圖標(biāo)并不一定比中文漢字圖標(biāo)好。而豆瓣則走上了另一條路：從圖形圖標(biāo)走回了中文字體圖標(biāo)。

一直以來，以文藝著稱的豆瓣在移動(dòng)端都被吐槽“方向錯(cuò)誤”和“太過混亂”。在去年 8 月份推出“豆瓣 app”之前，豆瓣總共在移動(dòng)端推出過 11 款應(yīng)用。其中，最早的是誕生于 2010 年 2 月的“豆瓣FM”，最晚的是誕生于 2014 年 5 月的豆瓣一刻。“一個(gè) app 只做一件事”的原則被豆瓣體現(xiàn)得淋漓盡致。

過去，擬物化（skeuomorphism）設(shè)計(jì)盛行，豆瓣如其他團(tuán)隊(duì)一樣，在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)傾向于使用圖形來傳遞信息。除了豆瓣東西的應(yīng)用圖標(biāo)算作是文字圖標(biāo)，豆瓣出品的其余 10 款應(yīng)用的圖標(biāo)都是圖形圖標(biāo)。可以說，豆瓣是一家偏愛圖形圖標(biāo)的公司。

不 過，豆瓣系應(yīng)用在圖形表達(dá)上有著比較明顯的差異。有的應(yīng)用圖 標(biāo)很容易讓用戶理解，例如，豆瓣FM 的圖標(biāo)是一個(gè)收音機(jī)，豆瓣電影的圖標(biāo)是一部分膠卷放映機(jī)，豆瓣音樂人的圖標(biāo)是一段音樂頻譜等。有的應(yīng)用圖標(biāo)則容易讓人摸不著頭腦，例如豆瓣小組的圖標(biāo)是一 個(gè)編制環(huán)（寓意交流溝通？），豆瓣閱讀的圖標(biāo)是一只鳥，豆瓣一刻的圖標(biāo)像是一塊碎了一角的餅干。

前 豆瓣閱讀產(chǎn)品經(jīng)理小魚告訴我說，豆瓣閱讀圖標(biāo)上的鳥名為鹡鸰 （jí líng），寓意自由。鳥背后有一段文字，取自 20 世紀(jì)世界文學(xué)史上最偉大小說家之一的馬賽爾·普魯斯特（Marcel Proust）代表作《追憶逝水年華》七部曲之二的《在少女們身旁》（à l’ombre des jeunes filles en fleurs）。

顯然，豆瓣閱讀的這一圖標(biāo)符合豆瓣整體的文藝氣質(zhì)。如果你看得懂這只鳥和普魯斯特的名作，也許能夠建立起它與豆瓣閱讀的聯(lián)系。盡管這種聯(lián)系似乎有些晦澀，但如果豆瓣閱讀直接以“閱讀”、“閱”、“讀”等中文漢字作為圖標(biāo)，恐怕也無益于豆瓣閱讀的品牌樹立。

“在當(dāng)時(shí)，豆瓣閱讀需要突顯其‘自出版平臺(tái)’的特質(zhì)，因此以普魯斯特的名作作為圖標(biāo)可能更容易引起用戶的共鳴。”小魚表示，相比起文字，人腦對(duì)圖形的記憶更加容易。因此，豆瓣閱讀從來都未考慮過使用中文漢字作為圖標(biāo)。在這一圖標(biāo)之前，豆瓣閱讀還有過一版圖標(biāo)是一個(gè)坐在椅子上安靜讀書的女人。

有趣的是，豆瓣在去年中旬開始“幡然醒悟”，推出了一款整合了書、影、音、活動(dòng)的“豆瓣 app”。在這款應(yīng)用上，豆瓣推翻了過去的種種原則，包括用中文漢字圖標(biāo)“豆”取代了曾經(jīng)偏愛的圖形圖標(biāo)。

測(cè)試階段，豆瓣團(tuán)隊(duì)曾有兩個(gè)應(yīng)用圖標(biāo)的替代方案：一個(gè)是“書、膠卷放映機(jī)、電視、五角星”四個(gè)小圖標(biāo)集合的大圖標(biāo)；一個(gè)是更簡(jiǎn)潔的綠色五角星圖標(biāo)。不過最終，一個(gè)更直接的“豆”字得到了豆瓣團(tuán)隊(duì)的青睞。

小魚并沒有參與到豆瓣應(yīng)用的開發(fā)設(shè)計(jì)當(dāng)中，但她認(rèn)為，豆瓣在思變過程中，并沒有設(shè)定一個(gè)嚴(yán)格的標(biāo)準(zhǔn)要求豆瓣應(yīng)用必須使用中文圖標(biāo)或者圖形圖標(biāo)。只不過，在當(dāng)時(shí)的情境下，中文漢字圖標(biāo)更為適合。

“一款好的應(yīng)用圖標(biāo)最本質(zhì)的特征是能夠占領(lǐng)人們腦子里的空隙。首先它必須是簡(jiǎn)單的，其次是能夠與產(chǎn)品建立起聯(lián)系。在當(dāng)下，豆瓣團(tuán)隊(duì)可能認(rèn)為‘豆’字更容易達(dá)成這個(gè)目的。至于五角星或其他圖標(biāo)，一不簡(jiǎn)單，二與產(chǎn)品建立的聯(lián)系不直接。”小魚說。

不好評(píng)價(jià)從圖形圖標(biāo)到文字圖標(biāo)的這一變化是否正確，但用在當(dāng)下的豆瓣身上，可能是最合適的舉動(dòng)。去年 12 月，蘋果中國(guó)區(qū)評(píng)選了 25 款年度優(yōu)秀應(yīng)用，豆瓣位列其一，這或許可以看做是對(duì)豆瓣思變的一種側(cè)面肯定。

字體圖標(biāo) VS 圖形圖標(biāo)

與豆瓣一樣被評(píng)選為蘋果中國(guó)區(qū)年度優(yōu)秀應(yīng)用的榫卯團(tuán)隊(duì)，他們左手一個(gè)圖形圖標(biāo)，右手一個(gè)中文漢字圖標(biāo)。

“榫卯”是中國(guó)古代建筑中用于連接多個(gè)木構(gòu)件的一種常用方式。在當(dāng)下，人們對(duì)傳統(tǒng)木藝概念越來越模糊。榫卯團(tuán)隊(duì)打造了這一款應(yīng)用，旨在向現(xiàn)代人展示這一特殊的傳統(tǒng)文化。應(yīng)用內(nèi)主要介紹了 27 種常見的榫卯結(jié)構(gòu)和相關(guān)的木料、器具、歷史等知識(shí)。

考 慮到當(dāng)代人對(duì)“榫”“卯”二字及其背后所代表的事物不甚了 解，榫卯團(tuán)隊(duì)在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)，并未有過多猶豫便選擇了一個(gè)三維結(jié)構(gòu)的榫卯圖形，而不是文字圖標(biāo)。當(dāng)然，作為一款注重內(nèi)容、設(shè)計(jì)精美、交互酷炫的應(yīng)用，榫 卯如果搭配一個(gè)簡(jiǎn)單樸素文字圖標(biāo)作為外殼，或許會(huì)產(chǎn)生一種別扭的違和感。

在榫卯設(shè)計(jì)師耿凌飛看來，圖形遠(yuǎn)比文字更容易傳遞信息，不過在決定一款應(yīng)用該使用哪種圖標(biāo)時(shí)，需要考量產(chǎn)品是什么類型。“以榫卯為例，偏重游戲或娛樂的應(yīng)用，一般選擇圖形圖標(biāo)更討巧，容易引起用戶興趣；而傾向于表達(dá)嚴(yán)肅性內(nèi)容的應(yīng)用則更愿意選擇中文圖標(biāo)，中文漢字圖標(biāo)更加專一，不會(huì)產(chǎn)生任何歧義。”

榫卯團(tuán)隊(duì)的另一款作品——專為一席團(tuán)隊(duì)開發(fā)的移動(dòng)端應(yīng)用“一席”——便與榫卯完全不一樣，它的應(yīng)用圖標(biāo)是中文漢字一席的“席”。

耿凌飛介紹稱，一席經(jīng)過兩三年時(shí)間的發(fā)展，已經(jīng)樹立了自己獨(dú)特的品牌。將其搬到移動(dòng)端來，選用“席”字作為圖標(biāo)可能更容易幫助延續(xù)品牌統(tǒng)一性。而且，一席是一個(gè)偏文化的應(yīng)用，如果在設(shè)計(jì)圖形時(shí)做不好，很有可能失去一席本身的氣息。“相對(duì)來說，文字是一個(gè)保守的選擇。”

旗下?lián)碛袃煽罱厝徊煌膽?yīng)用，榫卯團(tuán)隊(duì)似乎有資格就應(yīng)用圖標(biāo)設(shè)計(jì)說點(diǎ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)丑嗎？對(duì)熟 悉它并已經(jīng)產(chǎn)生審美疲勞的中國(guó)人來說，恐怕是的。但它就一定不能用嗎？并非如此。四位設(shè)計(jì)師講訴了在設(shè)計(jì)自家產(chǎn)品時(shí)，他們?yōu)楹螘?huì)選擇中文漢字圖標(biāo)。至于怎 樣使用中文漢字圖標(biāo)才不會(huì)讓用戶產(chǎn)生嫌棄感，可能他們也無法表達(dá)得通俗易懂。所以，一切都留給讀者你去思考。

文章轉(zhuǎn)自：PingWest品玩 作者：驚濤