漢字的產(chǎn)生就是我們的祖先對于一類人類活動或者事物所進(jìn)行的抽象化的描述。我們曾經(jīng)的表意字,也是象形文字的一種,而后演變成篆書,就是一個對事物描述抽象化之后再符號化的過程。古埃及人和古瑪雅人也都會在他們的壁畫、雕刻上留下抽象的表達(dá)具體活動和事物的圖形。
我想把符號化設(shè)計分為兩種,一種是擬物設(shè)計的符號化,用一種通用的事物的具體形象來表示。通常是用一些有透視感的,有厚度的立體圖形;另一種是純粹的符號化,純粹的平面圖形,用簡單的線條和配色來表示。
擬物設(shè)計就是盡量還原物品本身的樣子來進(jìn)行虛擬視覺元素的設(shè)計。擬物設(shè)計中極具代表性的就是蘋果App Store里的那些蘋果自己設(shè)計的應(yīng)用程序圖標(biāo)。有一個有趣的細(xì)節(jié),在App Store里圖標(biāo)是沒有使用統(tǒng)一光澤的,開發(fā)者可以選擇是否使用該光澤,如下圖中的弧形光澤,但是在iPad或者iPhone上用了一個展示燈的光澤,這也是個擬物設(shè)計的效果。
上圖中鋼筆加一瓶墨水的是蘋果Pages應(yīng)用,主要用于文檔編輯,講臺上放著一張發(fā)言稿的是Keynote重要備忘應(yīng)用,紅色幕布、舞臺、五角星和錄像機是iMovie電影制作應(yīng)用(電影文化),一本書的是iBook,一把吉他的是GarageBand(車庫樂隊文化),一朵云的是iCloud。以iMovie為例,它擷取了舞臺、幕布、設(shè)錄像機、星光大道上的五角星來組合成一個電影制作應(yīng)用,這些元素的色彩和質(zhì)感是擬物的,還原真實的,并且是電影文化的代表特征。而這些東西就成了“電影制作”這個應(yīng)用程序要表達(dá)的意思,選取共性還原真實。就像Pages,鋼筆加墨水很普通常見的現(xiàn)實中文檔處理的工具,選取這個通俗的共同工具,形象上還原真實,就成為文檔處理的符號。雖然它們都是還原真實的,但又都是抽象的,所以是一種符號化的設(shè)計,有些還有文化符號。
以前有看過報道說Scott Forstall是Jobs的忠實擁躉,擬物設(shè)計也是做到了極致,我想是有些過火了,Jonathan Ive就很擅長在擬物和抽象中取得平衡。
另外一種是純粹的符號化。其實我不知道純粹這個詞在這里是不是合適。Android的系統(tǒng)設(shè)置中各個選項的圖標(biāo)和Windows Phone的系統(tǒng)應(yīng)用圖標(biāo),例如電話、短信、人脈都是純粹符號化的典型。
[Page: ]
上面兩張圖是安卓4.0的設(shè)置菜單,中間的是安卓4.0系統(tǒng)電源管理的圖標(biāo),下面一張是Windows Phone的主界面,顯然,這些圖標(biāo)的設(shè)計都是將實際物體的造型做了最大程度的抽象,只保留其最鮮明的特征。比如第一張圖的電池、聲音,第二張圖的日期、安全,還有電源管理中的WIFI、藍(lán)牙、GPS;Windows Phone中的相機、電話、消息、設(shè)置,這些都是將事物的最鮮明特征抽象成最簡單純粹的平面圖形,電話是一個聽筒,安全是一把鎖,相機是一個簡單的相機造型等。有一個細(xì)節(jié)是Windows Phone的音樂用的是Zune的標(biāo)志,那是不是意味著微軟還有重回播放器市場的野心?
[Page: ]
(注意其背殼上部的標(biāo)志)
WP中音樂應(yīng)用使用了這個標(biāo)志也是視覺識別(VI)的體現(xiàn),要將自己提供的音樂服務(wù)打上這個烙印。企業(yè)有好的、鮮明的VI是成功CI的一部分。
自從微軟開始做Metro UI(現(xiàn)在叫Modern UI),WP,Win8之后,微軟的符號化就越來越明顯, 把自己的logo都改成了四個方塊。我個人很欣賞這種在滿世界都是矩形圓角的時候突然來了一個看似偷懶的滑動瓷片界面設(shè)計的勇氣,而且這個設(shè)計也很優(yōu)秀。
WP系統(tǒng)和iOS在應(yīng)用程序開發(fā)上給了開發(fā)者們更多的限制,在圖標(biāo)整體形狀和構(gòu)圖上就要比安卓整齊劃一的多,安卓的開放性使得其不可避免的碎片化,令安卓系統(tǒng)的應(yīng)用程序圖標(biāo)設(shè)計總體顯得比較亂。
[Page: ]
符號化設(shè)計對于設(shè)計風(fēng)格統(tǒng)一性有著天生的優(yōu)越,Windows Phone就是個典型。這里我很想用“設(shè)計熵”的理論來解釋這個問題(關(guān)于設(shè)計熵可以見這里)。熵本是化學(xué)中衡量物質(zhì)運動有序程度的量度,熵越大表示越無序,反之越有序。統(tǒng)一有序的設(shè)計能夠形成一個鮮明的風(fēng)格,就像iOS的擬物設(shè)計和WP、安卓的符號化風(fēng)格越鮮明則設(shè)計熵越小,設(shè)計越有序。越低的設(shè)計熵,越鮮明的風(fēng)格,能夠形成越鮮明的產(chǎn)品VI,就能給用戶最直觀的企業(yè)識別。好的企業(yè)識別可以給產(chǎn)品設(shè)計錦上添花。
符號化設(shè)計的前提或者說基礎(chǔ)就是用戶的使用經(jīng)驗,人對事物的抽象認(rèn)識就是來源于對大量經(jīng)驗的總結(jié)、抽象化。有的時候還是利用戶對其他抽象事物的認(rèn)識。就像前文中安卓設(shè)置菜單里的“顯示”選項是用了電視機、電腦屏幕顯示屏調(diào)節(jié)中常見的“對比度”的圖標(biāo)。用戶對傳統(tǒng)產(chǎn)品的使用經(jīng)驗在前,那么在設(shè)計的時候就可以根據(jù)這種使用經(jīng)驗在進(jìn)行界面視覺元素的設(shè)計,借鑒其已有的交互操作經(jīng)驗,這樣可以減少設(shè)計成本,減少用戶使用時的產(chǎn)品適應(yīng)成本,提高產(chǎn)品易用性,優(yōu)化用戶體驗。