編輯導(dǎo)語：隨著時代的不斷發(fā)展，互聯(lián)網(wǎng)行業(yè)也在不斷的進步和改變；根據(jù)時代的流行以及新事物的出現(xiàn)，每年的設(shè)計趨勢也會有一定的發(fā)展和改變，出現(xiàn)更多更符合用戶審美和體驗的新設(shè)計；本文作者分享了關(guān)于2021年的設(shè)計趨勢報告，我們一起來了解一下。

主要整理了Behance 2021設(shè)計趨勢報告、騰訊2021 設(shè)計趨勢ISUX報告 · 用戶體驗篇，方便大家閱讀。

一、Behance 2021

1. UI/IXD設(shè)計

1）App vs 移動端

2021年，不是以“移動優(yōu)先”的網(wǎng)站將會過時。

在大多數(shù)業(yè)務(wù)部門中，如果你使用的是應(yīng)用程序，將獲得最佳體驗；所以這些業(yè)務(wù)都專注于其開發(fā)和實施、包括在線商店，社交媒體平臺，交易平臺等，將選擇把客戶遷移到應(yīng)用程序，以獲得更好的用戶體驗并增加其轉(zhuǎn)化率。

2）顏色

顏色是UI設(shè)計中重要的視覺元素之一，可以突出內(nèi)容并增強品牌風(fēng)格；而一套好的配色，應(yīng)該是將UI元素以及畫面進行準確的區(qū)分，達到和諧的視覺效果。

3）小部件尺寸

今年推出的iOS14，引用了小組件管理，在一定程度上也影響了界面設(shè)計；小部件現(xiàn)有3種尺寸：小、中、大，用戶可以根據(jù)使用習(xí)慣自由排列它們。

設(shè)計師必須創(chuàng)建3種基本樣式的組件圖標，供用戶自主選擇，而且較大的組件可以顯示更多數(shù)據(jù)和信息。

4）動畫&交互

動畫是構(gòu)建應(yīng)用程序和用戶體驗的重要組成部分，如果不包含動畫，設(shè)計總像是缺少了點兒什么；有很多創(chuàng)建動畫的方法，比如JSON，將圖像和動畫提取為代碼，JSON與GIF相比，它的大小僅占很小的一部分，并且支持完全透明。

5）3D圖標定制

3D已越來越占據(jù)大家的視線了，且現(xiàn)在它對UI細分市場的影響比以往任何時候都要大；3D圖標是2021年新的UI趨勢，如果覺得扁平圖標有些審美疲勞，轉(zhuǎn)向3D版也不錯。

2. 插圖設(shè)計

1）細輪廓插畫

去年，這種特殊的繪畫風(fēng)格為主導(dǎo)的插畫非常常見；通過細線條呈現(xiàn)的插畫形式，2021年依舊會流行。

2）3D

3D插畫在近年來，有了很多大的發(fā)展；通過簡約的形式，采用或強烈或柔和的色調(diào)，傳遞畫面信息。

3）70&80年代卡通插圖

在插畫風(fēng)格上，七八十年代的懷舊卡通風(fēng)插圖占主導(dǎo)地位；一般這種經(jīng)典的風(fēng)格，都是采用輪廓繪制，簡單的形狀以及一些細節(jié)處理來表達。

4）夸張的形狀&顏色

這種夸張的插畫形式，盡管乍看下似乎像還未完成，但其實都是經(jīng)過深思熟慮的；重疊的形狀和強烈的色彩構(gòu)成了大膽夸張的插圖，激發(fā)任何觀看者的靈感。

3. 動態(tài)設(shè)計

1）經(jīng)典卡通動畫設(shè)計

在插畫風(fēng)格上，七八十年代的懷舊卡通風(fēng)插圖占主導(dǎo)地位；一般這種經(jīng)典的風(fēng)格，都是采用輪廓繪制，簡單的形狀以及一些細節(jié)處理來表達。

2）超逼真的3D VFX

VFX或Visual Effects，是將現(xiàn)有素材與計算機生成的圖像結(jié)合，以創(chuàng)建逼真的特效場景；它們是插入到真實生活場景中的動畫，以前多是用攝像機錄制，隨著眾多易用軟件出現(xiàn)，VFX在視頻和短片中變得更加常見。

3）3D插圖

