Behance 2021年度3D動畫設計趨勢來了！
UI嚴選
一個只分享干貨的(de)公眾號
關注
苦苦守了幾個月，Milo的年度設計趨勢預測終于又來了！重慶動畫公司在今年這(zhe)樣一個變(bian)(bian)化(hua)萬(wan)千的(de)環(huan)境下，設計趨(qu)勢又將迎來怎樣的(de)變(bian)(bian)化(hua)呢？趕(gan)緊來了解(jie)一下吧(ba)~
盡(jin)管是(shi)如此特殊的一年，但2020年的設計趨勢(shi)卻并沒有(you)發(fa)生(sheng)重大變化，有(you)些趨勢(shi)仍會在2021年繼續占(zhan)據(ju)主導地(di)位(wei)，也有(you)一些非(fei)常低調的新趨勢(shi)，它們從今(jin)年第三季度開始顯現，并在2021年逐(zhu)漸流行起來。今(jin)天我們只說說那些將在2021年占(zhan)據(ju)主導地(di)位(wei)的趨勢(shi)。
年度重點
- 3D設計 -
3D設(she)計(ji)被(bei)運用的(de)越來越頻繁(fan)，其實是(shi)由于各類免(mian)費易(yi)用的(de)新軟(ruan)件(jian)的(de)出現(xian)（例如Figma，它不僅對(dui)個人(ren)免(mian)費，還(huan)有很多(duo)對(dui)3D設(she)計(ji)友好(hao)的(de)插件(jian)）。我(wo)們有多(duo)少(shao)人(ren)在打(da)開C4D、3D Studio Max或Maya等復(fu)雜的(de)軟(ruan)件(jian)時(shi)不氣餒呢? 現(xian)在有了Figma或Dimensions CC這樣適合3D初學者的(de)軟(ruan)件(jian)，任何設(she)計(ji)師都可以快速學會(hui)創建精美(mei)的(de)3D場景。
1.Tran Mau Tri Tam Box. –時間(jian)跟蹤應用 2.Jan Reeh SDMK - 3D網(wang)頁設(she)(she)計(ji)(ji)(ji) 3.Tran Mau Tri Tam Collab. — 登錄頁設(she)(she)計(ji)(ji)(ji) 4. Mike 網(wang)頁設(she)(she)計(ji)(ji)(ji) -3D & 2D版本 5,6,7.CLV Madrid 銀行平臺人物插畫設(she)(she)計(ji)(ji)(ji) 8.Cabeza Patata Studio Shape & Rhythm 9. Vivian niu, Vikiiing macOS Big Sur 3D圖(tu)標 10. Romain Briaux Specify :插圖(tu)設(she)(she)計(ji)(ji)(ji)
而另一個(ge)導致3D設計運用更加頻繁的(de)因素是，蘋(pin)果即將發(fa)布(bu)(bu)的(de)Mac操(cao)作(zuo)系(xi)統Big Sur。在(zai)撰寫本(ben)文時，Apple Big Sur還沒有(you)發(fa)布(bu)(bu)，甚(shen)至(zhi)還沒有(you)宣布(bu)(bu)發(fa)布(bu)(bu)日(ri)期。Big Sur目前正在(zai)測試(shi)中。公(gong)開測試(shi)版(ban)(也有(you)開發(fa)者(zhe)測試(shi)版(ban))已于8月6日(ri)發(fa)布(bu)(bu)。
你(ni)可能(neng)想(xiang)知道設計界會受到什么樣的(de)影響。其(qi)實，蘋果已經向(xiang)我們(men)展示了一(yi)個(ge)搶先預覽版，讓我們(men)一(yi)睹新(xin)Mac界面的(de)風采。設計上最重要的(de)變(bian)化(hua)是(shi)引入了3D元素（圖標）、透明(ming)區域(yu)和放(fang)棄灰(hui)色(se)陰影。
重慶影視公司的總趨勢
1. UI / IXD設計
2. 插圖
3. 動效與交互(hu)設(she)計(ji)
4. 平(ping)面設計和排版(ban)
5. 包裝
6. 設計工具
1.UI和(he)IxD設計
1.1 App與(yu)Mobile web
2021年，大多(duo)數業(ye)務領域中，仍是(shi)應用(yong)程序的體(ti)驗最(zui)好(hao)，因此大部分企業(ye)還(huan)是(shi)會專注于(yu)APP的開(kai)發和推廣。網店、社交(jiao)媒體(ti)平臺(tai)、交(jiao)易平臺(tai)等都(dou)會選擇(ze)將客戶遷移到應用(yong)上，以獲得更好(hao)的客戶體(ti)驗，提高轉化率。
根(gen)據(ju)(ju)Forbes.com的數據(ju)(ju)，移動端用(yong)戶幾乎90%的時(shi)間(jian)花(hua)(hua)在app上(shang)，只有10%的時(shi)間(jian)花(hua)(hua)在瀏覽器/網(wang)站上(shang)。
但應用程序也(ye)有(you)劣勢，比(bi)如(ru)開發和維護成本較(jiao)高(gao)。
1. //skilling.com/eu/zh/ 移動與應用
1.2 白色背景(jing)的頁面展示效果(guo)
色彩(cai)是UI設計中最重要的視覺元素之一(yi)。可以幫(bang)助(zhu)我們突(tu)出內容，強化品牌風格(ge)。一(yi)個色彩(cai)主題的設計應該是和(he)諧的，并且應該幫(bang)助(zhu)我們將UI元素和(he)背景輕松區分開。
在最上層是(shi)展示的(de)界(jie)面(mian)，通常是(shi)留(liu)白(bai)(bai)較多的(de)界(jie)面(mian)，而(er)且有光滑的(de)投影效果，看起來就像浮在背景一(yi)樣，在背景的(de)選擇(ze)上通常是(shi)白(bai)(bai)色(se)或者淺灰色(se)。
如果你不想花時間選擇配色，有一些重慶動畫制作的網站可(ke)以幫助你生(sheng)成精美和充滿活(huo)力的配色。比如//flatuicolors.com/或(huo)//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帶來(lai)了(le)一(yi)些新(xin)的(de)變化，將影響所(suo)有的(de)UI設計。
小(xiao)部(bu)件(jian)現在有三種(zhong)尺寸：小(xiao)、中(zhong)、大(da)，用(yong)戶(hu)可以(yi)在應用(yong)圖(tu)標之間隨(sui)意地重(zhong)新排列它們。因此(ci)設計師必須(xu)創建三種(zhong)樣式的(de)小(xiao)部(bu)件(jian)圖(tu)標，并且每種(zhong)大(da)小(xiao)的(de)小(xiao)部(bu)件(jian)都(dou)可以(yi)讓你(ni)顯示不同數量的(de)信(xin)息，所(suo)以(yi)你(ni)需(xu)要清楚并正確的(de)顯示內容。請記住，較大(da)的(de)小(xiao)部(bu)件(jian)允許(xu)我(wo)們顯示更多數據和信(xin)息。
1.Varya Panyukova IOS 14 2. Alex Muench Apple Widgets UI Kit for Figma 3. Aleksey Bondarev iOS Widgets for iPhone
1.4動效與交互
動(dong)(dong)效是UI設計和用戶體驗(yan)的重要組(zu)成(cheng)部分。現在(zai)一個(ge)設計如(ru)(ru)果(guo)不加入動(dong)(dong)效，那么就像是沒有完成(cheng)一樣。其(qi)實有很多方法可以打造(zao)動(dong)(dong)效，比如(ru)(ru)：
JSON（Javascript Object Notation的(de)(de)縮寫）將(jiang)你的(de)(de)圖片(pian)和動畫(hua)轉(zhuan)換成代(dai)碼。JSON動畫(hua)的(de)(de)優(you)點是，大小(xiao)比GIF小(xiao)很多，而(er)且支持全(quan)透明（不(bu)需要(yao)BG）。
幾年前，Airbnb的(de)人創建了一個名為Lottie的(de)工具，使(shi)用JSON文件(jian)，讓小動畫制作變得(de)非常簡單。Lottie是一個適用于iOS、Android和React Native的(de)開源庫，可以實時渲染動畫。如果你還沒(mei)有嘗試(shi)過它(ta)，一定(ding)要給(gei)它(ta)一個機會。
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 自定義(yi)3D圖標
雖然3D設計(ji)(ji)早就是設計(ji)(ji)中(zhong)一(yi)(yi)個無比(bi)重(zhong)要(yao)的部(bu)分了。但現在，它比(bi)以往任(ren)何時(shi)候都更能(neng)影響UI領(ling)域。3D圖標(biao)(biao)是2021年(nian)新UI趨勢(shi)，所以如果你(ni)厭(yan)倦了過去十年(nian)中(zhong)主導UI場景的平面圖標(biao)(biao)，那么大可以嘗(chang)試一(yi)(yi)下3D圖標(biao)(biao)，它會(hui)讓你(ni)的設計(ji)(ji)變得清新而(er)現代。
1. gary liu App icon using Adobe Dimension 2. David Kovalev Apple not flat 3. //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年的重慶3D動畫公司插(cha)圖(tu)以這(zhe)種特殊的繪畫(hua)風格為(wei)主(zhu)(zhu)，2021年也將如此。因(yin)為(wei)這(zhe)一趨勢似(si)乎是在今年后期開始的，所(suo)以我們決定將其(qi)歸為(wei)2021年插(cha)圖(tu)類別的主(zhu)(zhu)要(yao)趨勢。
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
近年來(lai)3D風靡設計界(jie)，這(zhe)并不奇怪。畢竟(jing)3D設計已(yi)經(jing)發展(zhan)了許(xu)久，而且有一(yi)些非常(chang)精致的(de)(de)插圖，給我們留下了深刻的(de)(de)印象。配色或濃(nong)烈或柔(rou)和，這(zhe)取決于它們想(xiang)要傳達(da)的(de)(de)信息。但(dan)與往(wang)年不同的(de)(de)是，今年的(de)(de)3D插畫(hua)似乎是受到了平面(mian)設計的(de)(de)啟發，也將變得更加簡約。
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年代漫(man)畫(hua)啟(qi)發的復古插(cha)圖(tu)
還記(ji)得《忍者神(shen)龜》、《超人》、《霹靂(li)貓》嗎(ma)? 如果(guo)你喜歡懷舊(jiu)，這(zhe)(zhe)是(shi)一個(ge)好(hao)消息(xi)，因為(wei)這(zhe)(zhe)種(zhong)風(feng)格即將在(zai)今年回歸，并在(zai)2021年繼續流行。這(zhe)(zhe)種(zhong)經典風(feng)格的(de)(de)插畫特(te)點是(shi)使用輪(lun)廓、簡單(dan)的(de)(de)形狀和簡單(dan)的(de)(de)細節。
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夸張的形狀和色彩
如果你喜(xi)歡涂(tu)鴉(ya)，那么你一定(ding)會欣(xin)賞這種獨特的(de)(de)創作插畫(hua)的(de)(de)技(ji)巧(qiao)。雖然乍一看可(ke)能看起來沒有(you)完成，但(dan)所有(you)細節都是經(jing)過深思(si)熟慮才投入到構圖中的(de)(de)。重疊的(de)(de)形狀和強(qiang)烈(lie)的(de)(de)色彩成就了與眾不同的(de)(de)插畫(hua)，可(ke)以激發用戶(hu)的(de)(de)任何靈感。
