Behance 2021年度設計趨勢來了!

UI嚴選

一個只分享乾貨的公眾號

關注

苦苦守了幾個月，Behance大神@ Milo的年度設計趨勢預測終於又來了！在今年這樣一個變化萬千的環境下，設計趨勢又將迎來怎樣的變化呢？趕緊來了解一下吧~

——正文內容——

儘管是如此特殊的一年，但2020年的設計趨勢卻並沒有發生重大變化，有些趨勢仍會在2021年繼續佔據主導地位，也有一些非常低調的新趨勢，它們從今年第三季度開始顯現，並在2021年逐漸流行起來。今天我們只說說那些將在2021年佔據主導地位的趨勢。

年度重點

- 3D設計 -

3D設計被運用的越來越頻繁，其實是由於各類免費易用的新軟體的出現（例如Figma，它不僅對個人免費，還有很多對3D設計友好的插件）。我們有多少人在打開C4D、3D Studio Max或Maya等複雜的軟體時不氣餒呢? 現在有了Figma或Dimensions CC這樣適合3D初學者的軟體，任何設計師都可以快速學會創建精美的3D場景。

1.Tran Mau Tri Tam Box. –時間跟蹤應用 2.Jan Reeh SDMK - 3D網頁設計 3.Tran Mau Tri Tam Collab. — 登錄頁設計 4. Mike 網頁設計 -3D & 2D版本 5,6,7.CLV Madrid 銀行平臺人物插畫設計 8.Cabeza Patata Studio Shape & Rhythm 9. Vivian niu, Vikiiing macOS Big Sur 3D圖標 10. Romain Briaux Specify :插圖設計

而另一個導致3D設計運用更加頻繁的因素是，蘋果即將發布的Mac作業系統Big Sur。在撰寫本文時，Apple Big Sur還沒有發布，甚至還沒有宣布發布日期。Big Sur目前正在測試中。公開測試版(也有開發者測試版)已於8月6日發布。

你可能想知道設計界會受到什麼樣的影響。其實，蘋果已經向我們展示了一個搶先預覽版，讓我們一睹新Mac界面的風採。設計上最重要的變化是引入了3D元素（圖標）、透明區域和放棄灰色陰影。

總趨勢

1. UI / IXD設計

2. 插圖

3. 動效與互動設計

4. 平面設計和排版

5. 包裝

6. 設計工具

1.UI和IxD設計

1.1 App與Mobile web

2021年，大多數業務領域中，仍是應用程式的體驗最好，因此大部分企業還是會專注於APP的開發和推廣。網店、社交媒體平臺、交易平臺等都會選擇將客戶遷移到應用上，以獲得更好的客戶體驗，提高轉化率。

根據Forbes.com的數據，移動端用戶幾乎90%的時間花在app上，只有10%的時間花在瀏覽器/網站上。

但應用程式也有劣勢，比如開發和維護成本較高。

1. https://skilling.com/eu/zh/ 移動與應用

1.2 白色背景的頁面展示效果

色彩是UI設計中最重要的視覺元素之一。可以幫助我們突出內容，強化品牌風格。一個色彩主題的設計應該是和諧的，並且應該幫助我們將UI元素和背景輕鬆區分開。

在最上層是展示的界面，通常是留白較多的界面，而且有光滑的投影效果，看起來就像浮在背景一樣，在背景的選擇上通常是白色或者淺灰色。

如果你不想花時間選擇配色，有一些網站可以幫助你生成精美和充滿活力的配色。比如https://flatuicolors.com/或https://colorsupplyyy.com/app/

1. Grace Saraswati Health Fitness Mobile App UI UX Kit 2. Tran Mau Tri Tam Analytics - Mobile App 3.Anahit Avetikyan Data Management System 4. tokitoshi メ COREFLIGHTS — Mobile App 5. Kostia Varhatiuk 3D Wallet App Exploration 6. Prakhar Neel Sharma Tenant App Case study 7. Wahab Live Game Streaming App

1.3小部件大小

ios14帶來了一些新的變化，將影響所有的UI設計。

