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