同學(xué)你好，關(guān)于UI設(shè)計(jì)風(fēng)格新趨勢(shì)，視覺(jué)作品具有很強(qiáng)的個(gè)人屬性，除了審美，很多人為了模仿而模仿，而不是根據(jù)自己的產(chǎn)品設(shè)計(jì)布局需要，最后呈現(xiàn)作品的總體效果。設(shè)計(jì)師需要了解趨勢(shì)，擁抱創(chuàng)新，但不能盲目跟風(fēng)，為設(shè)計(jì)而設(shè)計(jì)，而是為了更好的視覺(jué)效果。

　　那就來(lái)看看UI設(shè)計(jì)風(fēng)格的新趨勢(shì)吧~

　　1、極簡(jiǎn)主義

　　第三方調(diào)查數(shù)據(jù)顯示，2000 年，人們的平均注意力集中時(shí)間為 12 秒。預(yù)計(jì)2015年將變?yōu)?秒。另一項(xiàng)研究發(fā)現(xiàn)，47% 的用戶(hù)希望網(wǎng)頁(yè)在 2 秒內(nèi)加載。但實(shí)際上，目前網(wǎng)頁(yè)的平均加載時(shí)間是 8.6 秒，而在移動(dòng)設(shè)備上則是 22 秒。

　　一個(gè)網(wǎng)站的加載速度會(huì)受到多種原因的影響，而 UI 設(shè)計(jì)是最重要的因素之一。更少的圖形元素和更簡(jiǎn)約的 UI 將大大加快網(wǎng)頁(yè)的加載速度，而更清晰的“指南”和元素區(qū)分也可以讓用戶(hù)快速熟悉網(wǎng)頁(yè)交互，即使是極簡(jiǎn)的網(wǎng)站也會(huì)影響他們的搜索結(jié)果排名，今年 Google 開(kāi)始建議網(wǎng)站加載時(shí)間不應(yīng)超過(guò) 3 秒，并將其添加到搜索排名影響因子中。

　　2、微動(dòng)畫(huà)

　　2021是全面屏手勢(shì)加入之年，這讓廠(chǎng)商意識(shí)到手感會(huì)極大地影響用戶(hù)體驗(yàn)的好壞，所以國(guó)內(nèi)很多廠(chǎng)商開(kāi)始關(guān)注微動(dòng)畫(huà)的設(shè)計(jì)盡量控制用戶(hù)的屏幕手勢(shì)。滑動(dòng)查看回復(fù)。

　　但這些僅在系統(tǒng)級(jí)別實(shí)現(xiàn)的微動(dòng)畫(huà)還遠(yuǎn)遠(yuǎn)不夠。當(dāng)用戶(hù)進(jìn)入APP時(shí)，如果微動(dòng)不再存在，由此產(chǎn)生的碎片感會(huì)大大降低整個(gè)用戶(hù)體驗(yàn)。因此，Android手機(jī)系統(tǒng)UI的細(xì)化將倒逼APP UI設(shè)計(jì)的進(jìn)步。當(dāng)然，對(duì)于那些懶得設(shè)計(jì)的廠(chǎng)商，再不做就被淘汰了。

　　3、重疊效果

　　重疊效果通過(guò)將色塊、文字、圖片等不同元素相互疊加，達(dá)到解釋內(nèi)容和視覺(jué)引導(dǎo)的效果。

　　原來(lái)，由于缺乏對(duì)比度，液晶面板上的重疊效果并不理想。一些亮度接近或色彩對(duì)比度不足的設(shè)計(jì)很容易混淆不同的元素。同時(shí)，一些透明度低的元素會(huì)使液晶面板產(chǎn)生反差。不足的缺陷被徹底暴露。在OLED面板上，這些問(wèn)題自然就迎刃而解了。未來(lái)，肯定會(huì)有更多的設(shè)計(jì)師使用“重疊效果”來(lái)達(dá)到想要的效果。

　　4、移動(dòng)設(shè)備適配是重中之重

　　2020年移動(dòng)端流量消費(fèi)占比52.2%，首次真正趕超PC。這種趨勢(shì)將在 2021 年內(nèi)持續(xù)下去。網(wǎng)站(或互聯(lián)網(wǎng)產(chǎn)品)的UI設(shè)計(jì)需要先適應(yīng)移動(dòng)端，才能滿(mǎn)足更多的用戶(hù)場(chǎng)景。

　　5、深度空間

　　具有深度方向的空間勢(shì)必比平面具有更高的信息效率，更能直觀地引導(dǎo)用戶(hù)的操作。其中，最成熟、最高效的“影子”就是“影子”。與普通的高斯模糊和高級(jí)磨砂玻璃相比，陰影的特點(diǎn)是不僅可以在UI中推進(jìn)特定頁(yè)面，還可以同時(shí)顯示多個(gè)頁(yè)面。給它們對(duì)應(yīng)的深度關(guān)系，大部分UI設(shè)計(jì)工具(如PS、AI、Axure)對(duì)陰影的支持都非常友好。

　　總結(jié)UI設(shè)計(jì)風(fēng)格新趨勢(shì)：極簡(jiǎn)、微動(dòng)畫(huà)、疊加效果、移動(dòng)設(shè)備適配應(yīng)優(yōu)先考慮，深度空間有5個(gè)新趨勢(shì)，把握UI設(shè)計(jì)新趨勢(shì)，更好把握用戶(hù)眼睛。作為一名UI設(shè)計(jì)師，你必須專(zhuān)注于提升自己的設(shè)計(jì)能力，了解當(dāng)下流行的設(shè)計(jì)風(fēng)格，設(shè)計(jì)出好的作品。更多關(guān)于“UI培訓(xùn)”的問(wèn)題，歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。