同學(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ì)加入之年,這讓廠商意識(shí)到手感會(huì)極大地影響用戶(hù)體驗(yàn)的好壞,所以國(guó)內(nèi)很多廠商開(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ì)的廠商,再不做就被淘汰了。
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)端,才能滿足更多的用戶(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)千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。