Behance權威出品！2021年六大設計趨勢

如此不安分的一年，也讓20年的設計趨勢沒有發生太大變化，延續至2021年。

3D仍會繼續扮演重要角色，出現在其他設計分支中，比如一直被平面設計所主導的UI ... MdEditor Behance權威出品！2021年六大設計趨勢 語言:CN/TW/HK 時間 2020-12-0101:49:22 優設 主題: 移動設計 Behance權威趨勢報告 全球疫情大爆發造成了數月的隔離，這讓大家不免對2021年充滿期待。

如此不安分的一年，也讓20年的設計趨勢沒有發生太大變化，延續至2021年。

3D仍會繼續扮演重要角色，出現在其他設計分支中，比如一直被平面設計所主導的UI，風格也逐漸趨同。

各式免費3D軟體、外掛的層出不窮也降低了其學習門檻，像Figma或DimensionsCC等軟體，都非常適合新手學習。

話不多說，高能預警來嘍！6個章節，一起看看都有什麼趨勢乾貨吧~ UI/IXD設計 插圖設計 動態設計 平面設計與印刷 包裝設計 趨勢工具 UI/IXD設計 1.Appvs移動端 在2021年，如果不是“移動優先”的網站，就完全OUT了！在大多數業務分支中，如果使用的是應用程式，將大大提升使用者的感受體驗。

所以，把業務將重點放在其開發和實施上，比如線上商店、社交媒體平臺和交易平臺，還能增加其轉化率。

研究顯示，與移動網站相比，使用者更喜歡移動應用程式，並把將近90％的時間花在了移動應用上，雖然移動端開發和維護成本都很高，不可否認其受火熱程度。

2.顏色 顏色是UI設計中最重要的視覺元素之一，幫助突出介面內容、增強品牌風格以及將UI元素和表面輕鬆區分開。

如果不想花時間選擇調色盤，可以使用一些網站來生成美麗而充滿活力的混合色，之前我從100個配色工具中挑出了25個實用工具，建議戳連結收藏~ 篩選了100個配色工具後，我挑出了這25個！ UI設計中，顏色幾乎是最先被感知到的設計元素，好的色彩感知是成為一個優秀的設計師的基礎，配色工具層出不窮，辭典醬在篩選了100多種配色工具後，精選了這25個，相信必然幫到你! 閱讀文章>> 3.小元件的尺寸 今年推出的iOS14，引用了小元件管理，在一定程度上也影響了介面設計。

小部件現有3種尺寸：小、中、大，使用者可以根據使用習慣自由排列它們。

設計師必須建立3種基本樣式的元件圖示，供使用者自主選擇，而且較大的元件可以顯示更多資料和資訊。

△左：VaryaPanyukovaiOS14；右：AlexMuenchAppleWidgetsUIKitforFigma 4.動畫&互動 動畫是構建應用程式和使用者體驗的重要組成部分，如果不包含動畫，設計總像是缺少了點兒什麼。

有很多建立動畫的方法，比如JSON，將影象和動畫提取為程式碼，JSON與GIF相比，它的大小僅佔很小的一部分，並且支援完全透明。

△JonathanTipton-KingTreasureTruck–LogoAnimations 幾年前，Airbnb的設計師們建立了一個名為Lottie的工具，該工具使用JSON檔案可以使小動畫製作變得非常容易。

Lottie是適用於iOS，Android和ReactNative的開源庫，可實時渲染動畫，感興趣的話不妨試試。

一篇文章幫你瞭解AE動畫外掛Lottie的前世今生（附避坑案例） 大家好，我是彩雲。

閱讀文章>> △AlexandraGoldeAnimatedanimals‍ 5.3D圖示定製 3D已越來越佔據大家的視線了，且現在它對UI細分市場的影響比以往任何時候都要大。

3D圖示是2021年新的UI趨勢，如果覺得扁平圖示有些審美疲勞，轉向3D版也不錯。

3D圖示越來越流行，UI設計領域要變天了？ [m]UI視覺的變革，往往都是從小小的圖示開始[/m]在2020年的蘋果全球開發者大會（WWDC），蘋果釋出了新的macOS11（又名BigSur）。

閱讀文章>> 插圖設計 1.細輪廓插畫 20年插圖多以這種特殊的繪畫風格為主導，預測會繼續在21年流行。