隨著“增強現(xiàn)實感”，在越來越多的應(yīng)用程序及軟件中的重視，3D將獲得越來越多的應(yīng)用。我們可以看到設(shè)計師，喜歡將3D與攝影或2D畫面結(jié)合起來，創(chuàng)建的設(shè)計；所有這些技術(shù)，結(jié)合運動，創(chuàng)造了獨特的概念。

4）動態(tài)logo

動態(tài)logo從出現(xiàn)至今已變得非常醒目，甚至席卷了很多我們熟知的大品牌；將標識與平滑流暢的動畫相結(jié)合，可以為品牌帶來令人難忘的效果。

4. 平面設(shè)計與印刷

1）大膽的排版設(shè)計

排版是設(shè)計中最重要的元素！一個有經(jīng)驗的設(shè)計師可以僅用排版來呈現(xiàn)視覺，排版對于構(gòu)建信息、建立視覺層次結(jié)構(gòu)、傳遞價值觀以及為用戶創(chuàng)造良好的體驗至關(guān)重要；無論使用動態(tài)的、變形的、3D的、動畫的或靜態(tài)排版，它會一直是熱門趨勢。

2）幾何形狀

通過簡單的幾何形狀創(chuàng)造復(fù)雜的視覺設(shè)計，這種手法一直以來都非常常見；雖然不是新趨勢，但還是非常重要的；無論是在海報、印刷還是品牌標識上，幾何圖形的運用都非常廣泛。

3）細輪廓&線稿

排版是設(shè)計中最重要的元素！一個有經(jīng)驗的設(shè)計師可以僅用排版來呈現(xiàn)視覺，排版對于構(gòu)建信息、建立視覺層次結(jié)構(gòu)、傳遞價值觀以及為用戶創(chuàng)造良好的體驗至關(guān)重要；無論使用動態(tài)的、變形的、3D的、動畫的或靜態(tài)排版，它會一直是熱門趨勢。

5. 包裝設(shè)計

1）可持續(xù)發(fā)展包裝

在近幾年，我們都知道冠狀病毒以及各種自然災(zāi)害，對地球產(chǎn)生了重大的影響；所以在包裝行業(yè)中，必須采取措施以減少對環(huán)境的影響，這也成為品牌們越來越重視的方面；企業(yè)必須使用可生物降解的材料，例如紙板、生物塑料或玉米土豆或蘑菇制成的材料。

2）插圖定制

精心設(shè)計和獨特的插圖，可以為品牌創(chuàng)造出色的故事。

3）故事性

有故事性的產(chǎn)品包裝可以激發(fā)用戶的產(chǎn)品購買欲望，包裝上的字體、圖形、以及包裝材質(zhì)，會聯(lián)動帶來影響。

4）互動性包裝

Smart Packaging正在創(chuàng)造新的體驗，使客戶能夠與產(chǎn)品互動，從而建立品牌知名度；互動包裝受技術(shù)的影響很大，大多數(shù)新產(chǎn)品都圍繞著智能手機進行交互。

5）3D打印包裝

隨著3D打印機的出現(xiàn)，具有不尋常形狀的包裝也開始出現(xiàn)了；設(shè)計師可以自由發(fā)揮自己的想象力，印刷具有奇特形狀的包裝；與傳統(tǒng)包裝相比，3D打印出的產(chǎn)品價格仍然很高。

二、Tencent 設(shè)計趨勢2021

1. 研究語境

任何一個新事物的悄悄冒頭，都有可能在未知的將來影響著用戶體驗設(shè)計師。

我們能做的是，在起初感受到微微震幅時，便沿著震感逐步尋找源頭，并思考未來的發(fā)展走向，趕在變化降臨前先擁抱變化。

2. 用戶體驗影響因素

隨著人工時代到來，過去機械的單向交互方式逐漸被打破，機器漸漸演化成了會主動“觀察”真實場景，“感受”用戶情感，預(yù)判用戶意圖并自動完成任務(wù)的貼心小棉襖。

機器如何為人們提供更智能便捷的服務(wù)，未來還有非常大的想象空間。

3. 更智能的服務(wù)提供方式

1）基于真實場景推理用戶意圖

智能設(shè)備可以越來越無縫地將數(shù)字世界和物理世界嫁接起來，主動感知用戶所處情境并智能提供相應(yīng)服務(wù)。

