教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

VR技術(shù)帶來UI交互設(shè)計新玩法有哪些?

更新時間:2021年05月21日14時42分 來源:傳智教育 瀏覽次數(shù):

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

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

VR 環(huán)境

1. 環(huán)境

環(huán)境VR設(shè)備

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

我們把這個世界平鋪下來,它其實是扭曲的(原理請參照三維軟件的HDR環(huán)境貼圖)。

HDR環(huán)境貼圖

2. 界面

VR界面

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

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

VR視野

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

VR360度平鋪視圖: 3600 × 1800 px

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

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

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

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

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

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

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

學(xué)設(shè)計,來傳智!設(shè)計改變生活!



猜你喜歡:

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

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

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

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

0 分享到:
和我們在線交談!