妄想or未來?界面的虛擬現實化
當1980年Three Rivers公司第一次推出圖形用戶界面Perq,產生GUI這個概念的時候,不知道他們有沒有想過今天圖形界面設計竟然會發展到這個地步。而那之前,所謂計算機界面,展示在我們眼前的還只是一大堆令人抓狂的代碼。
最初的圖形界面,目的是省去用戶記憶命令列界面(CLI)里繁復的操作命令,簡化操作,但是經過了近30年的進化,圖形界面早就不再以單純的方便操作為目的而存在。從1984年初代Macintosh出現到現在的微軟的Win7,界面視覺的細節和表現力不斷被強化著。
就圖形用戶界面而言,自從它的出現就帶著一個特點,即在虛擬世界中的現實化。無論是圖標,按鈕,桌面或者窗口,在現實中都可以找到與這些元素對應的概念;而界面的視覺設計更是與現實中的色彩感,質感和體量感有密切的關系。
這個特點不能不讓人對界面的視覺究竟能發展到什么程度浮想聯翩。既然界面是虛擬世界現實化的產物,那么這個“現實化”到底能會把圖形界面變成什么樣呢?
除了在二維界面中加強細節的表現,還有一種趨勢正在漸漸變得常見:圖形界面中元素的三維化。以下是筆者就這個趨勢寫的一些妄言,有不足之處請各位多多指正吧。
三維化使界面或網頁中的某些部分,或是幾個界面之間,變得像真實世界中的物體一樣可以從不角度觀察,可以被翻轉,甚至互相作用。界面中的這些部分因此會獲得很強的表現力,有些效果也是二維界面無法達到的。
以下是 WHITEvoid公司的三維化作品展示頁面。
其實這個操作過程其實就是:打開文件夾-> 選擇里面的某個文件夾繼續打開-> 再打開…直到最后一個層級。而經過三維化后這些簡單的操作就變得豐滿而妙趣橫生起來。
三維化帶來的表現力是個好東西。但萬事有度。如果在設計時使用過度,三維化也會給使用者造成困擾。下圖是TiltViewer 的照片預覽器,它的展示方法和 WHITEvoid 如出一轍,并且沒有這么多的文件操作層級。
類似 WHITEvoid 和 TiltViewer 兩個例子的三維化界面,有不少都是采用“被動即時變化視角”的。也就是說,在鼠標/手指移動在界面區域的過程中,用戶的視角會隨之發生改變。以下是 WHITEvoid 和 TiltViewer 在視角活動區域上的區別。