在2019的 Google I/O 大會上，Google Lens 展示的AR點菜功能可以智能識別用戶菜單并將美食網(wǎng)站上的相關(guān)推薦呈現(xiàn)在屏幕上。

Google Lens 識別小票時，可快速提取小票上的金額，且可自動彈起計算器快速幫助用戶計算人均消費。

2）任務(wù)自動化，簡化用戶旅程

完成一項任務(wù)，用戶往往需要借助多個應(yīng)用來回切換配合，使用起來瑣碎。

Google Assistant的Duplex on the web 可以跨應(yīng)用來簡化用戶旅程。用戶發(fā)出語音指令“預(yù)定一輛去某地的車”，助手便可自動跨郵件、日歷、付款等應(yīng)用調(diào)取信息，根據(jù)使用習(xí)慣做選擇，并填寫信息，用戶只在關(guān)鍵節(jié)點“確認”即可。

4. 更自然豐富的交互方式

1）隔空手勢交互：更自由、更靈動

為了讓機器更好地讀懂用戶的身體語言，能夠感知深度信息的攝像頭走進了日常手機。

2019年國內(nèi)外手機廠商的發(fā)布大會上，LG 手機 G8 ThinQ 以及華為發(fā)布 Mate 30 系列推出的隔空手勢，可實現(xiàn)一些簡單的諸如滑動、切歌、截屏等效果。

2）語音交互：更精準、更好玩

語音交互趨向更自然、更人性化、更個性化。此外，多人會話場景下的技術(shù)方案日漸增多。

2020年2月索尼提交了一項廣告播放新專利。當用戶在觀看電視節(jié)目時，如果出現(xiàn)廣告，只要站起來大喊廣告中對應(yīng)品牌的名字，便可直接跳過這個廣告。

5. 硬件形態(tài)帶來新的挑戰(zhàn)

1）大屏幕：單手持握新挑戰(zhàn)

操作與信息進一步下移；底部導(dǎo)航被賦予更多能力；利用下滑手勢代替點擊。

2）折疊屏：新形態(tài)的交互方式

更靈活的信息布局；更便捷的多任務(wù)操作；更直觀的拖拽交互；雙面屏互動玩法。

6. 疫情催生新的線上體驗

1）更關(guān)注效率導(dǎo)向

疫情讓遠程辦公學(xué)習(xí)需求劇增，多人協(xié)作場景越來越頻繁，許多企業(yè)隨之升級了電話、視頻會議、文檔制作等多人協(xié)作效率軟件。

2）更注重緩解社交疏離感

隨著長時間的線上學(xué)習(xí)與辦公所產(chǎn)生社交疏離感和缺失感，人們對于線上學(xué)習(xí)工作的情感化訴求也進一步增強。

2020年推出的plagi遠程辦公軟件支持設(shè)置每個人的avartar形象，讓大家在遠程辦公時依舊能時刻感受到彼此的存在；在完成任務(wù)時還可以放鞭炮慶祝，讓員工能感受到親密無間的線上辦公體驗。

3）加速人和信息的強連接

疫情的發(fā)生加速了人與信息之間的連接。人們越來越習(xí)慣將自身的身體資料、心情狀態(tài)等信息沉淀在智能設(shè)備上。

微信和支付寶在2020年年初都上線了健康碼服務(wù)，不同顏色的健康碼代表人們不同的健康情況，市民出入特定場所都需初始健康碼。

7. 關(guān)注以人為本

1）更包容性的設(shè)計

為身障人士設(shè)計：餓了么送貨騎手中約8%受色盲色弱困擾，為此餓了么設(shè)計團隊在2019年對app的進行了重新設(shè)計。

跨年齡段設(shè)計：谷歌助手禮貌功能 ( Google Pretty Please ) ：開啟谷歌助手禮貌功能后，如果使用者在下達指令的語句中包括“Please”，谷歌助手會對禮貌的請求表示感謝，以此培養(yǎng)孩子的禮貌言行。

為性別平等而設(shè)計：回看歷年蘋果emoji的更新，從膚色平等，到性別、性向平等，再到為殘疾人設(shè)計，2020年再為跨性別者增加新表情，性別平等依舊是包容性設(shè)計中重要一環(huán)。

