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