圖形用戶界面（簡稱GUI）的歷史一直都離不開隱喻，而這種設計手段的優(yōu)劣已經(jīng)有越來越多的辯論。時至今日，這種設計方法是否已經(jīng)過時？我們是否有更好的方式？傳統(tǒng)與新風格又將怎樣影響著我們呢？

隱喻作為一種主流的設計方式廣泛運用在界面設計中，它的歷史可以追溯到GUI的創(chuàng)造，經(jīng)典的例子便是桌面、文件夾、垃圾桶……這些老生常談概念。因為源于真實生活，隱喻的天然優(yōu)勢便是利用熟悉感幫助用戶理解和上手，并帶來親切感。雖然常被簡單地認為是模擬現(xiàn)實世界中的物體外觀（即擬物），但隱喻其實是一個綜合的手段：包括視覺層面的擬物；行為的模擬（常利用動畫效果加強）；以及對整體概念的利用。

擬物與行為隱喻

眾所周知，蘋果已經(jīng)將擬物設計演繹得爐火純青。先不說Mac OS X上各種材質(zhì)和復雜光影的寫實圖標，在iOS 6上滑竿的金屬圓形按鈕不僅模仿了金屬紋理，傾斜手機時還會像真的金屬一樣改變光澤的角度。蘋果的擬物已經(jīng)達到了對細節(jié)的精確追求，暫且不論這種極致求真的細節(jié)對體驗的提升到底有多大意義，但它符合蘋果所追求的品牌視覺風格。在一個追求真實的原則下，任何對真實細節(jié)的提升都是值得欽佩贊許的。

行為的隱喻同樣來自真實世界，但不像擬物那樣顯而易見，它伴隨著操作發(fā)生，自然而然。另外，有些網(wǎng)站的內(nèi)容在閱讀時，篇幅達到一定程度，滾動條往下翻滾就會在旁邊出現(xiàn)剩余篇幅的氣泡提示。告知用戶余下的內(nèi)容還有多少字，預估還剩下多少閱讀時間等，這就非常符合生活習慣，與之類似的還有Kindle底部的閱讀提示。

相較于蘋果的Skeuomorphs（擬物形），Metro設計原則堅持極簡、內(nèi)容優(yōu)先，強調(diào)排版、動態(tài)和真實的數(shù)字場景，與之產(chǎn)生的設計語言延伸到視覺風格便是不再利用Skeuomorphs，取而代之的是高度抽象的視覺符號和一再強調(diào)的信息，這無疑是一個顯眼的革新（當然Metro的革新遠不止于表面）。

那么真實的數(shù)字場景是否與隱喻不再關聯(lián)呢？回想一下Windows 8的邊緣交互支持上下左右滑動手勢，在真實世界中人們在一個工作臺上就可以完成多項工作，所需要的東西順手擷來而并非只能在臥室看書或只能在書房寫信。由此可見，如果要完全脫離真實世界，構建一個全新的世界觀并不現(xiàn)實。事實上，數(shù)字時代的隱喻更為深入和抽象，體現(xiàn)在行為、邏輯，甚至世界觀，所以才有真實這個前綴。當然深入到一定程度把它們稱之為隱喻并非那么合適了，但的確曾是以隱喻為起點的。

微軟的Metro一再強調(diào)信息，它們才是用戶關注的內(nèi)容。因此界面中省去了一些控件代替以手勢響應，而不能省略性地采用抽象符號。與之相反，傳統(tǒng)的系統(tǒng)和應用常會有一個容器包裹在信息之外，鑲嵌其間的控件圖標在視覺上做了不同程度的刻畫。于是在新舊觀念的沖擊下，信息之外的部分便開始曖昧不清了。

回歸之前所提，關于內(nèi)容本身如何界定還是一個問題。Metro認為信息才是內(nèi)容，其沉浸式是沉浸在信息的海洋中。而在傳統(tǒng)的界面中我們可以認為那些承載信息的容器環(huán)境也是內(nèi)容的一部分。因此，iOS的沉浸感強調(diào)的是整體氛圍的融合。

