翻轉(zhuǎn)吧,界面?。?D UI概述

0 評論 5720 瀏覽 0 收藏 7 分鐘

隨著技術(shù)發(fā)展,界面越來越簡易化,二維的操作難以提供更好的交互體驗(yàn),因此平面化的操作界面轉(zhuǎn)向3D 空間維度發(fā)展,我們又迎來的了新的時(shí)代,一場革命性新的交互體驗(yàn);本次分享,作為3D UI的概述,以下就整體的來了解下3D UI。

 

什么是3D

我們首先了解下什么是3D:
一般而言,3D也稱為三次元、三維空間;日常生活中可指由長、寬、高、3個(gè)維度所構(gòu)成的空間,而且日常生活中使用“三維空間”一詞,常常是指三維的歐幾里得空間;3D 這個(gè)空間幾何概念加上UI人機(jī)交互界面這個(gè)概念組成新的詞匯3D UI? ,那么,什么是3D UI,如何理解3D UI?

圖2:各類3D游戲界面,是否3D化就是3DUI?
在電腦中最常見的3D應(yīng)該就是游戲,但即使是最新的游戲,其中的操作界面是否就是3D UI?

我們先暫時(shí)放下這個(gè)話題,粗略的看下我們最常見的UI變革,系統(tǒng)UI的變革:

 

UI的變革

圖3:計(jì)算機(jī)UI從無到有的發(fā)展變化

1 最早的計(jì)算機(jī)系統(tǒng)是沒有UI的,他是命令式的操作界面。用戶所有的操作都必須依靠鍵入命令,例如:運(yùn)行“打開文件夾”這個(gè)操作,必須鍵入命令“CD”,列出文件夾內(nèi)容則需要鍵入“Dir”;

2 時(shí)間進(jìn)入1983年,Apple的 Lisa OS ,此時(shí)已經(jīng)引入了鼠標(biāo)的操作,一切都變得不一樣,我們的電腦發(fā)生了新奇的變化,不用去記住那些復(fù)雜的命令,打開文件夾只需要簡單的鼠標(biāo)點(diǎn)擊,就可以進(jìn)入,并且已經(jīng)展現(xiàn)出文件夾的內(nèi)容;

3 時(shí)間再次推移,我們看下1997年的 Mac OS System 8 ,這時(shí)已經(jīng)加入不少新的技術(shù),首先畫面更精美了,不在只是單色,所有的圖標(biāo)更加物體化,不在只是簡單的黑白線條架構(gòu)起匪夷所思的線框圖,所有的命令也更加圖形化;

4 進(jìn)入到2001年的 Mac OS X 圖形更加的細(xì)致,硬件的升級導(dǎo)致分辨率的不斷提升,所見的物體已經(jīng)更為逼真,我們可以看到更多擬物化的設(shè)計(jì),并非傳統(tǒng)四四方方的操作界面,我們甚至可以看到垃圾筒的不斷塞滿,這和你現(xiàn)實(shí)中并無二致;

5 點(diǎn)開系統(tǒng)看下現(xiàn)在的系統(tǒng),我們可以看到不僅僅是圖形上的變化,你可以猶如真的在現(xiàn)實(shí)中翻頁,我們可以用手指放大縮小照片,我們可以翻轉(zhuǎn)它撥弄它。

 

3D UI的探討

在技術(shù)的革新,界面和交互的不斷進(jìn)化演變,這些越來越3D化的設(shè)計(jì)和現(xiàn)實(shí)的交互體驗(yàn)說明了什么,我們回到3D UI這一話題,我們又能發(fā)現(xiàn)這么一個(gè)問題:“3D化界面究竟有何意義”帶上這個(gè)問題我們看下早期的一些3D化界面的效果。

圖4:TheSkinsFactory 為 Alienware 定制的WMP 視覺外觀

在早期的界面中,只是簡單的模仿3D化的效果,換句話來說,我們真正操作和使用還是停留在平面上。就如在黑板上以透視的方法畫下一個(gè)立體的盒子;這只是看起來效果更好一點(diǎn)而已,如何能更進(jìn)一步?

單純的視覺變化只是看上去更好一點(diǎn),如果要進(jìn)一步的提升則需要把操作和交互帶入進(jìn)去,現(xiàn)在的設(shè)備,如 iphone、ipad、已經(jīng)不是單純的在視覺上單純的擬物,我們可以在設(shè)備上進(jìn)行推拉、移動(dòng)等物理的方式直接操作內(nèi)容,在目前的科技中簡單的模擬物理環(huán)境已經(jīng)越來越普及;看看以下的設(shè)備,他給我們提供了什么:

圖5:Microsoft Surface

我們看下這樣直接的操作能帶來什么好處:
1 直接自然的操作方式,用戶可以直接與內(nèi)容進(jìn)行互動(dòng),關(guān)注用戶的當(dāng)前需要完成的任務(wù),在界面中保持最少數(shù)量的可見控件,減少用戶對內(nèi)容直接操作時(shí)可能出現(xiàn)的干擾。

2? 除了與人交互,也可以與實(shí)物交互。在虛擬世界和現(xiàn)實(shí)世界建立了聯(lián)系。充分整合發(fā)揮現(xiàn)實(shí)世界的操作自然等優(yōu)勢與虛擬世界的智能等優(yōu)勢。
回到之前的問題“3D化界面究竟有何意義”,顯而易見的,3D技術(shù)是模擬現(xiàn)實(shí)生活中的物理或自然環(huán)境。

 

擬物化的設(shè)計(jì)

圖6:更多擬物化的界面設(shè)計(jì)

因此3D化的界面讓我們在使用操作設(shè)備上更加的接近現(xiàn)實(shí);隨著技術(shù)的發(fā)展,在虛擬的程序上,有足夠的技術(shù)模擬現(xiàn)實(shí)中存在的物體,包含物體效果;擬物的好處是讓用戶、操作者對于程序本身的使用減少學(xué)習(xí)成本和擁有更熟悉良好的體驗(yàn)。3D化的設(shè)計(jì)并不只是單純的視覺炫耀,他能讓內(nèi)容更加的貼近生活,未來的生活中,設(shè)備只是介質(zhì),他讓內(nèi)容、信息直接融入了生活。我們期待著那個(gè)時(shí)代的來臨!

來源:http://cdc.tencent.com/?p=3781

 

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!