△ OddBleat*Revolut–AnimatedLoops 2.3D 近年來3D席捲了設計領域，快速發展的同時更呈現了非常多的優美視覺，給觀眾留下了深刻的印象。

與前幾年的不同之處在於，3D插圖也變得更加簡約。

△ TitiLyao3Dillustration 3.70&80年代卡通插圖 懷舊的插畫風格會在21年繼續流行，並佔據主導地位，這種經典的卡通繪畫風格以簡單的輪廓、形狀及細節呈現。

4.誇張的形狀&顏色 這種誇張的插畫形式，儘管乍看下似乎像還未完成，但其實都是經過深思熟慮的。

重疊的形狀和強烈的色彩構成了大膽誇張的插圖，激發任何觀看者的靈感。

△ TotoiSemerenaTropical✦GeoV △ BernardoHenningQuartz 5.圖解影片演示 20年流行的插畫趨勢，21年仍值得關注。

△ GiordanoPoloniPuntoPosteDaTe 動態設計 1.TikTok&InstagrmReels 隨著TikTok替代品InstagramReels的釋出，大公司已經開始使用此工具進行自我宣傳和發展。

這些短影片不再只是作為青少年的消遣，逐漸成為各大品牌宣傳競爭的新賽道。

若已經在使用社交媒體開展業務，則值得嘗試使用Tiktok或InstagramReels。

2.經典卡通 童年時代的卡通漫畫，在2021年仍舊熱門，為這些陪伴了我們童年的卡通賦予新的變化吧。

△MariKinovych,NickZaychenko； △ ZombieStudioUSEELO 3.超逼真的3DVFX VFX或VisualEffects，是將現有素材與計算機生成的影象結合，以建立逼真的特效場景。

它們是插入到真實生活場景中的動畫，以前多是用攝像機錄製，隨著眾多易用軟體出現，VFX在影片和短片中變得更加常見。

△ REALMENARZO20PRO △ TheOrville 4.3D插圖 越來越多的應用程式、站點和軟體實現了增強現實，設計師將3D與攝影或2D創新結合，讓設計變的更獨特有趣。

△SICREDICONECTA 5.動態標識 動態標識從出現至今已變得非常醒目，甚至席捲了很多我們熟知的大品牌。

將標識與平滑流暢的動畫相結合，可以為品牌帶來令人難忘的效果。

△ YupNguyenaiera–logoanimationloading；FedeCook&–Logoanimation；VadimCarazanforCarazanBrandsConsultlylogoanimation 6.增強現實&VR AR和VR本身是一個非常廣闊的領域，也具有自己的趨勢。

由於疫情原因，很多業務活動不得不轉戰線上，比如畫廊、博物館等都已使用VR和AR，讓在家隔離的人們輕鬆瀏覽藝術品。

未來，在人工智慧和機器學習的幫助下，AR將在醫學、藝術、商業、客戶服務和導航等各個領域得到廣泛應用。

7.快閃影片 在影片中看到的訊息，大腦會儲存95％的訊息，如果換成螢幕閱讀則只能保留10％。

無論想傳達什麼資訊，若是內容豐富、鼓舞人心或說明性資訊，可以使用快閃影片來完成。

平面設計與印刷 1.大膽誇張的排版 排版是設計中最重要的元素！一個有經驗的設計師可以僅用排版來呈現視覺，排版對於構建資訊、建立視覺層次結構、傳遞價值觀以及為使用者創造良好的體驗至關重要。

無論使用動態的、變形的、3D的、動畫的或靜態排版，它會一直是熱門趨勢。

△ 左：QuimMarinStudioSOMABrewing；右：AnnaDDisplacementMapsandActions 2.幾何形狀 自上世紀初以來，視覺藝術中就已經發現了幾何形狀，不能說它是一種新趨勢但卻非常重要。

未來，它也會廣泛應用在圖形設計上（無論是海報，印刷品，包裝還是品牌標識）。

3.細輪廓&線稿 超細線條設計將在每個設計分支中逐一提及，以表明它的易用性。

包裝設計 隨著新冠疫情成為20年的新聞主旋律，產品包裝也發揮了更加重要的作用。

消費者對食品汙染表示擔憂，促使包裝需求增加，以減少對環境地更多汙染。

1.可持續發展包裝 企業必須使用可生物降解的材料，例如紙板、生物塑料或玉米土豆或蘑菇製成的材料。