小部件現在有三種尺寸：小、中、大，用戶可以在應用圖標之間隨意地重新排列它們。因此設計師必須創建三種樣式的小部件圖標，並且每種大小的小部件都可以讓你顯示不同數量的信息，所以你需要清楚並正確的顯示內容。請記住，較大的小部件允許我們顯示更多數據和信息。

1.Varya Panyukova IOS 14 2. Alex Muench Apple Widgets UI Kit for Figma 3. Aleksey Bondarev iOS Widgets for iPhone

1.4動效與交互

動效是UI設計和用戶體驗的重要組成部分。現在一個設計如果不加入動效，那麼就像是沒有完成一樣。其實有很多方法可以打造動效，比如：

JSON（Javascript Object Notation的縮寫）將你的圖片和動畫轉換成代碼。JSON動畫的優點是，大小比GIF小很多，而且支持全透明（不需要BG）。

幾年前，Airbnb的人創建了一個名為Lottie的工具，使用JSON文件，讓小動畫製作變得非常簡單。Lottie是一個適用於iOS、Android和React Native的開源庫，可以實時渲染動畫。如果你還沒有嘗試過它，一定要給它一個機會。

1.Jonathan Tipton-King Treasure Truck - Logo Animations 2. Alexandra Golde Animated animals 3. Daniel Tan Daphnie Loong Classmo - Virtual Classroom UI/UX 4.Vineeth TP PETAL

1.5 自定義3D圖標

雖然3D設計早就是設計中一個無比重要的部分了。但現在，它比以往任何時候都更能影響UI領域。3D圖標是2021年新UI趨勢，所以如果你厭倦了過去十年中主導UI場景的平面圖標，那麼大可以嘗試一下3D圖標，它會讓你的設計變得清新而現代。

1. gary liu App icon using Adobe Dimension 2. David Kovalev Apple not flat 3. https://www.outliercreative.com/ 4. Alexander Shatov Instagram 3d Icon Concept 5. Udhaya Chandran iOS 14 widgets 6. Tran Mau Tri Tam Figma 3D Icon for Mac OS Big Sur 7. Seunghyun Kang Skeuomorphism?

2.插圖

2.1細描邊插圖

我們在去年的趨勢指南中也預測了這一趨勢。2020年的插圖以這種特殊的繪畫風格為主，2021年也將如此。因為這一趨勢似乎是在今年後期開始的，所以我們決定將其歸為2021年插圖類別的主要趨勢。

1 & 2. Odd Bleat * Revolut - Animated Loops 3.Nahuel Bardi Mask 4. Andrew Archer Dunhill — Japan National Football Collection 5 Calvin Sprague Personal Illustration Archive 3 6 & 7.Rafahu The Psychotoons II 8 & 9.Meme . S t e m 9 & 10.Nahuel Bardi Styleframes for animation

2.2 3D

近年來3D風靡設計界，這並不奇怪。畢竟3D設計已經發展了許久，而且有一些非常精緻的插圖，給我們留下了深刻的印象。配色或濃烈或柔和，這取決於它們想要傳達的信息。但與往年不同的是，今年的3D插畫似乎是受到了平面設計的啟發，也將變得更加簡約。

1 & 2.Monstro CGI and Illustration Studio INCLUA 3. Pat Grivet Julien Pietri Mutant Jukebox London's Life 4,5 & 6.Titi Lyao 3D illustration 7.Tran Mau Tri Tam Box 8.Tran Mau Tri Tam Ghost – Sign In

2.3 受70、80年代漫畫啟發的復古插圖

還記得《忍者神龜》、《超人》、《霹靂貓》嗎? 如果你喜歡懷舊，這是一個好消息，因為這種風格即將在今年回歸，並在2021年繼續流行。這種經典風格的插畫特點是使用輪廓、簡單的形狀和簡單的細節。

1& 2 Fago Studio Bonniers Book | A trip to the future 3 & 4 Xulia Vicente Various drawings 5. Qu Draws Limit Cafe x Gallery 6, 7 & 8.еspoon tar - -.-- .-.. --- .... и други 9.MUTE / Nathaniel Rueda 30 DAYS 30 CHARACTERS 2020

2.4誇張的形狀和色彩

