編輯導(dǎo)讀：沒(méi)人能夠預(yù)測(cè)未來(lái)會(huì)發(fā)生什么，但是在數(shù)字世界中，趨勢(shì)確實(shí)存在于設(shè)計(jì)師的圈子中。從移動(dòng)端設(shè)計(jì)剛開始流行的時(shí)代，到現(xiàn)在，設(shè)計(jì)趨勢(shì)都發(fā)生了哪些變化呢？2021年的設(shè)計(jì)趨勢(shì)是什么？本文作者對(duì)此進(jìn)行了分析，與你分享。

今天和大家一起溫習(xí)下2021年占據(jù)主導(dǎo)的8個(gè)UI和UX趨勢(shì)，干貨建議提前收藏！

沒(méi)人能夠預(yù)測(cè)未來(lái)會(huì)發(fā)生什么，但是在數(shù)字世界中，趨勢(shì)確實(shí)存在于設(shè)計(jì)師的圈子中，并且在有規(guī)律的演化中。大家可以已經(jīng)看膩了不少趨勢(shì)研判文章，但是，適當(dāng)總結(jié)一下當(dāng)年的趨勢(shì)，把這個(gè)時(shí)間線拉長(zhǎng)，你會(huì)覺(jué)得非常好玩。從移動(dòng)端設(shè)計(jì)剛開始流行的時(shí)代，到現(xiàn)在，設(shè)計(jì)趨勢(shì)都發(fā)生了哪些變化呢？它們是不是又會(huì)返祖，復(fù)古？周而復(fù)始？咱們不得而知。

雖然2021年已經(jīng)過(guò)去一半，不過(guò)，今天咱們還是先Review一下2021年正在流行的幾個(gè)設(shè)計(jì)趨勢(shì)，加深一下印象吧！

當(dāng)然，各位設(shè)計(jì)師，趨勢(shì)僅僅是一種現(xiàn)象，想要做的出圈，與眾不同，我們必須站在趨勢(shì)之上，做出自己的創(chuàng)新，這樣才能在千篇一律的設(shè)計(jì)中獨(dú)當(dāng)一面。

一、UI中的3D元素

3D 圖形越來(lái)越多地出現(xiàn)在 Web 和移動(dòng)界面中。毫無(wú)疑問(wèn)，將各種 3d 圖形應(yīng)用到移動(dòng)和 Web 界面是一項(xiàng)相當(dāng)大的挑戰(zhàn)，需要良好的技能和藝術(shù)眼光才行。在我們的 UI/UX 設(shè)計(jì)中添加 3D 元素有很多好處：

• 讓用戶更好的理解設(shè)計(jì)意圖和元素
• 讓用戶流程的設(shè)計(jì)更加輕松有趣
• 可以實(shí)現(xiàn)360 度的演示
• 3d 元素看起來(lái)對(duì)用戶更具吸引力，從而觸發(fā)他們的長(zhǎng)期參與

ByMako Tsereteli

二、玻璃擬態(tài)（Glass Morphism）

玻璃擬態(tài)是大多人更喜歡的最新UI設(shè)計(jì)趨勢(shì)，它引人注目且色彩繽紛，這種趨勢(shì)兼顧透明度和層次感。玻璃擬態(tài)設(shè)計(jì)給人以磨砂玻璃的感覺(jué)，近一段最受歡迎的趨勢(shì)。這種風(fēng)格深受蘋果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的類似概念的影響。在許多情況下，如果使用得當(dāng)，Glassmorphism 可以使網(wǎng)站和應(yīng)用程序?qū)τ脩舾呶Α?/p>

ByMahmudul Hasan Manik

三、暗黑模式（Dark Mode）

