首頁技術(shù)文章正文

2021年ui設計發(fā)展趨勢分析

更新時間:2021-02-04 來源:黑馬程序員 瀏覽量:

本文主要從以下5個方面介紹2021年UI設計發(fā)展趨勢,廢話不多說直接上干貨!

趨勢一:極簡

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

但事實上,目前網(wǎng)頁的平均加載時長達到了8.6秒,而在移動端,則變成了22秒。

網(wǎng)站的加載速度會受到很多原因的影響,UI設計是其中重要的因素之一。更少地使用圖形元素和更簡約的UI會在很大程度上加快一個網(wǎng)頁的加載速度,同時更明確的「指引」和元素的區(qū)分也更能讓用戶快速熟悉網(wǎng)頁的交互,甚至,簡約的網(wǎng)站還能影響其搜索結(jié)果排名,Google 在今年就開始建議網(wǎng)站的加載時間不應超過3秒,并將其加入到搜索排名的影響因子中。

ui設計趨勢


趨勢二:微動畫

今年是「全面屏」手勢的加入,讓廠商們發(fā)覺「跟手感」會在很大程度上影響用戶體驗到的品質(zhì)感,于是許多國產(chǎn)廠商開始注重微動畫的設計來盡量對用戶在屏幕上的滑動產(chǎn)生回應。

但僅有系統(tǒng)層級實現(xiàn)的這些微動畫還遠遠不夠,當用戶進入到APP中,如果這些微動畫不復存在,那產(chǎn)生的割裂感會讓整個用戶體驗大打折扣。所以,安卓手機系統(tǒng)UI 的精細化會倒逼 APP UI 設計的進步,當然,對于那些「懶得設計,照著iOS 版再做一遍嘍」的廠商們,如果再不用心做,就要面臨著被淘汰的風險了。

趨勢三:重疊效應

什么是重疊效應?簡單來解釋就是,通過把不同的元素(如色塊,文字和圖像)重疊地放在一起以達到說明內(nèi)容和視覺引導的效果。

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

趨勢四:移動設備適配要優(yōu)先考慮

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

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

趨勢五:深度空間

一個帶有縱深方向的空間必然要比平面具有更高的信息效率,更能在視覺上對用戶的操作進行正確引導。

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

猜你喜歡:

UI設計之色彩的心理效應

ui設計是什么?UI設計行業(yè)前景怎么樣?

UI設計原則:匯總深入人心的UI設計原則

黑馬程序員全鏈路UI/UI設計課程


分享到:
在線咨詢 我要報名
和我們在線交談!