如果你喜歡塗鴉，那麼你一定會欣賞這種獨特的創作插畫的技巧。雖然乍一看可能看起來沒有完成，但所有細節都是經過深思熟慮才投入到構圖中的。重疊的形狀和強烈的色彩成就了與眾不同的插畫，可以激發用戶的任何靈感。

1. Nate Williams by Nate Williams 2 & 3.Lucas Wakamatsu Animals - Prints 4. Bernardo Henning Quartz 5 & 6 Totoi Semerena Tropical Geo V 7.Totoi Semerena X E C

2.5圖文並茂的視頻演示

雖然在去年的趨勢預測中也提到過這個趨勢，但作為一個重要的部分，我們認為它值得再次提及。

1.Giordano Poloni Punto Poste Da Te

3. 運動設計與交互

3.1短視頻

短視頻是一種有效的營銷策略。隨著Instagram Reels (TikTok的替代品)的推出，很多大公司開始使用這個工具來宣傳自己，提高自己的影響力。製作短視頻也不再僅僅是青少年的消遣，大品牌還會向代理公司支付費用，讓它們提供短視頻內容。

3.2經典漫畫

是的，我們童年的動畫片在2021年很火。我們以前說過，我們也重複說過，所以很明顯，這種類型也存在於運動設計中。看看我們做的選擇吧。

1.Mari Kinovych, Nick Zaychenko 2.Zombie Studio USE ELO

3.3 超逼真的3D VFX

VFX或視覺特效，將現有的鏡頭與計算機生成的圖像相結合，創造出逼真的場景。它們是插入到一個真實的生活場景中的動畫，隨著眾多方便友好的軟體出現，VFX開始在視頻和短片中更加普及。這種打破真實和虛擬界限的技術曾是我們夢寐以求的。

1.He Yang, Chiu Ho, Track Dong, Yuko Hung 吉列 · Gillette - J20剃鬚刀宣傳視頻 2 & 3. UoU Studio , CiZY . ,PB_zz ///Ghost in 1995 , MK KUN , Mr. Tomorrow, peng cece, 小 明,Yarn Lo, Kambiz Aghdam REALME NARZO 20PRO 4.VoxelWolves PT & UK Lisbon, Rafael Vicente The Orville

3.4 3D插圖

說實話，這不是一個新的趨勢，但它是如此重要，值得再次提及。3D對所有設計領域的影響都是非常大的，以至於我們可以說，在2021年，它幾乎主導了所有的數字設計，隨著增強現實在越來越多的應用程式、網站或軟體中的應用，3D也將越來越重要。正如我們近年來在設計趨勢相關的文章中提到的，我們將看到設計師如何將3D和攝影或2D結合起來，創造出一種折衷的設計。所有這些技術，與動畫相結合，創造出獨特的設計。

1 & 2. Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gon alves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado,Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros SICREDI CONECTA

3.5動畫logo

動畫logo已經出現好幾年了，現在更是脫穎而出，席捲了一切與品牌有關的東西，所以今年它們也值得一提。當我們進入一個APP時，首先看到的就是LOGO，而將LOGO與流暢的動畫相結合，可以打造出讓人印象深刻的設計。

1.Nikola Mato evi for Barrage Travelspot logo 2.Daniel Bodea / Kreatank Bench 3.Oleg Coada Kote | Logo animation 4.Yup Nguyen aiera - logo animation loading 5.Fede Cook COOK- Logo animation 6.Fede Cook & - Logo animation 7.Vadim Carazan for Carazan Brands Consultly logo animation 8. Fede Cook Q - Logo animation

3.6增強現實和VR

AR和VR本身就是一個非常廣闊的領域，有自己的發展趨勢，所以我們只回顧一些你在2021年肯定會看到的趨勢。隨著Covid19疫情的好轉，各公司將紛紛投資AR技術，畫廊使用VR和AR能讓用戶更容易瀏覽他們的作品。Gartner預計2020年將有至少1億用戶使用ar購物技術，這一預測是在全球封鎖之前做出的。在未來，我們可以看到，在人工智慧和機器學習的幫助下，增強現實技術將大規模應用於各個領域，無論是醫藥、藝術、商業、客戶服務還是導航。