深色主題現(xiàn)在已經(jīng)成為應(yīng)用必備的界面了。手機(jī)的白色界面可能對(duì)我們的眼睛造成更多的刺激，這就是所有應(yīng)用程序和網(wǎng)站都加入了暗黑模式設(shè)計(jì)的原因。暗模式有一些我們應(yīng)該遵循的特定規(guī)則。深色主題的主要優(yōu)點(diǎn)是在弱光環(huán)境中具有更好的可讀性。作為 UI 和 UX 設(shè)計(jì)師，我們應(yīng)該明白它的主要作用，它主要是減少了用戶的眼睛疲勞并提高了夜間的可讀性。

ByJulius

四、無(wú)色界面（原詞Colorless）

色彩理論知識(shí)在每個(gè) UI 和 UX 設(shè)計(jì)中都至關(guān)重要。正確使用顏色對(duì)于為您的客戶創(chuàng)造正面形象很重要，這就是顏色在 UI 和 UX 設(shè)計(jì)中扮演重要角色的原因。大多數(shù) UI 設(shè)計(jì)師都使用鮮艷的色彩來(lái)將用戶的注意力集中在重要元素上，并使我們的設(shè)計(jì)令人難忘。下圖分別為單色調(diào)和雙色調(diào)界面。

By Resuscitation

五、包豪斯風(fēng)格

包豪斯的風(fēng)格通常被描述為藝術(shù)和手工藝運(yùn)動(dòng)與現(xiàn)代主義的結(jié)合。包豪斯設(shè)計(jì)幾乎沒(méi)有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計(jì)，也可以理解為包豪斯的復(fù)興。包豪斯設(shè)計(jì)在UI設(shè)計(jì)上的核心，就是將設(shè)計(jì)簡(jiǎn)化為必要的功能，使其美觀和輕松，以及精心制作每一個(gè)小細(xì)節(jié)。

包豪斯設(shè)計(jì)幾乎沒(méi)有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計(jì)也是包豪斯風(fēng)格的復(fù)興表現(xiàn)之一。

By Beto Garza “Helbetico”

六、白背景及顏色

在當(dāng)今的設(shè)計(jì)中，白色背景越來(lái)越受到大家的歡迎。了解色彩心理學(xué)是創(chuàng)建配色的一個(gè)關(guān)鍵方面，這在數(shù)字設(shè)計(jì)中效果很好。吸引用戶的最佳方式是通過(guò)“色塊”平衡單色背景色與亮色，以突出數(shù)據(jù)中的重要內(nèi)容或者異常提示部分。少即是多，當(dāng)您在 UI設(shè)計(jì)中使用較少的顏色時(shí)，這將對(duì)用戶更具吸引力和亮點(diǎn)。

By Resuscitation

七、UI中的動(dòng)畫插圖

插圖是用戶界面中更直觀的視覺(jué)闡述，也一直是UI設(shè)計(jì)中長(zhǎng)盛不衰的“趨勢(shì)”之一。動(dòng)畫插圖，在與用戶交互過(guò)程中為UI注入了強(qiáng)大的生命力。它幫助用戶獲得更立體的反饋，為創(chuàng)建更生動(dòng)的微交互創(chuàng)造了條件。

By Rachelizmarvel

八、極簡(jiǎn)主義

極簡(jiǎn)主義是 UI 設(shè)計(jì)中使用最多的“風(fēng)格”之一，它有助于改善用戶體驗(yàn)。在我們的 UI 設(shè)計(jì)開始極簡(jiǎn)設(shè)計(jì)之前，有必要了解術(shù)語(yǔ)“極簡(jiǎn)”的含義以及為什么極簡(jiǎn)在 ui 中很重要。下面是極簡(jiǎn)主義的特征：

• 簡(jiǎn)單
• 清晰度高
• 富有表現(xiàn)力的視覺(jué)層次結(jié)構(gòu)
• 凸顯每個(gè)元素的功能

By Shakib

原文：https://rhmcherooth.medium.com/8-leading-ui-and-ux-trends-to-dominate-in-2021-bb9c96846c47

譯者：Tzw_n，公眾號(hào)「小阿田的設(shè)計(jì)筆記」

本文由 @Tzw_n 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議