2020年已經(jīng)過去一大半，這些時間以來，我一直在關(guān)注數(shù)字設(shè)計領(lǐng)域未來的設(shè)計趨勢。從年初就開始收集，到今8月份了，我想是時候?qū)l(fā)現(xiàn)的一些趨勢風(fēng)格分享出來，這些風(fēng)格很有可能繼續(xù)延續(xù)到2021的產(chǎn)品設(shè)計上。

對于UI界面視覺趨勢，同樣需要我們高度重視。畢竟每年改版方向，視覺風(fēng)格研究是必不可少的一個環(huán)節(jié)，下面正式開始。

少量的漸變

今年在各網(wǎng)站上看到大面積的漸變色設(shè)計，相對前兩年來說越來越少，設(shè)計上有所克制。大面積的漸變色雖然視覺沖擊力強，但大部分停留在概念中。

從今年設(shè)計中我們可以看到設(shè)計更加理性與克制，將漸變色彩運用到關(guān)鍵功能上，突出強調(diào)重要信息。

機票選購界面，將漸變色運用到頭部位置去強調(diào)功能。

運用在功能卡片上，突出重點信息。

如上圖，設(shè)計上同樣只將漸變色運用在背景上，其他卡片上基本沒有漸變色。

包豪斯風(fēng)格圖形

幾何圖形設(shè)計是目前運用最多一個設(shè)計手法，今年發(fā)現(xiàn)一些比較抽象藝術(shù)化包豪斯風(fēng)格幾何圖形，在UI設(shè)計中大量運用，且效果還不錯。

這種圖形帶來好處就是記憶性強，應(yīng)用廣，它不僅可以拓展在品牌包裝，品牌圖形延展，還可以運用在UI設(shè)計中。

卡片設(shè)計采用一些具有意向符號的圖形，來表達功能的設(shè)計，形成記憶點。

品牌設(shè)計上，也是重復(fù)這種極簡包豪斯風(fēng)格幾何圖形。將logo元素提取，進行包豪斯風(fēng)格化，重復(fù)運用在設(shè)計中。

有深度的界面

今年這樣的設(shè)計屢見不鮮，大量3D運用在界面設(shè)計中，二維的界面已經(jīng)不再滿足當前設(shè)計需要。設(shè)計師去探索更多維度學(xué)科與UI界面融合，形成一種全新的視覺感官。

uber的概念官網(wǎng)就通過3D來呈現(xiàn)，表達功能亮點。

將二維世界三維化，將是2021年重要的趨勢。目前國內(nèi)外線上有一些產(chǎn)品，開始在部分功能模塊使用這樣設(shè)計手法，如Naver，支付寶等。

毛玻璃效果

可以說是趨勢輪回，毛玻璃的效果又回來了。這也是今年在各網(wǎng)站設(shè)計上出現(xiàn)頻次多一些的設(shè)計。

新的毛玻璃效果更加去注重功能說明，用在視覺強調(diào)的地方。

如上圖設(shè)計，毛玻璃運用在頂部關(guān)鍵信息上。這樣設(shè)計即可減少其他色彩運用，還可以對功能信息進行強調(diào)。

毛玻璃效果運用在個人中心，人物頭像位置，進行設(shè)計強調(diào)。

運用毛玻璃去包裝UI界面，可以提升品質(zhì)感與神秘感。

沉浸式界面

將功能與場景融合設(shè)計，用戶在使用產(chǎn)品過程中，能產(chǎn)生更多情景體驗感觸。這也是最近今年喊的比較火的一種設(shè)計思路。在各網(wǎng)站上，這樣設(shè)計出現(xiàn)次數(shù)越來越多，設(shè)計效果沖擊力強，得到很多設(shè)計師的認可。

場景中關(guān)鍵人物元素與設(shè)計進行巧妙集合。

運用超現(xiàn)實設(shè)計手法，將人物與酒店場景進行排版布局。

將制作材料與產(chǎn)品集合。

擬真植物元素與土地進行巧妙集合，在視覺上傳達逼真效果。

界面排版雜志化