1-4.Peter Tarka, Maciek Janicki Google IO 2019

3.7快節奏的演示視頻

當觀眾看到視頻中的信息時，他們能保留95%的信息，但如果時屏幕上的文字，則只能保留10%的信息。所以無論你想傳達什麼信息，都可以選擇使用快節奏的視頻來實現。

1. https://www.toormix.com/en/

4. 平面設計與排版

4.1大而粗的排版

排版是設計中最重要的元素!一個有經驗的設計師可以只使用字體來設計視覺標識。排版對於建立信息、建立強大的視覺層次、傳遞信息以及為用戶創造良好體驗都很重要。大字體和粗體從設計之初就已經存在了，所以它不是新的，但它非常重要。即使設計師們使用了動態的、扭曲的、3D的、動畫的或靜態的排版，醒目的大字仍然，而且將永遠是設計中的一個熱門趨勢。

1. Andrew Footit MyType - Vol.2 2. Quim Marin Studio Yeah!Club Redesign 3.Mario De Meyer Isotype 2 4.Anna D Displacement Maps and Actions 5.Quim Marin Studio SOMA Brewing

4.2 幾何形狀

從上世紀初開始，幾何形狀就已經出現在視覺藝術中，所以我們不能說它們是一種新的趨勢。在2021年的平面設計中，無論是海報、印刷品、包裝還是品牌識別，都將聚焦於幾何形狀。

1-2.Toormix Design Agency Kariiou – Branding Project 3,4,5. Jerry-Lee Bosmans Printmaking Challenge V2 6.陳 俊賢 文具海報 / Stationery posters 7.Xavier Esclusa Trias Poster Collection/Retro Brands/Videotape

4.3細輪廓和線條藝術

線條藝術真的很熱門，所以我們決定在每個設計領域中都提到這一趨勢，並向你展示它是多麼有魅力。

1.Tolleson Design Dictionary.com: A World Beyond Words 2.Toormix Design Agency Institut Ramon Llull – Rebranding & Visual code Project 3,4,5.zimm wang Oval monsters/Character design/Graphics & poster design 6. Pablo Espinosa Tall Shorts Film Festival 7.Khang Ng Emotional Recovery Project 8.陳 俊賢 五觀 / Five - Observe

5. 產品設計與包裝

2020年，新冠肺炎成為媒體關注的焦點，產品包裝的作用更加重要。消費者對食品汙染表示擔憂，推動了包裝設計的需求。外賣和網購今年也有所增長。這些都是依賴於包裝的領域，畢竟品牌們的形象的很大程度上是通過包裝來實現的。

1. Mitsutaka Nakao , Miz Tsuji Park Hyatt Kyoto Takeout Packaging 2.Karla Heredia Martínez CRACK 3.Baianat Akelni Brand Design 4.Cheng Leeeee Mr. Huang's saltwater chicken 5.Anninha . Giovana Roza Julia Ebel Lopes Arlequim - Visual ID 6.Micael Micmas Moccia | Brand Identity 7.Baianat Ghallab brand design.

5.1可持續發展

由於COVID-19引發了對環境保護的重大爭議，因此包裝行業必須開始採取措施，減少對環境的影響。企業必須使用可生物降解的材料，如紙板、生物塑料或由玉米、土豆或蘑菇製成的材料。傳統塑料會保留大量的細菌，所以可持續材料還有另一個好處。

1.Lavernia & Cienfuegos The Troupe 2.Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging 3-4.Jieru Chen Side - Ceramics Product Design and Packaging

5.2定製插圖

一個經過深思熟慮的獨特插圖可以為你的品牌創造一個偉大的故事。因此你必須謹慎地選擇能夠傳達你的品牌故事的圖形。它們必須是有意義的，並給品牌帶來一致性。

1. Human, Eduardo Ramón Hombre Cometa 2.Thomas Hedger OFFBLAK Tea

3.Sanh Nguyen, InSpace Creative. Duy Tr nh, Huy Pham , Elena Phung 12 Spirits - OfDarkness 4.lucia del zotto Mejo 5.Jordan Mandes Packaging design - Maroccantea

5.3講故事

