Behance權(quán)威出品！2021年六大設(shè)計(jì)趨勢(shì)

Behance權(quán)威趨勢(shì)報(bào)告

全球疫情大爆發(fā)造成了數(shù)月的隔離，這讓大家不免對(duì)2021年充滿期待。如此不安分的一年，也讓20年的設(shè)計(jì)趨勢(shì)沒有發(fā)生太大變化，延續(xù)至2021年。

3D仍會(huì)繼續(xù)扮演重要角色，出現(xiàn)在其他設(shè)計(jì)分支中，比如一直被平面設(shè)計(jì)所主導(dǎo)的UI，風(fēng)格也逐漸趨同。各式免費(fèi)3D軟件、插件的層出不窮也降低了其學(xué)習(xí)門檻，像Figma或Dimensions CC等軟件，都非常適合新手學(xué)習(xí)。

話不多說(shuō)，高能預(yù)警來(lái)嘍！6個(gè)章節(jié)，一起看看都有什么趨勢(shì)干貨吧~

• UI/IXD設(shè)計(jì)
• 插圖設(shè)計(jì)
• 動(dòng)態(tài)設(shè)計(jì)
• 平面設(shè)計(jì)與印刷
• 包裝設(shè)計(jì)
• 趨勢(shì)工具

UI/IXD設(shè)計(jì)

1. App vs 移動(dòng)端

在2021年，如果不是“移動(dòng)優(yōu)先”的網(wǎng)站，就完全OUT了！在大多數(shù)業(yè)務(wù)分支中，如果使用的是應(yīng)用程序，將大大提升用戶的感受體驗(yàn)。所以，把業(yè)務(wù)將重點(diǎn)放在其開發(fā)和實(shí)施上，比如在線商店、社交媒體平臺(tái)和交易平臺(tái)，還能增加其轉(zhuǎn)化率。

研究顯示，與移動(dòng)網(wǎng)站相比，用戶更喜歡移動(dòng)應(yīng)用程序，并把將近90％的時(shí)間花在了移動(dòng)應(yīng)用上，雖然移動(dòng)端開發(fā)和維護(hù)成本都很高，不可否認(rèn)其受火熱程度。

2. 顏色

顏色是UI設(shè)計(jì)中最重要的視覺元素之一，幫助突出界面內(nèi)容、增強(qiáng)品牌風(fēng)格以及將UI元素和表面輕松區(qū)分開。如果不想花時(shí)間選擇調(diào)色板，可以使用一些網(wǎng)站來(lái)生成美麗而充滿活力的混合色，之前我從100個(gè)配色工具中挑出了25個(gè)實(shí)用工具，建議戳鏈接收藏~

3. 小組件的尺寸

今年推出的iOS14，引用了小組件管理，在一定程度上也影響了界面設(shè)計(jì)。小部件現(xiàn)有3種尺寸：小、中、大，用戶可以根據(jù)使用習(xí)慣自由排列它們。設(shè)計(jì)師必須創(chuàng)建3種基本樣式的組件圖標(biāo)，供用戶自主選擇，而且較大的組件可以顯示更多數(shù)據(jù)和信息。

△ 左：Varya Panyukova iOS 14；右：Alex Muench Apple Widgets UI Kit for Figma

4. 動(dòng)畫&交互

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

△ Jonathan Tipton-King Treasure Truck - Logo Animations

幾年前，Airbnb的設(shè)計(jì)師們創(chuàng)建了一個(gè)名為L(zhǎng)ottie的工具，該工具使用JSON文件可以使小動(dòng)畫制作變得非常容易。Lottie是適用于iOS，Android和React Native的開源庫(kù)，可實(shí)時(shí)渲染動(dòng)畫，感興趣的話不妨試試。

△ Alexandra Golde Animated animals?

5. 3D圖標(biāo)定制

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

插圖設(shè)計(jì)

1. 細(xì)輪廓插畫

