在全球流感大流行造成的隔離和隔離數(shù)月之后，Behance對(duì)2021年充滿了希望和謹(jǐn)慎de樂觀。
權(quán)威設(shè)計(jì)平臺(tái)Behance，近日分享了2021年設(shè)計(jì)流行趨勢(shì)預(yù)測(cè)報(bào)告，這次的設(shè)計(jì)趨勢(shì)包含了UI、平面、包裝等多個(gè)領(lǐng)域。
其中，2021年度最主要的趨勢(shì)是3D設(shè)計(jì)，其實(shí)它作為主要設(shè)計(jì)趨勢(shì)是毋庸置疑的，因?yàn)椴还茉谀膫�(gè)設(shè)計(jì)領(lǐng)域我們都可以找到它！
包括長(zhǎng)久以來一直以平面設(shè)計(jì)為主的UI界面，也開始將3D的新穎之處融入其中，甚至是即將發(fā)布的Mac新操作系統(tǒng)Apple Big Sur，也讓3D在UI設(shè)計(jì)中得到更頻繁的使用。
趨勢(shì)目錄
1. 插畫
2.UI / UX設(shè)計(jì)
4. 動(dòng)態(tài)設(shè)計(jì)
6. 設(shè)計(jì)工具
01/
1.1 細(xì)輪廓插畫
2020年的插圖以這種特殊的繪畫風(fēng)格為主，2021年也將如此。因?yàn)檫@一趨勢(shì)似乎是在今年后期開始的，所以我們決定將其歸為2021年插圖類別的主要趨勢(shì)。
Andrew Archer Dunhill — Japan National Football Collection
Meme . S t e m
Calvin Sprague Personal Illustration Archive 3
Odd Bleat Revolut - Animated Loops
Nahuel Bardi Styleframes for animation
1.2 3D插畫
近年來3D風(fēng)靡設(shè)計(jì)界，讓3D有了很大的發(fā)展，并呈現(xiàn)了一些非常優(yōu)美的插圖，給觀眾留下了深刻的印象。在插畫中所使用的顏色是強(qiáng)烈抑或柔和，則取決于他們要傳達(dá)的信息。但與往年不同的是， 今年的3D插畫似乎是受到了平面設(shè)計(jì)的啟發(fā)， 也將變得更加簡(jiǎn)約。
Titi Lyao 3D illustration
Tran Mau Tri Tam Ghost – Sign In
Tran Mau Tri Tam Box
Monstro CGI and Illustration Studio INCLUA
1.3 撞色與重疊
如果你喜歡涂鴉，那么你很可能會(huì)喜歡這種獨(dú)特的插畫創(chuàng)作。雖然乍一看可能看起來沒有完成，但所有細(xì)節(jié)都是經(jīng)過深思熟慮才投入到構(gòu)圖中的。重疊的形狀和強(qiáng)烈的色彩成就了與眾不同的插畫，可以激發(fā)用戶的任何靈感。
Lucas Wakamatsu Animals - Prints
Totoi Semerena Tropical ; Geo V
Bernardo Henning Quartz
1.4 70~80年代的復(fù)古插畫
還記得《忍者神龜》、《超人》、《霹靂貓》嗎? 如果你喜歡懷舊，這是一個(gè)好消息，因?yàn)檫@種風(fēng)格即將在今年回歸，并在2021年繼續(xù)流行。這種經(jīng)典風(fēng)格的插畫特點(diǎn)是 使用輪廓、簡(jiǎn)單的形狀和簡(jiǎn)單的細(xì)節(jié)。
MUTE / Nathaniel Rueda Fusion Culture Festival - Season 1
spoon tar IYHNF
MUTE / Nathaniel Rueda 30 DAYS 30 CHARACTERS 2020
Xulia Vicente Various drawings;
Fago Studio Bonniers Book | A trip to the future
1.5 圖解視頻演示
不管是2020年還是2021年，圖解視頻演示都作為很重要的趨勢(shì)，我們認(rèn)為它值得再一次被提及。
Giordano Poloni Punto Poste Da Te
02/
UI / UX
2.1 App與Mobile web
2021年，擁有一個(gè)非“移動(dòng)優(yōu)先”的網(wǎng)站一定是過時(shí)的。在大多數(shù)業(yè)務(wù)領(lǐng)域中，仍是應(yīng)用程序的體驗(yàn)最好，因此大部分企業(yè)還是會(huì)專注于APP的開發(fā)和推廣。在一些網(wǎng)店、社交媒體平臺(tái)、交易平臺(tái)等等，都會(huì)更好的選擇將客戶遷移到應(yīng)用程序上，以此獲得更完善的客戶體驗(yàn)，以致于提高轉(zhuǎn)化率。
據(jù)福布斯網(wǎng)站數(shù)據(jù)顯示，移動(dòng)用戶有將近90%的時(shí)間花在移動(dòng)應(yīng)用程序上，而只把10%的時(shí)間花在瀏覽器/移動(dòng)端網(wǎng)頁上。當(dāng)然App也有缺點(diǎn)，比如更高的開發(fā)和維護(hù)成本等。
2.2 Colors on White Surfaces
色彩是UI設(shè)計(jì)中最重要的視覺元素之一，它們不僅可以讓你的 內(nèi)容更突出，還能 強(qiáng)化你的品牌風(fēng)格與意識(shí)。在UI設(shè)計(jì)中一套色彩主題應(yīng)該是相互和諧的，它應(yīng)該讓 UI元素、 背景和內(nèi)容之間進(jìn)行準(zhǔn)確的區(qū)分。
Grace Saraswati Health Fitness Mobile App UI UX Kit
Tran Mau Tri Tam Analytics - Mobile App
Prakhar Neel Sharma Tenant App Case study
Kostia Varhatiuk 3D Wallet App Exploration
2.3 小部件
今年升級(jí)的iOS 14，帶來了一些新的變化，這些變化將影響所有的用戶界面設(shè)計(jì)。
Alex Muench Apple Widgets UI Kit for Figma
小部件現(xiàn)在有3種不同尺寸：小、中、大，讓你可以在應(yīng)用程序圖標(biāo)之間巧妙地重新排列它們。設(shè)計(jì)師必須同時(shí)設(shè)計(jì)3種不同尺寸的小部件，讓用戶可以任意地選擇。因?yàn)樾〔考叽绲牟煌孕枰故镜膬?nèi)容也會(huì)不同，因此在設(shè)計(jì)時(shí) 需要明確內(nèi)容的布局和設(shè)計(jì)。
Varya Panyukova iOS 14
2.4 自定義3D圖標(biāo)
到目前為止，相信每個(gè)人都已經(jīng)意識(shí)到 3D是設(shè)計(jì)中的重要范疇之一。而如今，它比以往任何時(shí)候都更能影響UI領(lǐng)域。 3D圖標(biāo)是2021年度新的UI趨勢(shì)，所以如果你厭倦了過去十年中主導(dǎo)UI場(chǎng)景的平面圖標(biāo)，那么大可以嘗試一下3D圖標(biāo)，它會(huì)讓你的 設(shè)計(jì)變得清新而現(xiàn)代。
David Kovalev Apple not flat
Tran Mau Tri Tam Figma 3D Icon for Mac OS Big Sur
Udhaya Chandran iOS 14 widgets
Alexander Shatov Instagram 3d Icon Concept
Seunghyun Kang Skeuomorphism
2.5 動(dòng)效與交互
動(dòng)效是UI設(shè)計(jì)和用戶體驗(yàn)的重要組成部分。現(xiàn)在一個(gè)設(shè)計(jì)如果不加入動(dòng)效，那么就像是沒有完成一樣。其實(shí)有很多方法可以打造動(dòng)效，比如：JSON（Java Object Notation的縮寫）將你的圖片和動(dòng)畫轉(zhuǎn)換成代碼。JSON動(dòng)畫的優(yōu)點(diǎn)是，大小比GIF小很多，而且支持全透明（不需要BG）。
Daniel Tan Daphnie Loong Classmo - Virtual Classroom UI/UX‍
幾年前，Airbnb的人創(chuàng)建了一個(gè)名為L(zhǎng)ottie的工具，使用JSON文件，讓小動(dòng)畫制作變得非常簡(jiǎn)單。Lottie是一個(gè)適用于iOS、Android和React Native的開源庫， 可以實(shí)時(shí)渲染動(dòng)畫。如果你還沒有嘗試過它，一定要給它一個(gè)機(jī)會(huì)。
Vineeth TP PETAL;
Alexandra Golde Animated animals;
03/
3.1 幾何形狀
使用非常簡(jiǎn)單的形狀創(chuàng)造復(fù)雜的設(shè)計(jì)是非常獨(dú)特的。從上個(gè)世紀(jì)開始的視覺藝術(shù)中就發(fā)現(xiàn)了幾何圖形，因此我們不能說它們是一種新的趨勢(shì)。在2021年的平面設(shè)計(jì)中，無論是海報(bào)、印刷品、包裝還是品牌識(shí)別，都將聚焦于 幾何形狀。
Jerry-Lee Bosmans Printmaking Challenge
陳俊賢 文具海報(bào) / Stationery posters
Xavier Esclusa Trias Poster Collection/Retro Brands/Videotape
Toormix Design Agency Kariiou – Branding Project
3.2 大膽的排版
排版是設(shè)計(jì)中最重要的元素!一個(gè)有經(jīng)驗(yàn)的設(shè)計(jì)師可以只使用字體來設(shè)計(jì)視覺標(biāo)識(shí)。排版對(duì)于建立信息、建立強(qiáng)大的視覺層次、傳遞信息以及為用戶創(chuàng)造良好體驗(yàn)都很重要。大字體和粗體從設(shè)計(jì)之初就已經(jīng)存在了，所以它不是新的，但它非常重要。即使設(shè)計(jì)師們使用了 動(dòng)態(tài)的、扭曲的、3D的、動(dòng)畫的或靜態(tài)的排版， 醒目的大字仍然， 而且將永遠(yuǎn)是設(shè)計(jì)中的一個(gè)熱門趨勢(shì)。
Andrew Footit MyType - Vol.2
Mario De Meyer Isotype 2
Quim Marin Studio SOMA Brewing
Quim Marin Studio Yeah! Club Redesign
Sebastian Schubmehl KYIV TYPE - book
3.3 細(xì)輪廓與線條藝術(shù)
細(xì)輪廓線條在今年確實(shí)非常地?zé)衢T，想必這種趨勢(shì)會(huì)貫穿在各種不同的設(shè)計(jì)領(lǐng)域中，而且它也的確能夠完美適應(yīng)不同的設(shè)計(jì)分支，并展示它是多么有魅力。
HUGMUN STUDIO Cinema in Trondheim - Monthly programme design set
Pablo ; Espinosa Tall Shorts Film Festival
陳俊賢 五觀 / Five - Observe
Tolleson Design Dictionary.com: A World Beyond Words
04/
動(dòng)態(tài)設(shè)計(jì)
4.1 逼真的3D視覺特效
視覺特效（Visual effects, 簡(jiǎn)稱VFX）結(jié)合 現(xiàn)有的鏡頭與計(jì)算機(jī)生成的圖像，以創(chuàng)建逼真的場(chǎng)景。它們是插入到 真實(shí)生活場(chǎng)景中的動(dòng)畫，在這之前只能通過攝像機(jī)記錄。隨著眾多更人性化的軟件的出現(xiàn)，視覺特效開始在 視頻和短片中變得更加易于使用和普及。
Gillette - J20
REALME NARZO 20PRO
The Orville
4.2 經(jīng)典動(dòng)畫片
不用驚奇，童年流行的動(dòng)畫片在2021年依然很火熱。近年來隨著動(dòng)態(tài)設(shè)計(jì)的普及，所以很明顯，這種流派也在發(fā)生著一些有趣的變化。
Mari Kinovych, Nick Zaychenko
Zombie Studio USE ELO
Wakana Yamazaki Animation "Dim sum time"
Dale Edwin Murray UNINTERRUPTED
4.3 動(dòng)態(tài)3D插畫
坦白說，這并不是一個(gè)新的趨勢(shì)，但它是如此的重要，值得再次提及。3D對(duì)設(shè)計(jì)的所有分支都有著如此強(qiáng)烈的影響，以至于我們可以說它在2021年幾乎主宰了所有的數(shù)字創(chuàng)作。隨著增強(qiáng)現(xiàn)實(shí)技術(shù)在越來越多的應(yīng)用、網(wǎng)站或軟件中的實(shí)現(xiàn)，3D會(huì)越來越普及。
SICREDI CONECTA
Jacks Patch
4.4 動(dòng)畫logo
動(dòng)畫logo已經(jīng)存在好幾年了，現(xiàn)在更是脫穎而出，席卷了一切與品牌有關(guān)的東西，因此今年也應(yīng)提及它們。標(biāo)志是我們?cè)谶M(jìn)入應(yīng)用程序時(shí)首先看到的視覺元素，將標(biāo)志與平滑流暢的動(dòng)畫相結(jié)合，可以迅速加深受眾對(duì)于品牌標(biāo)志的印象。
Oleg Coada Kote | logo animation
Fede Cook & - logo animation
Vadim Carazan for Carazan Brands Consultly logo animation
Fede Cook Q - logo animation
4.5 動(dòng)畫logo
AR和VR本身就是一個(gè)非常廣闊的領(lǐng)域，有自己的發(fā)展趨勢(shì)。隨著Covid19疫情的好轉(zhuǎn)，各公司將紛紛投資AR技術(shù)，畫廊使用VR和AR能讓用戶更容易瀏覽他們的作品。在未來，我們可以看到，在人工智能和機(jī)器學(xué)習(xí)的幫助下，增強(qiáng)現(xiàn)實(shí)技術(shù)將大規(guī)模應(yīng)用于各個(gè)領(lǐng)域，無論是醫(yī)藥、藝術(shù)、商業(yè)、客戶服務(wù)還是導(dǎo)航。
1-4.Peter Tarka, Maciek Janicki Google IO 2019
05/
2020年，由于新冠肺炎成為媒體關(guān)注的焦點(diǎn)，產(chǎn)品包裝的作用更加重要。消費(fèi)者對(duì)食品污染表示擔(dān)憂，推動(dòng)了包裝設(shè)計(jì)的需求。外賣和網(wǎng)購今年也有所增長(zhǎng)。這些都是依賴于包裝的領(lǐng)域，畢竟品牌們的形象的很大程度上是通過包裝來實(shí)現(xiàn)的。
Mitsutaka Nakao , Miz Tsuji Park Hyatt Kyoto Takeout Packaging
Karla Heredia Martínez CRACK
Cheng Leeeee Mr. Huang's saltwater chicken
5.1 可持續(xù)材料
在過去一年，相信我們都已意識(shí)到冠狀病毒和各種自然災(zāi)害，對(duì)我們的地球產(chǎn)生了重大影響，因此包裝行業(yè)必須采取措施以減少對(duì)環(huán)境的影響。企業(yè)越來越著重于采用對(duì)環(huán)境更友好的可生物降解的包裝材料（例如紙板、生物塑料或用玉米、土豆或蘑菇制成的材料）。
Supernova Design Bantu Vegan Branding & Packaging
Lavernia & Cienfuegos The Troupe
像以下這一款由泰國Prompt Design工作室設(shè)計(jì)的大米包裝，就創(chuàng)新性地采用了 本該被廢棄的稻谷殼制作而成的包裝材料。
Prompt Design Srisangdao Rice Packaging
Jieru Chen Side - Ceramics Product Design and Packaging
5.2 定制插圖
精心的設(shè)計(jì)和獨(dú)特的插圖可以為你的品牌打造出色的視覺效果。你必須對(duì)圖形進(jìn)行深思熟慮的選擇，這樣才能最好地傳達(dá)你的品牌故事。它們必須是有意義的，并與品牌整體形象關(guān)聯(lián)，以形成連貫的視覺效果。
InSpace Creative. 12 Spirits - OfDarkness;
lucia del zotto Mejo
Thomas Hedger OFFBLAK Tea
Human, Eduardo Ramón Hombre Cometa
5.3 交互式包裝
Smart Packaging正在創(chuàng)造全新的體驗(yàn)，讓顧客能夠與產(chǎn)品互動(dòng)，從而建立品牌知名度。從二維碼碼到AR體驗(yàn)，這些只是創(chuàng)建 “智能技術(shù)”包裝的一些創(chuàng)意。產(chǎn)品設(shè)計(jì)也受到科技的影響，大多數(shù)新產(chǎn)品都圍繞著智能手機(jī)的概念，以及產(chǎn)品如何給你一個(gè)互動(dòng)體驗(yàn)。
5.4 故事性包裝
這也不是一個(gè)新的趨勢(shì)，但它比以往任何時(shí)候都更加實(shí)際，所以這也應(yīng)該被列入今年的趨勢(shì)清單之中。如果你在銷售一件產(chǎn)品，請(qǐng)投資優(yōu)質(zhì)的包裝設(shè)計(jì)，以講述有關(guān)品牌的迷人故事。產(chǎn)品包裝具有激發(fā)我們購買產(chǎn)品的能力。從包裝上的副本到字體，材料，大小和形狀，當(dāng)客戶打開產(chǎn)品包裝時(shí)，所有這些都必須產(chǎn)生獨(dú)特的體驗(yàn)。
Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee-Branding& Packaging
Chad Roberts The Preservatory
Stef Hamerlinck Rascal tastebuddies
5.5 3D打印包裝
隨著3D打印機(jī)的發(fā)展，奇形怪狀的包裝開始出現(xiàn)。此過程有助于讓設(shè)計(jì)師可以自由發(fā)揮自己的想象力，打造奇特形狀的包裝。與傳統(tǒng)包裝盒相比，稍有不足的是這種包裝的價(jià)格目前仍然比較高。
06/
6.1 Adobe Substance
這是一個(gè)來自Adobe的3D貼圖繪制程序，功能非常強(qiáng)大。Substance是用于3D項(xiàng)目對(duì)象紋理和材質(zhì)創(chuàng)作的完整套件。該套件實(shí)際上是一個(gè)生態(tài)系統(tǒng)，面向設(shè)計(jì)師，圖像創(chuàng)作者和插畫家。
圖1-3 Zachary Corzine Textile Techniques材質(zhì)畫家和設(shè)計(jì)師
圖4. Danil Tabacari Bold的形狀和顏色-工藝和藝術(shù)品商店插圖 5. Sebastian Marek 材質(zhì)畫家和設(shè)計(jì)師
6.2 Adobe Aero
Adobe Aero 是唯一一款集增強(qiáng)現(xiàn)實(shí) (AR) 創(chuàng)作功能和查看功能于一體的平臺(tái)，借助該平臺(tái)，設(shè)計(jì)人員和開發(fā)人員可以更輕松地在現(xiàn)實(shí)世界中設(shè)計(jì)、協(xié)作和發(fā)布交互沉浸式體驗(yàn)。
BÜRO UFHO, Kvell Production, Aiman Farooq , Carrie Gotch , Benjamin Morrow Hope
6.3 Adobe Fresco
Adobe Fresco是一款為觸控和觸控筆設(shè)備打造的新繪圖和繪畫應(yīng)用程序，可幫助藝術(shù)家在靈感來襲時(shí)釋放創(chuàng)造力。除了iPhone之外，Adobe Fresco還提供iPad和Windows版本。使用出色的內(nèi)置畫筆集開始繪畫。Adobe Fresco的動(dòng)態(tài)畫筆是獨(dú)一無二的；在您的繪畫中使用它們可獲得自然的水彩或油彩外觀。
Tavo Montañez The Monster Mash 2020
Cleonique Hilsaca Mayan Gods-Adobe Creative Residency Community Fund
未來的設(shè)計(jì)方向，沒有人能夠準(zhǔn)確地預(yù)知，但這也并不影響我們透過過去與現(xiàn)在，預(yù)測(cè)下一階段的設(shè)計(jì)發(fā)展趨勢(shì)。而且這些最關(guān)鍵的設(shè)計(jì)趨勢(shì)必定是與技術(shù)發(fā)展緊密結(jié)合，以及對(duì)設(shè)計(jì)領(lǐng)域的影響是息息相關(guān)的。所以借助這些趨勢(shì)，不僅能激發(fā)設(shè)計(jì)師在日常設(shè)計(jì)之中的靈感，更能為設(shè)計(jì)師們擁有更準(zhǔn)確的設(shè)計(jì)決策與判斷。
全部評(píng)論