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

　　圖1：如何定義3D

什么是3D

　　我們首先了解下什么是3D：

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

　　圖2：各類3D游戲界面，是否3D化就是3DUI?

　　在電腦中最常見的3D應該就是游戲，但即使是最新的游戲，其中的操作界面是否就是3D UI?

　　我們先暫時放下這個話題，粗略的看下我們最常見的UI變革，系統UI的變革：

UI的變革

　　圖3：計算機UI從無到有的發展變化1

　　1、最早的計算機系統是沒有UI的，他是命令式的操作界面。用戶所有的操作都必須依靠鍵入命令，例如：運行“打開文件夾”這個操作，必須鍵入命令“CD”，列出文件夾內容則需要鍵入“Dir”;

　　2、時間進入1983年，Apple的 Lisa OS ，此時已經引入了鼠標的操作，一切都變得不一樣，我們的電腦發生了新奇的變化，不用去記住那些復雜的命令，打開文件夾只需要簡單的鼠標點擊，就可以進入，并且已經展現出文件夾的內容;

　　3、 時間再次推移，我們看下1997年的 Mac OS System 8 ，這時已經加入不少新的技術，首先畫面更精美了，不在只是單色，所有的圖標更加物體化，不在只是簡單的黑白線條架構起匪夷所思的線框圖，所有的命令也更加圖形化;

　　4、進入到2001年的 Mac OS X 圖形更加的細致，硬件的升級導致分辨率的不斷提升，所見的物體已經更為逼真，我們可以看到更多擬物化的設計，并非傳統四四方方的操作界面，我們甚至可以看到垃圾筒的不斷塞滿，這和你現實中并無二致;

　　5、點開系統看下現在的系統，我們可以看到不僅僅是圖形上的變化，你可以猶如真的在現實中翻頁，我們可以用手指放大縮小照片，我們可以翻轉它撥弄它。

3D UI的探討

　　在技術的革新，界面和交互的不斷進化演變，這些越來越3D化的設計和現實的交互體驗說明了什么，我們回到3D UI這一話題，我們又能發現這么一個問題：“3D化界面究竟有何意義”帶上這個問題我們看下早期的一些3D化界面的效果。

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

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

　　單純的視覺變化只是看上去更好一點，如果要進一步的提升則需要把操作和交互帶入進去，現在的設備，如 iphone、ipad、已經不是單純的在視覺上單純的擬物，我們可以在設備上進行推拉、移動等物理的方式直接操作內容，在目前的科技中簡單的模擬物理環境已經越來越普及;看看以下的設備，他給我們提供了什么：

　　圖5：Microsoft Surface

我們看下這樣直接的操作能帶來什么好處：

　　1 直接自然的操作方式，用戶可以直接與內容進行互動，關注用戶的當前需要完成的任務，在界面中保持最少數量的可見控件，減少用戶對內容直接操作時可能出現的干擾。2 除了與人交互，也可以與實物交互。在虛擬世界和現實世界建立了聯系。充分整合發揮現實世界的操作自然等優勢與虛擬世界的智能等優勢。

　　回到之前的問題“3D化界面究竟有何意義”，顯而易見的，3D技術是模擬現實生活中的物理或自然環境。擬物化的設計

　　圖6：更多擬物化的界面設計

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

本文題目：翻轉吧，界面！－淺談3D UI設計
地址分享：http://m.newbst.com/news18/160468.html

成都網站建設公司_創新互聯，為您提供網站內鏈、虛擬主機、搜索引擎優化、企業網站制作、品牌網站建設、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