20年插圖多以這種特殊的繪畫風(fēng)格為主導(dǎo)，預(yù)測(cè)會(huì)繼續(xù)在21年流行。

△?Odd Bleat * Revolut - Animated Loops

2. 3D

近年來(lái)3D席卷了設(shè)計(jì)領(lǐng)域，快速發(fā)展的同時(shí)更呈現(xiàn)了非常多的優(yōu)美視覺，給觀眾留下了深刻的印象。與前幾年的不同之處在于，3D插圖也變得更加簡(jiǎn)約。

△?Titi Lyao 3D illustration

3. 70&80年代卡通插圖

懷舊的插畫風(fēng)格會(huì)在21年繼續(xù)流行，并占據(jù)主導(dǎo)地位，這種經(jīng)典的卡通繪畫風(fēng)格以簡(jiǎn)單的輪廓、形狀及細(xì)節(jié)呈現(xiàn)。

4. 夸張的形狀&顏色

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

△?Totoi Semerena Tropical ? Geo V

△?Bernardo Henning Quartz

5. 圖解視頻演示

20年流行的插畫趨勢(shì)，21年仍值得關(guān)注。

△?Giordano Poloni Punto Poste Da Te

動(dòng)態(tài)設(shè)計(jì)

1. TikTok & Instagrm Reels

隨著TikTok替代品Instagram Reels的發(fā)布，大公司已經(jīng)開始使用此工具進(jìn)行自我宣傳和發(fā)展。這些短視頻不再只是作為青少年的消遣，逐漸成為各大品牌宣傳競(jìng)爭(zhēng)的新賽道。若已經(jīng)在使用社交媒體開展業(yè)務(wù)，則值得嘗試使用Tiktok或Instagram Reels。

2. 經(jīng)典卡通

童年時(shí)代的卡通漫畫，在2021年仍舊熱門，為這些陪伴了我們童年的卡通賦予新的變化吧。

△ Mari Kinovych, Nick Zaychenko；

△?Zombie Studio USE ELO

3. 超逼真的3D VFX

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

△?REALME NARZO 20PRO

△?The Orville

4. 3D插圖

越來(lái)越多的應(yīng)用程序、站點(diǎn)和軟件實(shí)現(xiàn)了增強(qiáng)現(xiàn)實(shí)， 設(shè)計(jì)師將3D與攝影或2D創(chuàng)新結(jié)合，讓設(shè)計(jì)變的更獨(dú)特有趣。

△ SICREDI CONECTA

5. 動(dòng)態(tài)標(biāo)識(shí)

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

△?Yup Nguyen aiera - logo animation loading；Fede Cook & - Logo animation；Vadim Carazan for Carazan Brands Consultly logo animation

6. 增強(qiáng)現(xiàn)實(shí)&VR

AR和VR本身是一個(gè)非常廣闊的領(lǐng)域，也具有自己的趨勢(shì)。由于疫情原因，很多業(yè)務(wù)活動(dòng)不得不轉(zhuǎn)戰(zhàn)線上，比如畫廊、博物館等都已使用VR和AR，讓在家隔離的人們輕松瀏覽藝術(shù)品。未來(lái)，在人工智能和機(jī)器學(xué)習(xí)的幫助下，AR將在醫(yī)學(xué)、藝術(shù)、商業(yè)、客戶服務(wù)和導(dǎo)航等各個(gè)領(lǐng)域得到廣泛應(yīng)用。

7. 快閃視頻

在視頻中看到的消息，大腦會(huì)儲(chǔ)存95％的消息，如果換成屏幕閱讀則只能保留10％。無(wú)論想傳達(dá)什么信息，若是內(nèi)容豐富、鼓舞人心或說(shuō)明性信息，可以使用快閃視頻來(lái)完成。

平面設(shè)計(jì)與印刷

1. 大膽夸張的排版

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

△?左：Quim Marin Studio SOMA Brewing；右：Anna D Displacement Maps and Actions

