大佬總結(jié)2021年UIUX設(shè)計(jì)趨勢(shì)

1、我用一個(gè)設(shè)計(jì)師的視角，來(lái)盤(pán)點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計(jì)風(fēng)格走勢(shì)。以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢(shì)這五個(gè)層面進(jìn)行一些2021年中期盤(pán)點(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)景追求，并不是用來(lái)指導(dǎo)設(shè)計(jì)的。(圖片來(lái)源：Dribbble)在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線(xiàn)，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計(jì)師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下

2、來(lái)，這個(gè)世界的確需要設(shè)計(jì)來(lái)對(duì)情緒進(jìn)行即時(shí)表達(dá)，在5月份Google的全新Material You設(shè)計(jì)語(yǔ)言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會(huì)延續(xù)發(fā)展！有關(guān)Material You信息可以看看另一篇文章Material You 為你而來(lái)！(圖片來(lái)源：Google Material You)(圖片來(lái)源：Dribbble)圖形方面，亮點(diǎn)在3D！毫無(wú)疑問(wèn)3D插畫(huà)在2021上半年繼續(xù)著他的強(qiáng)勁勢(shì)頭，2021上半年涌現(xiàn)出了大量?jī)?yōu)秀的3D風(fēng)格插畫(huà)，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說(shuō)明的是，設(shè)計(jì)工具的高速發(fā)展也讓3D門(mén)檻不斷降低，如果你

3、只盯著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ì)越來(lái)越開(kāi)放和放得開(kāi)了！(圖片來(lái)源：Google Material You)隨著去年底蘋(píng)果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時(shí)間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來(lái)大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又

4、看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線(xiàn)。這種采用背板透光設(shè)計(jì)的風(fēng)格圖標(biāo)，看起來(lái)清新自然，一經(jīng)亮相就讓設(shè)計(jì)師們喜歡起來(lái)了！(圖片來(lái)源：Dribbble)但無(wú)論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計(jì)，從某種意義上說(shuō)，這些都是擬物化設(shè)計(jì)的一種新的回歸方式，設(shè)計(jì)就是一個(gè)圈哪！排版設(shè)計(jì)，塊狀與字體成為了關(guān)鍵詞。先看幾個(gè)作品，你發(fā)現(xiàn)了什么了嗎？(圖片來(lái)源：Dribbble)UI設(shè)計(jì)的排版不止是為了視覺(jué)好看，更多是要做信息的分割與歸類(lèi)，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說(shuō)的用戶(hù)體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計(jì)語(yǔ)言的時(shí)代，陰影設(shè)計(jì)幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計(jì)，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計(jì)中起到重要的作用。再輔助通過(guò)一些微交互動(dòng)畫(huà)，一切都是那么自然絲滑，主次分明！(UI排版的三個(gè)趨勢(shì))最后我們說(shuō)說(shuō)行業(yè)趨勢(shì)方面，在2021上半年的UI設(shè)計(jì)作品中，除了常規(guī)的移動(dòng)端APP UI設(shè)計(jì)之外，我們更多看到了一些針對(duì)于其他設(shè)備的UI設(shè)計(jì)，比如說(shuō)電腦B端應(yīng)用、車(chē)載HMI、數(shù)據(jù)可視化、交互動(dòng)畫(huà)等這樣的新端趨勢(shì)，并且這些作品的數(shù)量越來(lái)越多了，所以從行業(yè)趨勢(shì)來(lái)講