2021-6-1 seo達(dá)人
本文主要從以下5個(gè)方面介紹2021年UI設(shè)計(jì)發(fā)展趨勢,廢話不多說直接上干貨!
趨勢一:極簡
一份來自微軟的調(diào)查數(shù)據(jù)表明:2000年,人類的集中注意力的時(shí)間平均在12秒,而到了2015年,變成了8秒。而另一個(gè)研究發(fā)現(xiàn):有47%的用戶希望一個(gè)網(wǎng)頁能在2秒之內(nèi)加載完成。
但事實(shí)上,目前網(wǎng)頁的平均加載時(shí)長達(dá)到了8.6秒,而在移動(dòng)端,則變成了22秒。
網(wǎng)站的加載速度會(huì)受到很多原因的影響,UI設(shè)計(jì)是其中重要的因素之一。更少地使用圖形元素和更簡約的UI會(huì)在很大程度上加快一個(gè)網(wǎng)頁的加載速度,同時(shí)更明確的「指引」和元素的區(qū)分也更能讓用戶快速熟悉網(wǎng)頁的交互,甚至,簡約的網(wǎng)站還能影響其搜索結(jié)果排名,Google 在今年就開始建議網(wǎng)站的加載時(shí)間不應(yīng)超過3秒,并將其加入到搜索排名的影響因子中。
趨勢二:微動(dòng)畫
今年是「全面屏」手勢的加入,讓廠商們發(fā)覺「跟手感」會(huì)在很大程度上影響用戶體驗(yàn)到的品質(zhì)感,于是許多國產(chǎn)廠商開始注重微動(dòng)畫的設(shè)計(jì)來盡量對用戶在屏幕上的滑動(dòng)產(chǎn)生回應(yīng)。
但僅有系統(tǒng)層級實(shí)現(xiàn)的這些微動(dòng)畫還遠(yuǎn)遠(yuǎn)不夠,當(dāng)用戶進(jìn)入到APP中,如果這些微動(dòng)畫不復(fù)存在,那產(chǎn)生的割裂感會(huì)讓整個(gè)用戶體驗(yàn)大打折扣。所以,安卓手機(jī)系統(tǒng)UI 的精細(xì)化會(huì)倒逼 APP UI 設(shè)計(jì)的進(jìn)步,當(dāng)然,對于那些「懶得設(shè)計(jì),照著iOS 版再做一遍嘍」的廠商們,如果再不用心做,就要面臨著被淘汰的風(fēng)險(xiǎn)了。
趨勢三:重疊效應(yīng)
什么是重疊效應(yīng)?簡單來解釋就是,通過把不同的元素(如色塊,文字和圖像)重疊地放在一起以達(dá)到說明內(nèi)容和視覺引導(dǎo)的效果。
本來由于對比度不足,重疊效應(yīng)在LCD面板上的效果并不理想,一些明度接近或者色彩對比不夠明朗的設(shè)計(jì)很容易讓用戶混淆不同的元素,同時(shí)一些低透明度的元素會(huì)讓LCD 面板對比度不足的缺陷徹底暴露。而在 OLED 面板上,這些問題自然迎刃而解,未來必然會(huì)有更多的設(shè)計(jì)師來更加得心應(yīng)手地運(yùn)用「重疊效應(yīng)」以實(shí)現(xiàn)他們想要的效果。
趨勢四:移動(dòng)設(shè)備適配要優(yōu)先考慮
在去年,移動(dòng)端流量消耗占比為 52.2%,實(shí)現(xiàn)了首次真正意義上的趕超PC(包括 Tablet 電腦)。并且這個(gè)趨勢在2021年會(huì)繼續(xù)保持。
這意味著從今天起,一個(gè)網(wǎng)站(或互聯(lián)網(wǎng)產(chǎn)品)的UI設(shè)計(jì)需要首先適配移動(dòng)端,從而滿足更多數(shù)的用戶使用場景。
趨勢五:深度空間
一個(gè)帶有縱深方向的空間必然要比平面具有更高的信息效率,更能在視覺上對用戶的操作進(jìn)行正確引導(dǎo)。
其中發(fā)展最成熟以及最高效的還是「陰影」相比于普通的高斯模糊以及高級點(diǎn)的「毛玻璃」,陰影的特點(diǎn)在于不光能在UI中把某一個(gè)特定的頁面提前,還能同時(shí)展現(xiàn)多個(gè)頁面并賦予它們對應(yīng)的縱深關(guān)系,以及大多數(shù)的 UI 設(shè)計(jì)工具(如 PS、AI、Axure)對陰影的支持都十分友好。
文章來源:傳智教育
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com