UI/UX設(shè)計(jì)趨勢(shì)@2021年中期盤點(diǎn)

2021-7-7    ui設(shè)計(jì)分享達(dá)人

往往偉大的事業(yè)都是從七月開始的、我用一個(gè)設(shè)計(jì)師的視角,來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計(jì)風(fēng)格走勢(shì)。

以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢(shì)這五個(gè)層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。


在色彩方面,雖然UI是一個(gè)相對(duì)獨(dú)立的設(shè)計(jì)環(huán)境,但其實(shí)一直是在跟隨平面的趨勢(shì)。

 


年初潘通發(fā)布了2021年的色彩流行趨勢(shì),灰黃色一時(shí)間成為了我們追逐的目標(biāo)。

但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會(huì)情緒與遠(yuǎn)景追求,并不是用來指導(dǎo)設(shè)計(jì)的。

(圖片來源:Dribbble)


在UI的色彩方面,我們都記得2020年還是流行的是高飽和色彩路線,而2021年UI色彩一下子就被沖淡了,各種低飽和度色彩的作品更加得到設(shè)計(jì)師的青睞,似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來,這個(gè)世界的確需要設(shè)計(jì)來對(duì)情緒進(jìn)行即時(shí)表達(dá),在5月份Google的全新Material You設(shè)計(jì)語言中,這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會(huì)延續(xù)發(fā)展!


有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來!》


(圖片來源:Google Material You)


(圖片來源:Dribbble)


圖形方面,亮點(diǎn)在3D!毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢(shì)頭,2021上半年涌現(xiàn)出了大量?jī)?yōu)秀的3D風(fēng)格插畫,并且不止是3D卡通人物,在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是,設(shè)計(jì)工具的高速發(fā)展也讓3D門檻不斷降低,如果你只盯著C4D那就真的OUT了,像Blender Spline Stager 這樣的新興輕量級(jí)3D工具軟件是需要特別關(guān)注的,也許這些新工具是真的能讓你跑出與別人不一樣的賽道。


(值得關(guān)注的3款新興3D軟件)



在2D圖形方面,也有突破,除了傳統(tǒng)的矩形、圓角矩形、圓形之外,UI中將會(huì)引入到更多的形狀,像多邊形、三角形、不規(guī)則形都會(huì)大量的出現(xiàn)在UI設(shè)計(jì)中,UI設(shè)計(jì)越來越開放和放得開了!



(圖片來源:Google Material You)


隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布,3D圖標(biāo)著實(shí)火了一段時(shí)間,出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的,并且也更加實(shí)用,所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計(jì)的風(fēng)格圖標(biāo),看起來清新自然,一經(jīng)亮相就讓設(shè)計(jì)師們喜歡起來了!

(圖片來源:Dribbble)


但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計(jì),從某種意義上說,這些都是擬物化設(shè)計(jì)的一種新的回歸方式,設(shè)計(jì)就是一個(gè)圈哪!


排版設(shè)計(jì),塊狀與字體成為了關(guān)鍵詞。先看幾個(gè)作品,你發(fā)現(xiàn)了什么了嗎?


(圖片來源:Dribbble)


UI設(shè)計(jì)的排版不止是為了視覺好看,更多是要做信息的分割與歸類,讓信息閱讀快速準(zhǔn)確且優(yōu)雅!從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計(jì)語言的時(shí)代,陰影設(shè)計(jì)幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計(jì),所以在信息的區(qū)分上靠的就是留白與文字,所以加粗大字體,卡片留白、形狀色彩塊就在UI排版設(shè)計(jì)中起到重要的作用。再輔助通過一些微交互動(dòng)畫,一切都是那么自然絲滑,主次分明!


(UI排版的三個(gè)趨勢(shì))


最后我們說說行業(yè)趨勢(shì)方面,在2021上半年的UI設(shè)計(jì)作品中,除了常規(guī)的移動(dòng)端APP UI設(shè)計(jì)之外,我們更多看到了一些針對(duì)于其他設(shè)備的UI設(shè)計(jì),比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動(dòng)畫等這樣的新端趨勢(shì),并且這些作品的數(shù)量越來越多了,所以從行業(yè)趨勢(shì)來講,UI設(shè)計(jì)師們還是要打開更多的眼界和格局,設(shè)計(jì)的競(jìng)爭(zhēng)不止是在水平能力上,更重要的是行業(yè)賽道的選擇!關(guān)注趨勢(shì)尤為重要!


(圖片來源:Dribbble)

(需要關(guān)注的四個(gè)新端設(shè)計(jì)趨勢(shì))



用我開頭的那句話,做個(gè)結(jié)尾吧! 往往偉大的事業(yè)都是從7月開始的,無論你上半年是碩果累累還是顆粒無收,現(xiàn)在開始!一切都還來得及,還來得及!


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來源:站酷  作者:殘酷de樂章

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