漢字的產(chǎn)生就是我們的祖先對(duì)于一類人類活動(dòng)或者事物所進(jìn)行的抽象化的描述。我們?cè)?jīng)的表意字，也是象形文字的一種，而后演變成篆書，就是一個(gè)對(duì)事物描述抽象化之后再符號(hào)化的過程。古埃及人和古瑪雅人也都會(huì)在他們的壁畫、雕刻上留下抽象的表達(dá)具體活動(dòng)和事物的圖形。

　　我想把符號(hào)化設(shè)計(jì)分為兩種，一種是擬物設(shè)計(jì)的符號(hào)化，用一種通用的事物的具體形象來表示。通常是用一些有透視感的，有厚度的立體圖形；另一種是純粹的符號(hào)化，純粹的平面圖形，用簡單的線條和配色來表示。

　　擬物設(shè)計(jì)就是盡量還原物品本身的樣子來進(jìn)行虛擬視覺元素的設(shè)計(jì)。擬物設(shè)計(jì)中極具代表性的就是蘋果App Store里的那些蘋果自己設(shè)計(jì)的應(yīng)用程序圖標(biāo)。有一個(gè)有趣的細(xì)節(jié)，在App Store里圖標(biāo)是沒有使用統(tǒng)一光澤的，開發(fā)者可以選擇是否使用該光澤，如下圖中的弧形光澤，但是在iPad或者iPhone上用了一個(gè)展示燈的光澤，這也是個(gè)擬物設(shè)計(jì)的效果。

　　上圖中鋼筆加一瓶墨水的是蘋果Pages應(yīng)用，主要用于文檔編輯，講臺(tái)上放著一張發(fā)言稿的是Keynote重要備忘應(yīng)用，紅色幕布、舞臺(tái)、五角星和錄像機(jī)是iMovie電影制作應(yīng)用（電影文化），一本書的是iBook，一把吉他的是GarageBand（車庫樂隊(duì)文化），一朵云的是iCloud。以iMovie為例，它擷取了舞臺(tái)、幕布、設(shè)錄像機(jī)、星光大道上的五角星來組合成一個(gè)電影制作應(yīng)用，這些元素的色彩和質(zhì)感是擬物的，還原真實(shí)的，并且是電影文化的代表特征。而這些東西就成了“電影制作”這個(gè)應(yīng)用程序要表達(dá)的意思，選取共性還原真實(shí)。就像Pages，鋼筆加墨水很普通常見的現(xiàn)實(shí)中文檔處理的工具，選取這個(gè)通俗的共同工具，形象上還原真實(shí)，就成為文檔處理的符號(hào)。雖然它們都是還原真實(shí)的，但又都是抽象的，所以是一種符號(hào)化的設(shè)計(jì)，有些還有文化符號(hào)。

　　以前有看過報(bào)道說Scott Forstall是Jobs的忠實(shí)擁躉，擬物設(shè)計(jì)也是做到了極致，我想是有些過火了，Jonathan Ive就很擅長在擬物和抽象中取得平衡。

　　另外一種是純粹的符號(hào)化。其實(shí)我不知道純粹這個(gè)詞在這里是不是合適。Android的系統(tǒng)設(shè)置中各個(gè)選項(xiàng)的圖標(biāo)和Windows Phone的系統(tǒng)應(yīng)用圖標(biāo)，例如電話、短信、人脈都是純粹符號(hào)化的典型。

[Page: ]

　　上面兩張圖是安卓4.0的設(shè)置菜單，中間的是安卓4.0系統(tǒng)電源管理的圖標(biāo)，下面一張是Windows Phone的主界面，顯然，這些圖標(biāo)的設(shè)計(jì)都是將實(shí)際物體的造型做了最大程度的抽象，只保留其最鮮明的特征。比如第一張圖的電池、聲音，第二張圖的日期、安全，還有電源管理中的WIFI、藍(lán)牙、GPS；Windows Phone中的相機(jī)、電話、消息、設(shè)置，這些都是將事物的最鮮明特征抽象成最簡單純粹的平面圖形，電話是一個(gè)聽筒，安全是一把鎖，相機(jī)是一個(gè)簡單的相機(jī)造型等。有一個(gè)細(xì)節(jié)是Windows Phone的音樂用的是Zune的標(biāo)志，那是不是意味著微軟還有重回播放器市場的野心？

