Behance是Adobe公司旗下的一個(gè)設(shè)計(jì)創(chuàng)意交流網(wǎng)站，也是設(shè)計(jì)師們必備的欣賞設(shè)計(jì)大神作品、汲取設(shè)計(jì)靈感的素材網(wǎng)站之一。

2020年即將結(jié)束，Behance為設(shè)計(jì)師們總結(jié)了一些2021年UI設(shè)計(jì)流行的趨勢，趕緊來看看吧！

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

1. App vs 移動(dòng)端網(wǎng)站

在2021年，設(shè)計(jì)師們的重點(diǎn)仍然是“移動(dòng)優(yōu)先”！業(yè)務(wù)重點(diǎn)放在應(yīng)用程序的開發(fā)和實(shí)施上。與移動(dòng)端網(wǎng)站相比，用戶更喜歡APP，所以APP設(shè)計(jì)仍是重中之重。

2. 顏色

顏色是UI設(shè)計(jì)中最重要的視覺元素之一，幫助突出界面內(nèi)容、增強(qiáng)品牌風(fēng)格以及將UI元素和表面輕松區(qū)分開。

3. 小組件的尺寸

今年推出的iOS14，引用了小組件管理，在一定程度上也影響了界面設(shè)計(jì)。在2021年，會(huì)有更多的APP要重視小組件設(shè)計(jì)。小組件有小、中、大3種尺寸，設(shè)計(jì)重點(diǎn)也略有不同。

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相比，它的大小僅占很小的一部分，并且支持完全透明。

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

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

3D圖標(biāo)在2020年已經(jīng)非常火了，在2021年必將繼續(xù)流行，從扁平化設(shè)計(jì)轉(zhuǎn)向3D版，也是各位設(shè)計(jì)師提升的方向之一。

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

1. 細(xì)輪廓插畫

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

2. 3D

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

3. 70&80年代卡通插圖

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

4. 夸張的形狀&顏色

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

5. 圖解視頻演示

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

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

1. TikTok & Instagrm Reels

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

2. 經(jīng)典卡通

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

3. 超逼真的3D VFX

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

4. 3D插圖

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

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

動(dòng)態(tài)標(biāo)識(shí)至今使用者越來越多，很多大牌都在使用這種設(shè)計(jì)。將標(biāo)識(shí)與平滑流暢的動(dòng)畫相結(jié)合，可以為品牌帶來令人難忘的效果。

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

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

7. 快閃視頻

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

趨勢工具

1. Substance

Substance是用于3D項(xiàng)目對象創(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ǔ)材料庫，其中的材料可用于其他應(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ì)。

云和數(shù)據(jù)作為一個(gè)深耕IT職業(yè)教育多年的教育者，目前的課程涵蓋云計(jì)算、大數(shù)據(jù)、人工智能、虛擬現(xiàn)實(shí)、軟件工程、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)絡(luò)安全、電子商務(wù)等八大方向，結(jié)合企業(yè)實(shí)際用人需求，只為培養(yǎng)更多高端IT技術(shù)人才。