UI設(shè)計(jì)發(fā)展新趨勢(shì)

進(jìn)入21世紀(jì)，隨著人們生活質(zhì)量的提高和IT產(chǎn)業(yè)的加速發(fā)展，企業(yè)開(kāi)始重視網(wǎng)站和產(chǎn)品的交互設(shè)計(jì)和用戶體驗(yàn)。我們經(jīng)常談?wù)撚脩趔w驗(yàn)。界面設(shè)計(jì)是網(wǎng)站帶給用戶的次體驗(yàn)。好的用戶設(shè)計(jì)會(huì)使網(wǎng)站形成無(wú)形的價(jià)值。界面設(shè)計(jì)是指對(duì)人機(jī)交互、操作邏輯和界面美觀的軟件進(jìn)行總體設(shè)計(jì)。良好的界面設(shè)計(jì)不僅使軟件具有個(gè)性和品位，而且使軟件的操作簡(jiǎn)單、自由，充分體現(xiàn)了軟件的定位和特點(diǎn)。

UI設(shè)計(jì)發(fā)展新趨勢(shì)是怎樣的?

趨勢(shì)一：極簡(jiǎn)

一份來(lái)自微軟的調(diào)查數(shù)據(jù)表明：2000年，人類的集中注意力的時(shí)間平均在12秒，而到了2015年，變成了8秒。而另一個(gè)研究發(fā)現(xiàn)：有47%的用戶希望一個(gè)網(wǎng)頁(yè)能在2秒之內(nèi)加載完成。

但事實(shí)上，目前網(wǎng)頁(yè)的平均加載時(shí)長(zhǎng)達(dá)到了8.6秒，而在移動(dòng)端，則變成了22秒。

網(wǎng)站的加載速度會(huì)受到很多原因的影響，UI設(shè)計(jì)是其中重要的因素之一。更少地使用圖形元素和更簡(jiǎn)約的UI會(huì)在很大程度上加快一個(gè)網(wǎng)頁(yè)的加載速度，同時(shí)更明確的「指引」和元素的區(qū)分也更能讓用戶熟悉網(wǎng)頁(yè)的交互，甚至，簡(jiǎn)約的網(wǎng)站還能影響其搜索結(jié)果排名。

趨勢(shì)二：微動(dòng)畫

今年是「全面屏」手勢(shì)的加入，讓廠商們發(fā)覺(jué)「跟手感」會(huì)在很大程度上影響用戶體驗(yàn)到的品質(zhì)感，于是許多國(guó)產(chǎn)廠商開(kāi)始注重微動(dòng)畫的設(shè)計(jì)來(lái)盡量對(duì)用戶在屏幕上的滑動(dòng)產(chǎn)生回應(yīng)。

但僅有系統(tǒng)層級(jí)實(shí)現(xiàn)的這些微動(dòng)畫還遠(yuǎn)遠(yuǎn)不夠，當(dāng)用戶進(jìn)入到APP中，如果這些微動(dòng)畫不復(fù)存在，那產(chǎn)生的割裂感會(huì)讓整個(gè)用戶體驗(yàn)大打折扣。

趨勢(shì)三：重疊效應(yīng)

什么是重疊效應(yīng)?簡(jiǎn)單來(lái)解釋就是，通過(guò)把不同的元素(如色塊，文字和圖像)重疊地放在一起以達(dá)到說(shuō)明內(nèi)容和視覺(jué)引導(dǎo)的效果。

本來(lái)由于對(duì)比度不足，重疊效應(yīng)在LCD面板上的效果并不理想，一些明度接近或者色彩對(duì)比不夠明朗的設(shè)計(jì)很容易讓用戶混淆不同的元素，同時(shí)一些低透明度的元素會(huì)讓LCD 面板對(duì)比度不足的缺陷徹底暴露。而在 OLED 面板上，這些問(wèn)題自然迎刃而解，未來(lái)必然會(huì)有更多的設(shè)計(jì)師來(lái)更加得心應(yīng)手地運(yùn)用「重疊效應(yīng)」以實(shí)現(xiàn)他們想要的效果。

趨勢(shì)四：移動(dòng)設(shè)備適配要優(yōu)先考慮

在去年，移動(dòng)端流量消耗占比為 52.2%，實(shí)現(xiàn)了首次真正意義上的趕超PC(包括 Tablet 電腦)。并且這個(gè)趨勢(shì)在2021年會(huì)繼續(xù)保持。

這意味著從今天起，一個(gè)網(wǎng)站(或互聯(lián)網(wǎng)產(chǎn)品)的UI設(shè)計(jì)需要首先適配移動(dòng)端，從而滿足更多數(shù)的用戶使用場(chǎng)景。

趨勢(shì)五：深度空間

一個(gè)帶有縱深方向的空間必然要比平面具有更高的信息效率，更能在視覺(jué)上對(duì)用戶的操作進(jìn)行正確引導(dǎo)。

其中發(fā)展較成熟以及較的還是「陰影」相比于普通的高斯模糊以及高級(jí)點(diǎn)的「毛玻璃」，陰影的特點(diǎn)在于不光能在UI中把某一個(gè)特定的頁(yè)面提前，還能同時(shí)展現(xiàn)多個(gè)頁(yè)面并賦予它們對(duì)應(yīng)的縱深關(guān)系，以及大多數(shù)的 UI 設(shè)計(jì)工具(如 PS、AI、Axure)對(duì)陰影的支持都十分友好。