盡管是如此特殊的一年，但2020年的設(shè)計趨勢卻并沒有發(fā)生重大變化，有些趨勢仍會在2021年繼續(xù)占據(jù)主導(dǎo)地位，也有一些非常低調(diào)的新趨勢，它們從今年第三季度開始顯現(xiàn)，并在2021年逐漸流行起來。今天我們只說說那些將在2021年占據(jù)主導(dǎo)地位的趨勢。

年度重點

- 3D設(shè)計 -

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

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

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

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

總趨勢

1. UI / IXD設(shè)計

2. 插圖

3. 動效與交互設(shè)計

4. 平面設(shè)計和排版

5. 包裝

6. 設(shè)計工具

1.UI和IxD設(shè)計 

1.1 App與Mobile web

2021年，大多數(shù)業(yè)務(wù)領(lǐng)域中，仍是應(yīng)用程序的體驗最好，因此大部分企業(yè)還是會專注于APP的開發(fā)和推廣。網(wǎng)店、社交媒體平臺、交易平臺等都會選擇將客戶遷移到應(yīng)用上，以獲得更好的客戶體驗，提高轉(zhuǎn)化率。

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

但應(yīng)用程序也有劣勢，比如開發(fā)和維護成本較高。

1. https://skilling.com/eu/zh/ 移動與應(yīng)用

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

色彩是UI設(shè)計中最重要的視覺元素之一?？梢詭椭覀兺怀鰞?nèi)容，強化品牌風格。一個色彩主題的設(shè)計應(yīng)該是和諧的，并且應(yīng)該幫助我們將UI元素和背景輕松區(qū)分開。

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

如果你不想花時間選擇配色，有一些網(wǎng)站可以幫助你生成精美和充滿活力的配色。比如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設(shè)計。

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

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

1.4動效與交互

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

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

幾年前，Airbnb的人創(chuàng)建了一個名為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設(shè)計早就是設(shè)計中一個無比重要的部分了。但現(xiàn)在，它比以往任何時候都更能影響UI領(lǐng)域。3D圖標是2021年新UI趨勢，所以如果你厭倦了過去十年中主導(dǎo)UI場景的平面圖標，那么大可以嘗試一下3D圖標，它會讓你的設(shè)計變得清新而現(xiàn)代。

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細描邊插圖

我們在去年的趨勢指南中也預(yù)測了這一趨勢。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風靡設(shè)計界，這并不奇怪。畢竟3D設(shè)計已經(jīng)發(fā)展了許久，而且有一些非常精致的插圖，給我們留下了深刻的印象。配色或濃烈或柔和，這取決于它們想要傳達的信息。但與往年不同的是，今年的3D插畫似乎是受到了平面設(shè)計的啟發(fā)，也將變得更加簡約。

1 & 2.Monstro CGI and Illustration Studio INCLUA  3. Pat Grivet Julien Pietri Mutant Jukebox Londons 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年代漫畫啟發(fā)的復(fù)古插圖

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

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夸張的形狀和色彩

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

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圖文并茂的視頻演示 

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

1.Giordano Poloni Punto Poste Da Te

 3. 運動設(shè)計與交互 

3.1短視頻

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

3.2經(jīng)典漫畫

是的，我們童年的動畫片在2021年很火。我們以前說過，我們也重復(fù)說過，所以很明顯，這種類型也存在于運動設(shè)計中?？纯次覀冏龅倪x擇吧。

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

3.3 超逼真的3D VFX

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

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對所有設(shè)計領(lǐng)域的影響都是非常大的，以至于我們可以說，在2021年，它幾乎主導(dǎo)了所有的數(shù)字設(shè)計，隨著增強現(xiàn)實在越來越多的應(yīng)用程序、網(wǎng)站或軟件中的應(yīng)用，3D也將越來越重要。正如我們近年來在設(shè)計趨勢相關(guān)的文章中提到的，我們將看到設(shè)計師如何將3D和攝影或2D結(jié)合起來，創(chuàng)造出一種折衷的設(shè)計。所有這些技術(shù)，與動畫相結(jié)合，創(chuàng)造出獨特的設(shè)計。

 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已經(jīng)出現(xiàn)好幾年了，現(xiàn)在更是脫穎而出，席卷了一切與品牌有關(guān)的東西，所以今年它們也值得一提。當我們進入一個APP時，首先看到的就是LOGO，而將LOGO與流暢的動畫相結(jié)合，可以打造出讓人印象深刻的設(shè)計。

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 增強現(xiàn)實和VR

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

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

3.7快節(jié)奏的演示視頻

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

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

4. 平面設(shè)計與排版 

4.1 大而粗的排版

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

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 幾何形狀 

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

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 細輪廓和線條藝術(shù)

線條藝術(shù)真的很熱門，所以我們決定在每個設(shè)計領(lǐng)域中都提到這一趨勢，并向你展示它是多么有魅力。

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. 產(chǎn)品設(shè)計與包裝 

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

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. Huangs 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可持續(xù)發(fā)展

由于COVID-19引發(fā)了對環(huán)境保護的重大爭議，因此包裝行業(yè)必須開始采取措施，減少對環(huán)境的影響。企業(yè)必須使用可生物降解的材料，如紙板、生物塑料或由玉米、土豆或蘑菇制成的材料。傳統(tǒng)塑料會保留大量的細菌，所以可持續(xù)材料還有另一個好處。

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 定制插圖

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

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 講故事

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

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

5.4 交互式包裝

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

產(chǎn)品設(shè)計也深受科技的影響，大多數(shù)新產(chǎn)品都圍繞著智能手機的概念，以及產(chǎn)品如何給你帶來互動體驗。

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

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

5.5 3D打印包裝

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

 6. 熱門工具 

6.1 Substance 

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

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

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

Substance Designer將更多地用于創(chuàng)建平鋪，動態(tài)和模塊化的紋理。它通常用于創(chuàng)建一個基本材質(zhì)庫，其中的材質(zhì)可以用于其他應(yīng)用程序，比如Substance Painter。

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

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

6.2 Adobe Aero

Aero是Adobe的新工具，可幫助我們構(gòu)建和共享沉浸式和交互式AR體驗。該工具最好的特點是不需要編碼或3D設(shè)計經(jīng)驗。我們可以在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打造的免費繪畫應(yīng)用，采用免費增值模式--你可以從免費的入門計劃開始，然后升級到付費版本以獲得高級功能。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