VR技術(shù)帶來(lái)UI交互設(shè)計(jì)新玩法有哪些？

VR虛擬現(xiàn)實(shí)技術(shù)越來(lái)越火熱，這種立體空間的呈現(xiàn)，帶來(lái)的是全新的用戶交互體驗(yàn)。那么，其對(duì)UI設(shè)計(jì)有什么影響呢?

VR對(duì)于許多UI設(shè)計(jì)師而言是一個(gè)全新與未知的領(lǐng)域。那么什么是VR呢?VR是一種沉浸式的體驗(yàn)，對(duì)于設(shè)計(jì)師來(lái)說，在VR里，主要有兩種類型的元素：環(huán)境與界面。

1. 環(huán)境

我們可以把“環(huán)境”當(dāng)做戴上VR設(shè)備以后進(jìn)入到的世界。當(dāng)我們被包裹到了一個(gè)空間里，可以隨意的選擇任何角度觀察這個(gè)世界。

我們把這個(gè)世界平鋪下來(lái)，它其實(shí)是扭曲的(原理請(qǐng)參照三維軟件的HDR環(huán)境貼圖)。

2. 界面

關(guān)于界面，VR并沒有像手機(jī)屏幕或電腦屏幕一樣的規(guī)范尺寸。VR里面的畫布大小是360度一周的，在VR里面的畫布可以理解為一個(gè)圓柱體。而作為設(shè)計(jì)師，要明白用戶是在什么視距的情況下觀看，所以需要前期根據(jù)不同設(shè)備的情況測(cè)試最佳的視距，設(shè)計(jì)出合適的圖標(biāo)、文字、動(dòng)效切換等界面元素。

我們了解了這兩大構(gòu)成元素后，就可以把他們有趣的組合起來(lái)了。

參考著關(guān)于VR視野舒適區(qū)域的早期研究，歸納下來(lái)

VR360度平鋪視圖: 3600 × 1800 px

UI界面平鋪視圖: 1200 × 600 px

所以，我們把VR分析完以后，可以分為兩個(gè)端口：VR360度端口與UI界面端口。VR360度端口輸入的是虛擬現(xiàn)實(shí)環(huán)境中預(yù)覽界面的呈現(xiàn);UI界面端口輸入的是UI交互界面。對(duì)于我們UI設(shè)計(jì)師而言，把重心側(cè)重于后者UI界面的平鋪視圖的設(shè)計(jì)，其實(shí)整個(gè)流程也簡(jiǎn)單了許多。

VR真的只有這么簡(jiǎn)單嗎?其實(shí)并不是，今天只是用了最簡(jiǎn)單易懂的方式讓大家初步了解VR，真真正正的VR遠(yuǎn)遠(yuǎn)比這個(gè)復(fù)雜的多。時(shí)代的發(fā)展，我們可以大膽的聯(lián)想U(xiǎn)I和UX應(yīng)用到這種新的設(shè)備媒介能到怎樣的程度，還真是未知數(shù)。

更長(zhǎng)遠(yuǎn)設(shè)想，屏幕只是UI界面的一個(gè)載體，更重要的是使用者的交互體驗(yàn)，誰(shuí)說非要用屏幕才能交互?讓一些交互的元素像VR一樣出現(xiàn)在我們的整個(gè)立體空間世界里，是不是更有趣?

操作界面存在于你隨處可見的視覺之中，而且沒有繁瑣的設(shè)備和笨拙的屏幕，我們?yōu)g覽四周就能形成空間交互。比如：在步行散步的街道，你可以在街道的路面瀏覽電子圖書與新聞資訊;你可以隨時(shí)隨地進(jìn)行娛樂或者工作，而不需要一直坐在電腦屏幕前;你可以在工作室遇到，實(shí)際身在異國(guó)他鄉(xiāng)的合作伙伴，能實(shí)現(xiàn)空間模擬的面對(duì)面交流等。

在VR世界里，豐富的是虛擬現(xiàn)實(shí)環(huán)境的畫面，所以VR的UI界面極簡(jiǎn)化中，扁平是少不了的設(shè)計(jì)風(fēng)格。目前在VR模式下，傳統(tǒng)UI布置方法已經(jīng)慢慢演變?yōu)閷I組件分布在三維空間中的模式。就像我們看到的科幻電影，這種交互在未來(lái)實(shí)現(xiàn)起來(lái)并不是夢(mèng)。

同時(shí)對(duì)于我們UI設(shè)計(jì)師來(lái)說也是機(jī)遇。了解這些發(fā)展趨勢(shì)，并且需要掌握三維軟件是必不可少的。如果你只是會(huì)一些基礎(chǔ)的平面類設(shè)計(jì)，未來(lái)你可能會(huì)被這個(gè)行業(yè)所拋棄。希望大家好好的抓住這樣的機(jī)遇，而C4D、3D Max、Maya、Unity等方向都是我們不錯(cuò)的選擇。

學(xué)設(shè)計(jì)，來(lái)傳智!設(shè)計(jì)改變生活!

猜你喜歡：

UI常用導(dǎo)航和優(yōu)缺點(diǎn)分析

如何設(shè)計(jì)H5頁(yè)面?有什么技巧?

如何更好地設(shè)計(jì)APP界面中的圖像元素？

傳智教育UI設(shè)計(jì)師培訓(xùn)課程