2021年設計趨勢報告整理

7 評論 16764 瀏覽 71 收藏 23 分鐘

編輯導語:隨著時代的不斷發展,互聯網行業也在不斷的進步和改變;根據時代的流行以及新事物的出現,每年的設計趨勢也會有一定的發展和改變,出現更多更符合用戶審美和體驗的新設計;本文作者分享了關于2021年的設計趨勢報告,我們一起來了解一下。

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

一、Behance 2021

1. UI/IXD設計

1)App vs 移動端

2021年,不是以“移動優先”的網站將會過時。

在大多數業務部門中,如果你使用的是應用程序,將獲得最佳體驗;所以這些業務都專注于其開發和實施、包括在線商店,社交媒體平臺,交易平臺等,將選擇把客戶遷移到應用程序,以獲得更好的用戶體驗增加其轉化率。

2)顏色

顏色是UI設計中重要的視覺元素之一,可以突出內容并增強品牌風格;而一套好的配色,應該是將UI元素以及畫面進行準確的區分,達到和諧的視覺效果。

3)小部件尺寸

今年推出的iOS14,引用了小組件管理,在一定程度上也影響了界面設計;小部件現有3種尺寸:小、中、大,用戶可以根據使用習慣自由排列它們。

設計師必須創建3種基本樣式的組件圖標,供用戶自主選擇,而且較大的組件可以顯示更多數據和信息。

4)動畫&交互

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

5)3D圖標定制

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

2. 插圖設計

1)細輪廓插畫

去年,這種特殊的繪畫風格為主導的插畫非常常見;通過細線條呈現的插畫形式,2021年依舊會流行。

2)3D

3D插畫在近年來,有了很多大的發展;通過簡約的形式,采用或強烈或柔和的色調,傳遞畫面信息。

3)70&80年代卡通插圖

在插畫風格上,七八十年代的懷舊卡通風插圖占主導地位;一般這種經典的風格,都是采用輪廓繪制,簡單的形狀以及一些細節處理來表達。

4)夸張的形狀&顏色

這種夸張的插畫形式,盡管乍看下似乎像還未完成,但其實都是經過深思熟慮的;重疊的形狀和強烈的色彩構成了大膽夸張的插圖,激發任何觀看者的靈感。

3. 動態設計

1)經典卡通動畫設計

在插畫風格上,七八十年代的懷舊卡通風插圖占主導地位;一般這種經典的風格,都是采用輪廓繪制,簡單的形狀以及一些細節處理來表達。

2)超逼真的3D VFX

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

3)3D插圖

隨著“增強現實感”,在越來越多的應用程序及軟件中的重視,3D將獲得越來越多的應用。我們可以看到設計師,喜歡將3D與攝影或2D畫面結合起來,創建的設計;所有這些技術,結合運動,創造了獨特的概念。

4)動態logo

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

4. 平面設計與印刷

1)大膽的排版設計

排版是設計中最重要的元素!一個有經驗的設計師可以僅用排版來呈現視覺,排版對于構建信息、建立視覺層次結構、傳遞價值觀以及為用戶創造良好的體驗至關重要;無論使用動態的、變形的、3D的、動畫的或靜態排版,它會一直是熱門趨勢。

2)幾何形狀

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

3)細輪廓&線稿

排版是設計中最重要的元素!一個有經驗的設計師可以僅用排版來呈現視覺,排版對于構建信息、建立視覺層次結構、傳遞價值觀以及為用戶創造良好的體驗至關重要;無論使用動態的、變形的、3D的、動畫的或靜態排版,它會一直是熱門趨勢。

5. 包裝設計

1)可持續發展包裝

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

2)插圖定制

精心設計和獨特的插圖,可以為品牌創造出色的故事。

3)故事性

有故事性的產品包裝可以激發用戶的產品購買欲望,包裝上的字體、圖形、以及包裝材質,會聯動帶來影響。

4)互動性包裝

Smart Packaging正在創造新的體驗,使客戶能夠與產品互動,從而建立品牌知名度;互動包裝受技術的影響很大,大多數新產品都圍繞著智能手機進行交互。

5)3D打印包裝