2. 幾何形狀

自上世紀(jì)初以來(lái)，視覺藝術(shù)中就已經(jīng)發(fā)現(xiàn)了幾何形狀，不能說(shuō)它是一種新趨勢(shì)但卻非常重要。未來(lái)，它也會(huì)廣泛應(yīng)用在圖形設(shè)計(jì)上（無(wú)論是海報(bào)，印刷品，包裝還是品牌標(biāo)識(shí)）。

3. 細(xì)輪廓&線稿

超細(xì)線條設(shè)計(jì)將在每個(gè)設(shè)計(jì)分支中逐一提及，以表明它的易用性。

包裝設(shè)計(jì)

隨著新冠疫情成為20年的新聞主旋律，產(chǎn)品包裝也發(fā)揮了更加重要的作用。消費(fèi)者對(duì)食品污染表示擔(dān)憂，促使包裝需求增加，以減少對(duì)環(huán)境地更多污染。

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

企業(yè)必須使用可生物降解的材料，例如紙板、生物塑料或玉米土豆或蘑菇制成的材料。

△?左：Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging；右：Jieru Chen Side - Ceramics Product Design and Packaging

2. 插圖定制

精心設(shè)計(jì)的獨(dú)特插圖，可以為企業(yè)品牌創(chuàng)造印象深刻的故事。

3. 故事性

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

△ 右：Chad Roberts The Preservatory；左：Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee - Branding & Packaging

4. 互動(dòng)性包裝

Smart Packaging正在創(chuàng)造新的體驗(yàn)，使客戶能夠與產(chǎn)品互動(dòng)，從而建立品牌知名度。從QR代碼到AR體驗(yàn)，這些只是創(chuàng)建“智能技術(shù)”包裝的一些想法。互動(dòng)包裝受技術(shù)的影響很大，大多數(shù)新產(chǎn)品都圍繞著智能手機(jī)進(jìn)行交互。

△?左：Pepsi；右：Enterfun _official ENERGY TUBE HAND WARMER

5. 3D打印包裝

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

趨勢(shì)工具

1. Substance

Substance是用于3D項(xiàng)目對(duì)象創(chuàng)造紋理和材質(zhì)的應(yīng)用套件，由Adobe推出，該套件實(shí)際上是一個(gè)生態(tài)系統(tǒng)，面向設(shè)計(jì)師，創(chuàng)作者和插畫家。Substance Designer更多地用于創(chuàng)建圖塊，動(dòng)態(tài)和模塊化紋理。它通常用于創(chuàng)建基礎(chǔ)材料庫(kù)，其中的材料可用于其他應(yīng)用程序，例如Substance Painter。

2. Adobe Aero

Aero是Adobe的新工具，幫助構(gòu)建與共享沉浸式、交互式AR體驗(yàn)，不需要編碼或3D設(shè)計(jì)經(jīng)驗(yàn)。

3. Fresco

Adobe Fresco是一款免費(fèi)的繪畫應(yīng)用程序，專門為Apple Pencil和iPad構(gòu)建，也為專業(yè)繪畫或出于激情繪畫的藝術(shù)家而設(shè)計(jì)。

寫在最后

相信大家和辭典醬都發(fā)現(xiàn)了一個(gè)現(xiàn)象，那就是設(shè)計(jì)已由2D逐漸向3D對(duì)齊，3D已經(jīng)出現(xiàn)在每個(gè)設(shè)計(jì)分支中了。設(shè)計(jì)變得更多元、新穎，不同風(fēng)格進(jìn)行碰撞，新技術(shù)也被應(yīng)用在設(shè)計(jì)中，更好的服務(wù)大眾。

2020年即將結(jié)束，也希望每個(gè)熱愛設(shè)計(jì)的人不忘初心，帶著對(duì)21年的期許，創(chuàng)造更多優(yōu)秀的作品吧！

歡迎關(guān)注作者微信公眾號(hào)：「UX辭典」