這樣看來，信息之外的內(nèi)容并非純裝飾。不過隨之帶來的問題主要有兩個：效率與風格。純信息的展示更為高效，幫助人們在繁忙的生活和海量的信息中更快得達成目的，是工具化的。而對于環(huán)境的渲染更適合調(diào)動情緒或者傳達某種生活的態(tài)度，例如游戲界面。而在更多的實際運用中，設計上常會有各種折衷。至于風格，則屬于審美的范疇而并非道德。審美涉及到品位，因人而異，并且總是與時代和歷史相關。打個不恰當?shù)谋确?，如果將GUI產(chǎn)生之前比作原始時代，那么擬物和Skeuomorphs更像是古典時期，也難怪有人說Metro是交互設計的包豪斯運動。不過歷史總是螺旋前進而非簡單直線，就算“大勢已去”，也總會存在各種回潮?；叵胛覀儸F(xiàn)在所處的語境，也許各取所長會是比較好的選擇。

微質(zhì)感的應用與權衡

提出微質(zhì)感的概念便是這種在效率和風格之間的權衡。所謂的微質(zhì)感是區(qū)別于Skeuomorphs的超質(zhì)感和 Metro高度抽象化之間的中間層次?！拔ⅰ笨梢岳斫鉃槲⑷跷⑿。⒑跗湮?。微本身是一種可選的程度而非定量。但這個程度并不寬廣，否則就失去了個性和品牌意義。

微意味著用盡可能少地添加達到目的，質(zhì)感具有隱喻的意味。也就是說靈活運用一點隱喻的手段解決問題而不泛濫。這有點類似深澤直人說的“這樣就好”。

超質(zhì)感的擬物圖像更像是一件藝術作品，它屬于圖像信息的范疇，卻不是十分適合當作圖標或控件。Pixelmator的功能圖標做了相當程度的精簡，但還是保留并強化了來自真實世界的光影材質(zhì)，它們看上去閃亮簇新。谷歌Chrome商店中的系列應用圖標則非常收斂，利用必要的符號傳達含義，點到為止，唯一一處額外添加的那塊陰影，起到畫龍點睛的作用。

“去之則嫌少，添之又嫌多”的狀態(tài)在實際使用中也隨處可見，例如Chrome商店中的谷歌地圖，去除了地圖細節(jié)后，雖然地標還是能夠清晰辨識，但這種減法使得地圖變得有些匪夷所思。因為擴散了它的指涉范圍，使其看上去像一個奇怪的方塊，還不如去掉更好。另外，去除投影并不影響其傳達含義，但是這樣的圖像比具備陰影的狀態(tài)缺少“張力”。從格式塔視知覺理論來看，無投影的圖標雖然更符合一個好的完形（更加對稱），但卻不能引起“力的緊張”。因為接近完形卻又有一些破壞的圖形暗示著好的形，從而能引發(fā)人們?nèi)ゼm正其不完美的形式而達到完美的狀態(tài)。這種緊張的過程意味著更多審美趣味，當然也取決于受眾的審美層次。

由此可見，微質(zhì)感具備的這種克制性效率充滿了“節(jié)儉”的品德，因為克制要求對細節(jié)反復斟酌。換言之，當細節(jié)減少到個位數(shù)時，那么就有充分的時間思考得更全面。從宏觀上看，微質(zhì)感的精簡也是一種勞動力的解放，節(jié)約的時間和精力可以去創(chuàng)作信息本身。

微質(zhì)感的應用需要遵循少量精煉的原則，在合適和重要的區(qū)域添加才能起到畫龍點睛的作用。Google Reader界面中的滾動導航部分，會出現(xiàn)陰影的效果，上方的節(jié)點隱匿在訂閱按鈕之下。但是滾動正文部分，滾動內(nèi)容直接消失在工具欄之后并沒有出現(xiàn)陰影。細想這種“不統(tǒng)一”也自有其道理，因為訂閱按鈕與導航原本只是通過間距排列并且寬度不一，出現(xiàn)陰影能夠比較好地暗示虛擬空間的延伸。但是閱讀區(qū)域與頂部的工具欄通過線已經(jīng)做了明顯分割，而且工具欄和Logo結合貫穿上方，閱讀區(qū)域在滾動過程中直接消失在工具欄下方也比較自然清楚。如果再添加陰影則顯得比較“重”，因為界面有兩個明顯的層疊，并且這種感受會隨著自適應屏幕的變寬而更明顯。