這也不是一個新的趨勢，但它比以往任何時候都更加實際，所以我們決定將其列入今年的趨勢清單。如果你在銷售一件產品，請投資優質的包裝設計，以講述有關品牌的迷人故事。產品包裝具有激發我們購買產品的能力。從包裝上的副本到字體，材料，大小和形狀，當客戶打開產品包裝時，所有這些都必須產生獨特的體驗。

1.Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee - Branding & Packaging 2.Chad Roberts The Preservatory 3.Stef Hamerlinck Rascal tastebuddies

5.4交互式包裝

人們喜歡手機，所以包裝必須適應，讓顧客參與進來。智能包裝正在創造新的體驗，讓顧客與產品互動，創造品牌知名度。從二維碼到AR體驗，這些只是打造 "智能科技 "包裝的一些想法。

產品設計也深受科技的影響，大多數新產品都圍繞著智慧型手機的概念，以及產品如何給你帶來互動體驗。

1.亨氏番茄醬 2，百事可樂 3 Peter Tarka Maciek Janicki Google IO 2019

4. Max Mysechko， Artemiy Drobyazko ， 烏克蘭基輔Qvarta Studio MINI PHA | 燈泡和充電器| 產品設計 5. Enterfun _官方 能源管暖身器

5.5 3D列印包裝

隨著3D印表機的興起，異形包裝開始出現。這種工藝為印刷奇形怪狀的包裝提供了便利，設計師可以自由發揮想像力。不太愉快的是，與經典的包裝盒相比，這樣的包裝價格仍然很高。不過它對模型的準備非常有用，並能以較低的成本快速提供原型。

6. 熱門工具

6.1 Substance

Adobe的這項新工具可讓任何設計師上手3D。Substance是用於3D項目對象紋理和材質創作的完整套件。該套件實際上是一個生態系統，面向設計師，圖像創作者和插畫家。這個新套件的缺點是Adobe提供了與Adobe Cloud不同的訂閱方式，因此對於初學者或初級設計師而言，每月費用會非常高。完整套件的價格為每月19.99美元。

Substance Painter擁有智能材質、智能遮罩和集成烘焙功能。你可以使用智能材料來生成任何物體上真實的磨損;探索適合任何形狀的蒙版預設，並使用畫筆進行即時修改。（substance3d.com）

Substance Alchemist還允許設計師使用某些程序方法對材料進行手工修飾。重要的是，這個新工具還將賦予人工智慧能力，例如，在編輯後調整掃描以獲得更真實效果的能力。

Substance Designer將更多地用於創建平鋪，動態和模塊化的紋理。它通常用於創建一個基本材質庫，其中的材質可以用於其他應用程式，比如Substance Painter。

Substance Source是一個基於物理的材質庫，其中包含了大量的資源，可以讓你的紋理、材質製作和3D藝術更進一步。在Substance Source中，每個人都有適合自己的東西，從程序化的Substance材料到手繪材料，再到100%基於物理的掃描。

1-3 Zachary Corzine Textile Techniques材質畫家和設計師 4. Danil Tabacari Bold的形狀和顏色-工藝和藝術品商店插圖 5. Sebastian Marek 材質畫家和設計師

6.2 Adobe Aero

Aero是Adobe的新工具，可幫助我們構建和共享沉浸式和交互式AR體驗。該工具最好的特點是不需要編碼或3D設計經驗。我們可以在Adobe Creative Cloud中找到Aero。

1.B RO UFHO, Kvell Production, Aiman Farooq , Carrie Gotch , Benjamin Morrow Hope

6.3 Fresco

Adobe Fresco是一款專門為Apple Pencil和iPad打造的免費繪畫應用，採用免費增值模式--你可以從免費的入門計劃開始，然後升級到付費版本以獲得高級功能。Adobe選擇了Fresco for Ipad的月度計劃，該計劃的價格為9,99美元。這是一個很有意義的舉動，因為Procreate是可以一次性購買的。你對此有什麼看法？

1-2. Tavo Monta ez The Monster Mash 2020 3-5.Cleonique Hilsaca Mayan Gods - Adobe Creative Residency Community Fund

作者：Milo Studio

BIGD翻譯整理

本文來源：公眾號 BIGD