[Page: ]

（注意其背殼上部的標(biāo)志）

　　WP中音樂應(yīng)用使用了這個(gè)標(biāo)志也是視覺識(shí)別（VI）的體現(xiàn)，要將自己提供的音樂服務(wù)打上這個(gè)烙印。企業(yè)有好的、鮮明的VI是成功CI的一部分。

　　自從微軟開始做Metro UI（現(xiàn)在叫Modern UI），WP，Win8之后，微軟的符號(hào)化就越來越明顯， 把自己的logo都改成了四個(gè)方塊。我個(gè)人很欣賞這種在滿世界都是矩形圓角的時(shí)候突然來了一個(gè)看似偷懶的滑動(dòng)瓷片界面設(shè)計(jì)的勇氣，而且這個(gè)設(shè)計(jì)也很優(yōu)秀。

　　WP系統(tǒng)和iOS在應(yīng)用程序開發(fā)上給了開發(fā)者們更多的限制，在圖標(biāo)整體形狀和構(gòu)圖上就要比安卓整齊劃一的多，安卓的開放性使得其不可避免的碎片化，令安卓系統(tǒng)的應(yīng)用程序圖標(biāo)設(shè)計(jì)總體顯得比較亂。

[Page: ]

　　符號(hào)化設(shè)計(jì)對(duì)于設(shè)計(jì)風(fēng)格統(tǒng)一性有著天生的優(yōu)越，Windows Phone就是個(gè)典型。這里我很想用“設(shè)計(jì)熵”的理論來解釋這個(gè)問題（關(guān)于設(shè)計(jì)熵可以見這里）。熵本是化學(xué)中衡量物質(zhì)運(yùn)動(dòng)有序程度的量度，熵越大表示越無序，反之越有序。統(tǒng)一有序的設(shè)計(jì)能夠形成一個(gè)鮮明的風(fēng)格，就像iOS的擬物設(shè)計(jì)和WP、安卓的符號(hào)化風(fēng)格越鮮明則設(shè)計(jì)熵越小，設(shè)計(jì)越有序。越低的設(shè)計(jì)熵，越鮮明的風(fēng)格，能夠形成越鮮明的產(chǎn)品VI，就能給用戶最直觀的企業(yè)識(shí)別。好的企業(yè)識(shí)別可以給產(chǎn)品設(shè)計(jì)錦上添花。

　　符號(hào)化設(shè)計(jì)的前提或者說基礎(chǔ)就是用戶的使用經(jīng)驗(yàn)，人對(duì)事物的抽象認(rèn)識(shí)就是來源于對(duì)大量經(jīng)驗(yàn)的總結(jié)、抽象化。有的時(shí)候還是利用戶對(duì)其他抽象事物的認(rèn)識(shí)。就像前文中安卓設(shè)置菜單里的“顯示”選項(xiàng)是用了電視機(jī)、電腦屏幕顯示屏調(diào)節(jié)中常見的“對(duì)比度”的圖標(biāo)。用戶對(duì)傳統(tǒng)產(chǎn)品的使用經(jīng)驗(yàn)在前，那么在設(shè)計(jì)的時(shí)候就可以根據(jù)這種使用經(jīng)驗(yàn)在進(jìn)行界面視覺元素的設(shè)計(jì)，借鑒其已有的交互操作經(jīng)驗(yàn)，這樣可以減少設(shè)計(jì)成本，減少用戶使用時(shí)的產(chǎn)品適應(yīng)成本，提高產(chǎn)品易用性，優(yōu)化用戶體驗(yàn)。