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