這種權衡需要從整體考慮。在極簡的界面中，按鈕的微量光影、空間層疊產(chǎn)生的微弱陰影都會凸顯而發(fā)揮作用。如果整體環(huán)境并沒有那么輕量，那么相應的控件則需要加重質(zhì)感才能匹配。層層疊加到一定程度后，也就不存在“微”了。

對比來說，Google Analytics界面相比Google Reader用了更多的線，營造了更厚的塊面感；因此，Google Analytics的導航用了更明顯的漸變，而在Google Reader上并不需要這樣的程度。分析原因，一部分是因為兩者的信息復雜程度不同，另一部分則是風格問題了。而本文微質(zhì)感提倡的“盡可能少”的原則，相較于Google Analytics則會偏向Google Reader的風格。

所以說，微質(zhì)感的權衡需要先考慮全局再雕琢細節(jié)。微質(zhì)感更適合簡潔原則下的設計，更適合工具型的產(chǎn)品界面。

微質(zhì)感“華麗”背后的功能

關于功能，則可以利用微質(zhì)感區(qū)分不同的信息模塊、暗示某種操作、營造虛擬空間、突出當前重點等。

首先，要營造信息模塊的歸屬感。避免通過直接排版進行信息歸屬；要所有信息更像是處于一個整體，歸屬更清晰，操作響應區(qū)域更廣。相較于圖像信息，數(shù)字信息的模塊只需要空間感的區(qū)隔便可以體現(xiàn)歸屬感。注重信息層次的對比并配合信息視覺化圖形更直觀地展示。

其次，要遵循自然的邏輯，比如時間、地點等。有些應用適合24小時制（例如計時軟件），但有些應用適合AM/PM小時制（例如記事軟件）。而對于微質(zhì)感擬物化設計來說，遵循自然邏輯的優(yōu)勢在地域選擇上體現(xiàn)得更為明顯。地域的分類如果單單按照名稱劃分，除了直轄市、省會之外很難按照一個特定的邏輯劃分，在需要尋找特定的省份時就會很不方便，通過擬物化用更自然的邏輯（比如地圖形式）去展現(xiàn)各地域模塊就會一目了然。

最后是動態(tài)過渡。隨著動態(tài)的轉場過渡越來越多地運用，常配合手勢使隱喻更為深入和自然，同時也傾向于將信息扁平化。衡量動畫的標準之一是流暢和自然，不過動畫的靈活程度和幅度也是需要把控的細節(jié)之一。漸隱漸現(xiàn)相對于變形和三維翻轉比較輕量；同樣是移動，時間、速度、加速度、距離的不同組合造成的心理感受也會大不一樣。可以理解的是，在能夠彰顯品牌特征或者特色的功能細節(jié)上，動畫可以用一些更為個性和突出的效果；而在一些常見的轉場過渡和頻繁的操作上，采用一些基礎和低調(diào)的動畫更為合理。一個應用上如果動畫的數(shù)量、幅度和頻率不加以限制，則會受到類似靜態(tài)界面的視覺噪聲帶來的干擾。

提到質(zhì)感，我們腦海中總是出現(xiàn)那些金屬的光澤、反光的亞克力，還有LED光效等。這些數(shù)字產(chǎn)品的外觀和材質(zhì)可以帶來“高科技”感受，但是經(jīng)歷了幾十年的發(fā)展，風格也會慢慢變化。如今，黑暗冰冷的金屬風格已經(jīng)不再代表所有的高科技，人們更向往自然和真切的生活，越來越多的新鮮風格不斷涌現(xiàn)。雖然往昔的主流功不可沒，但是當我們需要創(chuàng)造特有的品牌形象去滿足不同人群時，不妨換種思路，從平面、印刷和繪畫等領域借鑒，去挖掘更多靈感。

這不僅僅體現(xiàn)在界面風格和控組件上，對于推廣類的信息傳達也提供了不一樣的思路。例如，廣告營銷的視覺傳達常常借助場景和氣氛的塑造。以“輕氛圍、重創(chuàng)意”來塑造整體的品牌形象可以與競品很好的區(qū)分開，在拋去了營造場景的各種元素之后，直接利用單一素材的圖像特性去傳達品牌概念更獨特有力。

“微質(zhì)感”的概念其實并不能僅從字面意思理解，因為它包含了一定的歷史語境。希望通過“微質(zhì)感”的案例，可以深入思考去挖掘自身的品牌個性，引發(fā)更有價值的設計思維和產(chǎn)品體現(xiàn)。