編輯導讀：沒人能夠預測未來會發生什么，但是在數字世界中，趨勢確實存在于設計師的圈子中。從移動端設計剛開始流行的時代，到現在，設計趨勢都發生了哪些變化呢？2021年的設計趨勢是什么？本文作者對此進行了分析，與你分享。

今天和大家一起溫習下2021年占據主導的8個UI和UX趨勢，干貨建議提前收藏！

沒人能夠預測未來會發生什么，但是在數字世界中，趨勢確實存在于設計師的圈子中，并且在有規律的演化中。大家可以已經看膩了不少趨勢研判文章，但是，適當總結一下當年的趨勢，把這個時間線拉長，你會覺得非常好玩。從移動端設計剛開始流行的時代，到現在，設計趨勢都發生了哪些變化呢？它們是不是又會返祖，復古？周而復始？咱們不得而知。

雖然2021年已經過去一半，不過，今天咱們還是先Review一下2021年正在流行的幾個設計趨勢，加深一下印象吧！

當然，各位設計師，趨勢僅僅是一種現象，想要做的出圈，與眾不同，我們必須站在趨勢之上，做出自己的創新，這樣才能在千篇一律的設計中獨當一面。

一、UI中的3D元素

3D 圖形越來越多地出現在 Web 和移動界面中。毫無疑問，將各種 3d 圖形應用到移動和 Web 界面是一項相當大的挑戰，需要良好的技能和藝術眼光才行。在我們的 UI/UX 設計中添加 3D 元素有很多好處：

• 讓用戶更好的理解設計意圖和元素
• 讓用戶流程的設計更加輕松有趣
• 可以實現360 度的演示
• 3d 元素看起來對用戶更具吸引力，從而觸發他們的長期參與

ByMako Tsereteli

二、玻璃擬態（Glass Morphism）

玻璃擬態是大多人更喜歡的最新UI設計趨勢，它引人注目且色彩繽紛，這種趨勢兼顧透明度和層次感。玻璃擬態設計給人以磨砂玻璃的感覺，近一段最受歡迎的趨勢。這種風格深受蘋果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的類似概念的影響。在許多情況下，如果使用得當，Glassmorphism 可以使網站和應用程序對用戶更具吸引力。

ByMahmudul Hasan Manik

三、暗黑模式（Dark Mode）

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

ByJulius

四、無色界面（原詞Colorless）

色彩理論知識在每個 UI 和 UX 設計中都至關重要。正確使用顏色對于為您的客戶創造正面形象很重要，這就是顏色在 UI 和 UX 設計中扮演重要角色的原因。大多數 UI 設計師都使用鮮艷的色彩來將用戶的注意力集中在重要元素上，并使我們的設計令人難忘。下圖分別為單色調和雙色調界面。

By Resuscitation

五、包豪斯風格

包豪斯的風格通常被描述為藝術和手工藝運動與現代主義的結合。包豪斯設計幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設計，也可以理解為包豪斯的復興。包豪斯設計在UI設計上的核心，就是將設計簡化為必要的功能，使其美觀和輕松，以及精心制作每一個小細節。

包豪斯設計幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設計也是包豪斯風格的復興表現之一。

By Beto Garza “Helbetico”

六、白背景及顏色

在當今的設計中，白色背景越來越受到大家的歡迎。了解色彩心理學是創建配色的一個關鍵方面，這在數字設計中效果很好。吸引用戶的最佳方式是通過“色塊”平衡單色背景色與亮色，以突出數據中的重要內容或者異常提示部分。少即是多，當您在 UI設計中使用較少的顏色時，這將對用戶更具吸引力和亮點。

By Resuscitation

七、UI中的動畫插圖

插圖是用戶界面中更直觀的視覺闡述，也一直是UI設計中長盛不衰的“趨勢”之一。動畫插圖，在與用戶交互過程中為UI注入了強大的生命力。它幫助用戶獲得更立體的反饋，為創建更生動的微交互創造了條件。

By Rachelizmarvel

八、極簡主義

極簡主義是 UI 設計中使用最多的“風格”之一，它有助于改善用戶體驗。在我們的 UI 設計開始極簡設計之前，有必要了解術語“極簡”的含義以及為什么極簡在 ui 中很重要。下面是極簡主義的特征：

• 簡單
• 清晰度高
• 富有表現力的視覺層次結構
• 凸顯每個元素的功能

By Shakib

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

譯者：Tzw_n，公眾號「小阿田的設計筆記」

本文由 @Tzw_n 翻譯發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議