UI設(shè)計(jì)行業(yè)在過去十年里發(fā)生了翻天覆地的變化,大家有目共睹,那么在接下來(lái)的十年里UI設(shè)計(jì)會(huì)朝著哪些方向發(fā)展呢?作為UI設(shè)計(jì)師需要提前準(zhǔn)備哪些呢?
User Interface縮寫為UI,其中“face”代表界面,指二維的屏幕。如果我們面前顯示的不再是一個(gè)沒有視差的屏幕,而是虛擬的或者虛擬與真實(shí)世界融合的三維世界,我們操控的不僅僅是界面中虛擬的button,而是三維的控件,
那么“Interface”中的“face”就要被“cube”取代,User Interface Design就可以變?yōu)楦鼜V義的User Intercube Design,可以稱之為“界體設(shè)計(jì)”。這種設(shè)計(jì)方式不光代表使用的工具界面是三維的,也意味著設(shè)計(jì)過程是在三維環(huán)境下進(jìn)行的。
那么,有什么理論可以指導(dǎo)這種設(shè)計(jì)呢?
1.遵循物體識(shí)別理論
視角依賴參照框架和視角不變參照框架,為了確保識(shí)別與記憶的高效,對(duì)于三維物體,大腦一般保留了正視圖這樣的極限值,以及常規(guī)角度透視圖這樣的常用值。因此,反過來(lái)設(shè)計(jì)三維物體的時(shí)候,就可以從正視圖和常用角度的透視圖進(jìn)行設(shè)計(jì)。
這一理論在“界體設(shè)計(jì)”中依舊是有效且成立的,因此原有的UI設(shè)計(jì)師可以不必驚慌,對(duì)于圖形的應(yīng)用本質(zhì)上在三維世界和二維世界并無(wú)區(qū)別。
2.遵循信息認(rèn)知的平衡定律
在“12 從擬物到扁平——信息認(rèn)知的平衡定律”一章中已經(jīng)說(shuō)明了視覺內(nèi)容信息與形式信息之間的關(guān)系,當(dāng)視覺內(nèi)容信息不足時(shí)形式信息會(huì)被強(qiáng)化,而當(dāng)視覺內(nèi)容信息豐富的時(shí)形式信息就要被簡(jiǎn)化。我們可以把未來(lái)的設(shè)計(jì)大體上分為兩個(gè)場(chǎng)景,一個(gè)是工具化的設(shè)計(jì)場(chǎng)景,我們?cè)O(shè)計(jì)的目標(biāo)是作為生產(chǎn)力的工具軟件或者服務(wù);一個(gè)是情景化的場(chǎng)景,比如游戲或者娛樂的軟件或服務(wù),我們分開討論。
(1)工具化的場(chǎng)景
在已經(jīng)上市的VR應(yīng)用中,有一款名為Tilt Brush的工具,它是一款谷歌開發(fā)的創(chuàng)意工具,被稱為VR版的PS,使用者可以在虛擬的三維空間中進(jìn)行三維的藝術(shù)創(chuàng)意。如下圖所示是其官網(wǎng)的制作效果圖。
Tilt Brush的筆刷極為豐富,效果絢麗多彩,與之對(duì)應(yīng)的是操作“界體”極度簡(jiǎn)潔,也就是說(shuō)作為工具出現(xiàn)的UI依舊是需要被簡(jiǎn)化的對(duì)象。無(wú)獨(dú)有偶,微軟公司HoloLens的各種工具應(yīng)用也是如此,被設(shè)計(jì)和展示的內(nèi)容是具象的、豐富的,而操控界面與扁平化的設(shè)計(jì)效果一致。
顯然,對(duì)于工具化的場(chǎng)景工具而言,簡(jiǎn)化規(guī)律在產(chǎn)生作用,界面在不需要的情況下甚至是二維的。
(2)情景化的場(chǎng)景
游戲類應(yīng)用大多是沉浸型應(yīng)用,因此與游戲內(nèi)容相關(guān)的操作“界體”就需要追求與虛擬環(huán)境相一致的體驗(yàn)。如下圖所示為游戲應(yīng)用The Lab中的各種游戲裝置。
在情景化的場(chǎng)景中,工具的設(shè)計(jì)和場(chǎng)景本身的設(shè)計(jì)是一體的,因此成為視覺內(nèi)容的一部分,所以對(duì)這部分的設(shè)計(jì)是追求信息與場(chǎng)景的匹配,當(dāng)場(chǎng)景高度仿真的時(shí)候,設(shè)計(jì)效果偏向于豐富和絢麗。
總結(jié)
第一次工業(yè)革命后出現(xiàn)了批量生產(chǎn)的工業(yè)產(chǎn)品,于是催生了為批量產(chǎn)品進(jìn)行設(shè)計(jì)的工業(yè)設(shè)計(jì)師;在第二次工業(yè)革命的過程中產(chǎn)生了化學(xué)革命,由此帶來(lái)了苯胺染料,促使現(xiàn)代印刷業(yè)出現(xiàn),于是有了進(jìn)行平面設(shè)計(jì)的平面設(shè)計(jì)師;第三次工業(yè)革命也被稱為信息革命,為出現(xiàn)的虛擬界面帶來(lái)了UI設(shè)計(jì)師和交互設(shè)計(jì)師。
技術(shù)進(jìn)步帶來(lái)新的工作需求和工作方式,那么未來(lái)的人工智能、MR、5G技術(shù)也會(huì)帶來(lái)新的工作需求,進(jìn)而改變?nèi)藗兊墓ぷ鞣绞健?/p>
MR和5G技術(shù)會(huì)促使從三維轉(zhuǎn)向二維的UI設(shè)計(jì),再?gòu)亩S轉(zhuǎn)回三維世界,并極有可能促使交互設(shè)計(jì)與工業(yè)設(shè)計(jì)融合,因?yàn)槎叩墓ぷ鲗?duì)象都是三維虛擬界面,不同的是交互設(shè)計(jì)的設(shè)計(jì)結(jié)果是虛擬事物,而工業(yè)設(shè)計(jì)是需要實(shí)體化或部分實(shí)體化的事物。視覺UI設(shè)計(jì)師可能會(huì)擁有更為廣闊的創(chuàng)作自由,在AI技術(shù)的支持下,視覺UI設(shè)計(jì)師在三維虛擬界面場(chǎng)景內(nèi)對(duì)視覺畫面的呈現(xiàn)將極其豐富,將遠(yuǎn)遠(yuǎn)超過以往所有技術(shù)的可能。
最后想學(xué)習(xí)UI設(shè)計(jì)的同學(xué),可以參考千鋒UI設(shè)計(jì)培訓(xùn)班提供的全棧UI設(shè)計(jì)學(xué)習(xí)路線,結(jié)合千鋒名師精心錄制的全套UI設(shè)計(jì)視頻教程,可以讓你對(duì)學(xué)習(xí)UI設(shè)計(jì)需要掌握的知識(shí)有個(gè)清晰的了解,并快速入門UI設(shè)計(jì)的行業(yè)中。視頻講解通俗易懂,入門UI設(shè)計(jì)僅用此套視頻足矣。想要獲取免費(fèi)UI設(shè)計(jì)學(xué)習(xí)路線和學(xué)習(xí)資料可以添加我們的UI技術(shù)交流qq群:809348958 加群找群管理領(lǐng)取即可,UI設(shè)計(jì)相關(guān)技術(shù)問題也可以加群解決,等你來(lái)哦~~~~