翻轉吧,界面!-淺談3D UI設計

2022-05-29    分類: 網站建設


  隨著技術發展,界面越來越簡易化,二維的操作難以提供更好的交互體驗,因此平面化的操作界面轉向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.kartarina.com/news/160468.html

成都網站建設公司_創新互聯,為您提供營銷型網站建設、服務器托管網站建設網站排名、關鍵詞優化、搜索引擎優化

廣告

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

外貿網站制作
主站蜘蛛池模板: 在线高清无码A.| 久久无码av三级| 久青草无码视频在线观看| 亚洲最大中文字幕无码网站| 91精品日韩人妻无码久久不卡| 日韩国产成人无码av毛片 | 伊人久久综合无码成人网| 国产精品热久久无码av| 无码人妻丰满熟妇区96| 国产成年无码久久久免费| 亚洲日韩精品无码AV海量| 国产激情无码一区二区| 无码福利一区二区三区| 国模无码人体一区二区| 日韩精品中文字幕无码专区| 中文字幕乱码人妻无码久久| 日韩精品无码成人专区| 69天堂人成无码麻豆免费视频 | 亚洲国产成人精品无码区在线网站| 亚洲Av永久无码精品黑人| 人妻无码αv中文字幕久久| 国产精品无码无卡无需播放器| 亚洲AV无码国产一区二区三区| 色欲狠狠躁天天躁无码中文字幕 | 久久午夜无码鲁丝片秋霞| 亚洲AV无码国产丝袜在线观看| 中文字幕精品无码一区二区 | 亚洲中文无码线在线观看| 永久免费AV无码网站国产| 亚洲VA中文字幕无码毛片| 久久午夜无码鲁丝片直播午夜精品 | 无码人妻丝袜在线视频| 无码人妻丰满熟妇区毛片18| 久久亚洲AV成人无码国产最大| 久久AV无码精品人妻出轨| 日本爆乳j罩杯无码视频| av无码久久久久不卡免费网站| 久久中文字幕无码一区二区| 粉嫩大学生无套内射无码卡视频 | 亚洲精品无码专区2| 亚洲AV综合色区无码一区爱AV |