在色彩方面，雖然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)定了下來(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)檻不斷降低，如果你只盯著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í)用，所以我們又看到了磨砂玻璃風(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)講，UI設(shè)計(jì)師們還是要打開(kāi)更多的眼界和格局，設(shè)計(jì)的競(jìng)爭(zhēng)不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢(shì)尤為重要！

(圖片來(lái)源：Dribbble)

原文地址：站酷

作者：騰訊ISUX

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

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

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

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司