2）關(guān)注用戶隱私

MIUI12推出隱匿面具功能，Android開放生態(tài)導(dǎo)致的權(quán)限隱私問題一直被用戶所詬病，某些APP存在用戶不授權(quán)就無法使用情況；針對這一情況，MIUI12推出了隱匿面具功能；當用戶在開啟某些APP要求授權(quán)權(quán)限時，可以選擇空白通行證進行授權(quán)，從而保護用戶真實信息。

在iOS 14的更新中，保護用戶隱私方面進一步升級。其中剪貼板提醒設(shè)計很貼心，當用戶打開應(yīng)用，如果該應(yīng)用讀取了你剪貼板的內(nèi)容，會在系統(tǒng)頂部彈出提示，用戶能在第一時間意識到剪貼板內(nèi)容被讀取，幫助用戶更好的保護自己的隱私內(nèi)容。

3）健康的數(shù)碼生活方式

Android Q的更新加入了專注模式，用戶在專注模式下，可以在系統(tǒng)層面快捷地關(guān)閉使你分心的應(yīng)用，讓你聚焦于更重要的事情。

防沉迷系統(tǒng)升級：王者榮耀在2020年升級防沉迷系統(tǒng)，對青少年的娛樂時間和點券充值的限制進行了進一步升級。B站在2019年推出青少年模式，在該模式下，使用時長和內(nèi)容推薦等做了定制化處理。

8. UI的繼承與創(chuàng)新

1）深色模式

2019年iOS 13深色模式姍姍來遲，緊接著大廠APP相繼推出此功能；在2020年，深色模式會繼續(xù)普及外，也會在可視性和實現(xiàn)成本方面有更多細節(jié)打磨和研究。

2）新擬態(tài)

設(shè)計趨勢的發(fā)展是螺旋式上升的，在扁平化設(shè)計流行之后，對物體的擬真再一次回歸設(shè)計圈，新擬態(tài)以一種對舊擬物風(fēng)格的再創(chuàng)新，重新流行起來。

3）多彩配色

在扁平簡潔UI風(fēng)格盛行之后，豐富的色彩依舊是設(shè)計趨勢之一，大面積色塊，碰撞配色，帶來更具沖擊感的視覺體驗。

4）更大圓角

大圓角的風(fēng)格會繼續(xù)延續(xù)，相較以往，卡片的處理圓角會更大，隨之帶來的是多的留白處理，結(jié)合大字號，帶來更透氣通透的視覺感受。

5）更豐富的插圖

UI插圖的豐富體現(xiàn)在樣式和內(nèi)容上，樣式上開始3D化，內(nèi)容上更注重插圖敘事的表達。

6）多維度動畫表現(xiàn)

新趨勢下，動畫一方面回溯復(fù)古線描手繪風(fēng)格，另一方面追求更三維的體驗，同時幀率進一步提升，追求更流暢的視覺感受。

9. 更高效的設(shè)計協(xié)作方式

1）從本地文件到云端協(xié)作

近些年在線設(shè)計協(xié)同工具發(fā)展迅速，從UI設(shè)計、 設(shè)計交付以及組件協(xié)同等環(huán)節(jié)上給設(shè)計師提供更加高效實時的協(xié)作體驗，獲得大量UX設(shè)計師的簇擁。

在2019 uxtool的設(shè)計工具調(diào)研中，在線設(shè)計協(xié)同工具佼佼者figma以其協(xié)作和性能優(yōu)勢，大有追趕sketch之勢。

2）科學(xué)有效的設(shè)計系統(tǒng)

“設(shè)計系統(tǒng)(Design systems)是一組為了共同目標而服務(wù)的內(nèi)在相互聯(lián)系的設(shè)計模式和多人協(xié)同執(zhí)行的方法?！保ㄒ浴禗esign systems》，Alla Kholmatova，C7210翻譯）。

以上是對對國內(nèi)外權(quán)威趨勢的資料搜集，希望對各位有所啟發(fā)。2021，希望你找到新的突破方向～

參考資料：

Behance 原文：https://www.behance.net/gallery/107015729/2021-Design-Trends?tracking_source=project_owner_other_projects

Tencent發(fā)布2021設(shè)計趨勢報告原文：https://isux.tencent.com/articles/ux-design-trend.html

本文由 @Rinoa?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議