雜志化設(shè)計風(fēng)格鮮明，可以有助產(chǎn)品去打造強化記憶點。雜志化設(shè)計的優(yōu)勢可以不受到網(wǎng)格約束，排版使用大字體，同時設(shè)計排版上更加個性。我們在做產(chǎn)品概念探索前期，可以多去嘗試這樣的風(fēng)格。

擬物化圖標

擬物圖標又回來了，Apple新版本的Big Sur系統(tǒng)，就采用擬態(tài)圖標，這也是一個新的嘗試，當然也是一個開始。我們很有必要時刻關(guān)注這個趨勢，未來將會在更多設(shè)計中看到擬物化圖標的出現(xiàn)。

不過這種風(fēng)格也不能大面積運用在界面中，我們可以運用在一些關(guān)鍵功能入口設(shè)計上。

在天氣上的運用，相對之前扁平化設(shè)計，目前具有空間的擬物化設(shè)計，增加了真實感。

圓形的運用

圓形趨勢，我想大家也許會忽略的點，最近幾年設(shè)計中，圓形的設(shè)計無處不在。它的好處不言而喻，親和力強、場景覆蓋廣，幾乎任何設(shè)計都能去用圓形。因此我們有必要去注意圓形運用技巧。

星巴克的web UI概念設(shè)計，采用圓形與產(chǎn)品進行集合設(shè)計排版。

2021新擬態(tài)界面

新擬態(tài)趨勢是2020年受到廣泛關(guān)注的趨勢之一，這種趨勢大量使用了柔和的陰影和微弱漸變，使設(shè)計既具有未來感又具有現(xiàn)實感，并且為熟悉的界面帶來了新的感覺。相對之前大面積濃厚陰影而言，目前新的簡化擬態(tài)界面，會克制使用這些元素。

2021年擬態(tài)界面，更注重功能與體驗。擬態(tài)效果會使用在關(guān)鍵功能上，如儀表、按鈕，又或者需要重點強調(diào)的地方，避免了大面積使用這種設(shè)計手法。

寫在最后

2021年的趨勢相對來說，有繼續(xù)延續(xù)2020年一些設(shè)計風(fēng)格，這些風(fēng)格將會在繼續(xù)加強，同時我們也有發(fā)現(xiàn)，目前越來越多3D元素與二維界面進行集合設(shè)計，能更生動傳達功能與將故事，2021年大家務(wù)必要注意這種趨勢的延續(xù)。

作為設(shè)計師，我們對設(shè)計的思考不能只停留在表象層面，而更多的需要圍繞信息傳達這一設(shè)計的本質(zhì)功能，以充滿自省的精神深化和反思自己的設(shè)計意識，同時要時刻保持對趨勢的敏感度。將新趨勢合理的運用在產(chǎn)品設(shè)計中，以產(chǎn)生最大化收益。

作者：功夫UX

轉(zhuǎn)載請注明：優(yōu)設(shè)網(wǎng)

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

更多精彩文章：

網(wǎng)站設(shè)計之一：怒馬！超實用的單頁網(wǎng)站設(shè)計指南（附大量資源）

網(wǎng)站設(shè)計之二：旅游網(wǎng)站設(shè)計分析！教你10個小技巧

網(wǎng)站設(shè)計之三：實例教學(xué)！如何將極簡風(fēng)格的原則運用到網(wǎng)站設(shè)計中？

網(wǎng)站設(shè)計之四：另辟蹊徑談創(chuàng)新！提升網(wǎng)站設(shè)計形式的幾種方法

網(wǎng)站設(shè)計之五：經(jīng)驗分享：移動網(wǎng)站設(shè)計應(yīng)該避免的“七宗罪”

網(wǎng)站設(shè)計之六：4000 字快速回顧20多年的網(wǎng)頁設(shè)計發(fā)展史！

網(wǎng)站設(shè)計之七：騰訊出品！2021-2022設(shè)計趨勢報告：動態(tài)篇

網(wǎng)站設(shè)計之八：為什么千萬別隨便學(xué)國外的極簡設(shè)計？

網(wǎng)站設(shè)計之九：高手出品！2020~2021年UI界面設(shè)計趨勢

網(wǎng)站設(shè)計之十：如何做好網(wǎng)頁頭部內(nèi)容設(shè)計？來看 58 設(shè)計師的總結(jié)！