隨著3D打印機的出現,具有不尋常形狀的包裝也開始出現了;設計師可以自由發揮自己的想象力,印刷具有奇特形狀的包裝;與傳統包裝相比,3D打印出的產品價格仍然很高。

二、Tencent 設計趨勢2021

1. 研究語境

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

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

2. 用戶體驗影響因素

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

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

3. 更智能的服務提供方式

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

智能設備可以越來越無縫地將數字世界和物理世界嫁接起來,主動感知用戶所處情境并智能提供相應服務。

在2019的 Google I/O 大會上,Google Lens 展示的AR點菜功能可以智能識別用戶菜單并將美食網站上的相關推薦呈現在屏幕上。

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

2)任務自動化,簡化用戶旅程

完成一項任務,用戶往往需要借助多個應用來回切換配合,使用起來瑣碎。

Google Assistant的Duplex on the web 可以跨應用來簡化用戶旅程。用戶發出語音指令“預定一輛去某地的車”,助手便可自動跨郵件、日歷、付款等應用調取信息,根據使用習慣做選擇,并填寫信息,用戶只在關鍵節點“確認”即可。

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

1)隔空手勢交互:更自由、更靈動

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

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

2)語音交互:更精準、更好玩

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

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

5. 硬件形態帶來新的挑戰

1)大屏幕:單手持握新挑戰

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

2)折疊屏:新形態的交互方式

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

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

1)更關注效率導向

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

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

隨著長時間的線上學習與辦公所產生社交疏離感和缺失感,人們對于線上學習工作的情感化訴求也進一步增強。

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

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

疫情的發生加速了人與信息之間的連接。人們越來越習慣將自身的身體資料、心情狀態等信息沉淀在智能設備上。

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

7. 關注以人為本

1)更包容性的設計

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

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

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

2)關注用戶隱私

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

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

3)健康的數碼生活方式

Android Q的更新加入了專注模式,用戶在專注模式下,可以在系統層面快捷地關閉使你分心的應用,讓你聚焦于更重要的事情。

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

8. UI的繼承與創新

1)深色模式

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

2)新擬態

設計趨勢的發展是螺旋式上升的,在扁平化設計流行之后,對物體的擬真再一次回歸設計圈,新擬態以一種對舊擬物風格的再創新,重新流行起來。

3)多彩配色

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

4)更大圓角

大圓角的風格會繼續延續,相較以往,卡片的處理圓角會更大,隨之帶來的是多的留白處理,結合大字號,帶來更透氣通透的視覺感受。

5)更豐富的插圖

UI插圖的豐富體現在樣式和內容上,樣式上開始3D化,內容上更注重插圖敘事的表達。

6)多維度動畫表現

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

9. 更高效的設計協作方式

1)從本地文件到云端協作

近些年在線設計協同工具發展迅速,從UI設計、 設計交付以及組件協同等環節上給設計師提供更加高效實時的協作體驗,獲得大量UX設計師的簇擁。

在2019 uxtool的設計工具調研中,在線設計協同工具佼佼者figma以其協作和性能優勢,大有追趕sketch之勢。

2)科學有效的設計系統

“設計系統(Design systems)是一組為了共同目標而服務的內在相互聯系的設計模式和多人協同執行的方法?!保ㄒ浴禗esign systems》,Alla Kholmatova,C7210翻譯)。

以上是對對國內外權威趨勢的資料搜集,希望對各位有所啟發。2021,希望你找到新的突破方向~

參考資料:

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

Tencent發布2021設計趨勢報告原文:https://isux.tencent.com/articles/ux-design-trend.html

 

本文由 @Rinoa?原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 好文,趕緊收藏

    來自江蘇 回復
  2. 已經用上了

    回復
    1. 我只是搬運工,建議去看原文哦

      來自四川 回復
    2. 請問一下原文在哪呢

      來自廣東 回復
    3. 文章末尾參考資料的鏈接哦

      來自四川 回復
  3. 這種隔空手勢操作,最后有沒有可能運用在游戲方面

    回復
    1. 在VR領域已經有大量的手勢運用,在手機上也許是個值得探索的新方向

      來自四川 回復