△ 左：ShaivaliniKumar,SupernovaDesign,AsavariKumarBantuVeganBranding&Packaging；右：JieruChenSide–CeramicsProductDesignandPackaging 2.插圖定製 精心設計的獨特插圖，可以為企業品牌創造印象深刻的故事。

3.故事性 有故事性的產品包裝可以激發使用者的產品購買慾望，包裝上的字型、圖形、以及包裝材質，會聯動帶來影響。

△右：ChadRobertsThePreservatory；左：CubicOrange,VladimirGuskic,FernandaCostaCBDCoffee–Branding&Packaging 4.互動性包裝 SmartPackaging正在創造新的體驗，使客戶能夠與產品互動，從而建立品牌知名度。

從QR程式碼到AR體驗，這些只是建立“智慧技術”包裝的一些想法。

互動包裝受技術的影響很大，大多數新產品都圍繞著智慧手機進行互動。

△ 左：Pepsi；右：Enterfun_officialENERGYTUBEHANDWARMER 5.3D列印包裝 隨著3D印表機的出現，具有不尋常形狀的包裝也開始出現了。

設計師可以自由發揮自己的想象力，印刷具有奇特形狀的包裝。

與傳統包裝相比，3D打印出的產品價格仍然很高。

趨勢工具 1.Substance Substance是用於3D專案物件創造紋理和材質的應用套件，由Adobe推出，該套件實際上是一個生態系統，面向設計師，創作者和插畫家。

SubstanceDesigner更多地用於建立圖塊，動態和模組化紋理。

它通常用於建立基礎材料庫，其中的材料可用於其他應用程式，例如SubstancePainter。

2.AdobeAero Aero是Adobe的新工具，幫助構建與共享沉浸式、互動式AR體驗，不需要編碼或3D設計經驗。

3.Fresco AdobeFresco是一款免費的繪畫應用程式，專門為ApplePencil和iPad構建，也為專業繪畫或出於激情繪畫的藝術家而設計。

寫在最後 相信大家和辭典醬都發現了一個現象，那就是設計已由2D逐漸向3D對齊，3D已經出現在每個設計分支中了。

設計變得更多元、新穎，不同風格進行碰撞，新技術也被應用在設計中，更好的服務大眾。

2020年即將結束，也希望每個熱愛設計的人不忘初心，帶著對21年的期許，創造更多優秀的作品吧！ 歡迎關注作者微信公眾號：「UX辭典」 「其他文章」 提升購買轉化率難？快來試試這個新武器！ 如何一秒給圖片打馬賽克？試試線上神器「Redact.Photo」 米蘭設計週中國高校設計學科師生優秀作品展：武漢設計工程學院特輯 潘通流行色怎麼用容易出效果？4000字乾貨幫你掌握！ 作品集太普通？5分鐘教你做出一份可互動的線上作品集！ 面試中強調的產品思維到底是什麼？該如何提升？ 從3個方面，幫你瞭解「正態分佈模型」在體驗設計中的應用 在VR當中，尼爾森10大設計原則是否依然適用？ 有效提高轉化！4個裂變增長中的設計小套路 設計開放麥！從HR到高階互動設計師的「李嘉圖」 6000字乾貨！HMI視覺互動設計原則全方位指南 從理論到落地！3個方面詳析如何做好B端移動App設計 大廠出品！為什麼讓我們心動的產品細節越來越少？ 一整套3D圖示打包下載！免費可商用！ 大廠出品！手把手教你制定設計目標和設計策略 產品功能太多？先學會資訊架構設計的8個原則 用一篇文章，幫你掌握美國平面設計史 萬字乾貨！從4個方面完整解析柵格設計 如何優化閱讀體驗？來看大廠設計師的實戰案例！ 下一個洛天依？6個超寫實虛擬偶像產品分析 「移動設計」 從移動App小按鈕設計，到汽車座艙體驗設計中找到平衡感｜PCon 這些手勢互動你關注到了嗎？ 產品細節洞察分析，看完這些你離大廠又近了一步（2021-03） 競品分析：建設銀行AppVS工商銀行App 深度解析：刪除操作設計 合格的產品經理需要思考的三個維度 完結篇｜2021年最值關注的設計細節30條（摘錄） 關於內容生產的“四大要素”的思考 數字客戶體驗(DX)完整指南 有趣的靈魂不多但有趣的設計素材這裡很多