當前位置:首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >2021年UI/UX設計趨勢前瞻

2021年UI/UX設計趨勢前瞻

發布時間:2021-01-06 09:23:54

世界每一天都在按照它的意誌變化著,每年也都在影響著設計趨勢的走向,今天我們就花點時間來討論一下,2021年可能會出現的UI/UX的設計趨勢。    

0.webp.jpg

1. 3D

3D設計將有很大可能繼續延續,成為2021年的設計趨勢,廣泛應用於UI、網站、角色、以及動畫設計中。

UI設計

1.png1-2.png

圖標設計

2.png

角色設計

3.webp.jpg

產品細節展示

4-tuya.gif

2. 玻璃擬態

在說到Glassmorphism(玻璃擬態)之前,我們先來回憶一下另一種擬態:

在2019年底,設計圈突然刮起一陣新擬態風(Neumorphism),最初是烏克蘭設計師Alexander Plyuto在Dribbble發布的一張設計作品,引發大家的激烈討論和爭相模仿。

5.png

新擬態(Neumorphism)的出現,為當時已經流行很久的扁平化設計開辟了一種新的表現形式,很多人猜測和議論,此風格會不會接替「扁平化設計」成為新的設計主流。

從美學價值上來說,新擬態(Neumorphism)足夠現代、看起來也頗具有時尚感、科技感也很足。

不過隨著時間的發展,設計師們漸漸發現,在實際的應用上,新擬物化本身確實不能算是一種係統全麵的設計風格,因為在很多具體的設計上,新擬態比較難以保證可用性和易用性,在層次的表達上,也有很多局限。

以IOS14和Mac OS Big Sur操作係統發布為標誌,一種新的擬物風格正在悄悄流行。

6.png

Glassmorphism

這種把陰影、透明度以及模糊的背景結合到一起的設計思路,使界麵呈現出介於玻璃和塑料板之間的質感,被Michal Malewicz稱為Glassmorphism(玻璃擬態),對比之前火爆一時的Neumorphism(新擬態),這種新趨勢更加垂直。

這種垂直性讓用戶可以通過它看到底層的元素,用戶可以確定界麵的層次結構和深度。他們可以識別出哪一層在哪一層之上,就像虛擬玻璃一樣。

玻璃擬態的設計有幾個特點:

●透明度(使用背景模糊的磨砂玻璃效果)

●類似於物體漂浮在太空中的多層方法

●背景上鮮豔的色彩突出了模糊的透明度

●半透明物體上的細微淺色邊框

7.png

這種隔著一層玻璃的質感,呈現出一種獨特的「虛實結合」的美感。

8.png

毛玻璃風格ICON

9.png

值得一提的是,玻璃擬態與「 macOS Big Sur 和 iOS 14 」在視覺美學上也保持著高度的一致,尤其是在係統的設計美學邏輯上是統一的。

相比於看起來高級但是炫技多於實用性的「新擬態」,「玻璃擬物化」這種風格在各大操作係統的實行和驗證之下,實用性更強,視覺美感上也得到目前最新的操作係統的驗證。

不過作為善變的人類,我們很容易就會對流行的趨勢感到厭倦,所以每隔幾年就會流行到另一種不同的風格。扁平化的風格已經流行了很長一段時間了,或許現在又會慢慢向色彩更豐富、更立體、更炫麗的風格回歸了。

附上那個引領新擬態風格的烏克蘭設計師Alexander Plyuto 的最新作品。

10.png

3. 真實的照片

插圖和3D並不一定適合所有人,有時候真人和真實的物品會對用戶產生更大的吸引力,讓他們更加感同身受。

網站主頁

11.png

4. 多彩的顏色搭配

許多設計都使用了多色搭配,使得自己的設計呈現出神奇、空靈、包羅萬象的感覺,而且,鮮豔的色彩更容易區分和讓人記住。

圖標的多色搭配

12.png

時尚移動應用

13.png

色彩應用

14.png

Ins的圖標改版

15-tuya.gif

5. 模糊的彩色背景

使用模糊彩色背景的設計看起來有種特別的溫暖和熱情。

16-1.png

16-2-tuya.gif16-3.png

6. 極簡主義

極簡主義本身是一種設計理念,應用到UI或者平麵設計領域當中的時候,可以理解為:設計中的每一個元素都應該是有用的,它簡單,幹淨,漂亮,且實用。極簡主義的設計易於用戶理解,參與度也高。

大量的留白

17.png

元素規整、有條理和秩序

18.png

扁平化的元素

19.png

簡化配色

20.png

可讀性較高的字體

21.png

極簡主義的好用之處在於它凸顯關鍵,為用戶呈現最重要的東西,並且讓用戶關注最重要的事情。

7. 幾何結構

越來越多的設計呈現整合、規整、有秩序的視覺結構,使用戶增加使用和觀看的樂趣。

視覺設計的平麵幾何

22-tuya.gif

空間幾何

23.png

平麵設計

24.png

8. 野蠻主義

「野蠻主義」一詞,最早出現於1950年,由瑞典建築師漢斯·阿斯普隆德用以描述烏普薩拉一座名為「Villa Göth」的現代磚房。

25.webp.jpg

顧名思義,野蠻主義的特征十分「簡單粗暴」,通常都由不斷重複的元素拚接而成,以筆直的線條和鋒利的棱角居多。對於大型建築物而言要麼追求奇形怪狀,要麼追求嚴格對稱,落成的建築外牆多為毫無修飾的磚塊和混凝土,整體看起來異常冰冷和沉重。

而在數字設計中衍生的的「野蠻主義」是一種故意試圖顯得原始、隨意、無裝飾的樣式。刻意的不設計使這些網站幾乎沒有美感甚至顯得有些簡陋。

盡管很少有人將這種設計風格歸類為漂亮,但它對於某些內容類型確實具有獨特的表達魅力。而且具有鮮明大膽的風格。

26-1.png

野蠻主義設計風格短期內應該不會深入到UI設計中去,更多的會在網站,或者雜誌的設計運用此種設計思想。

9. 簡化UI/UX流程

此處說的簡化,不是指視覺效果的簡化。設計流程做的太複雜,不論對於用戶或者是設計師都是不利的。

優秀的設計師會兼顧美學和實操效果,把流程簡化到減無可減,給用戶以絲滑流暢的體驗效果。

27-tuya.gif

2021年,設計將變得更多元、更新穎,不同風格也會相互碰撞,新技術也被應用在設計中。我們作為設計師,要更好的理解和跟上新趨勢的發展,擴大自己知識的範圍,例如設計美學和心理學知識等,就可以知道設計趨勢如此流行的原因和源頭。在此基礎上利用好新知識和新工具,為更好的服務大眾時刻準備著。

文獻:Diana Malewicz (UX Collective)  素材來源dribbble,侵權刪

作者:一個辛普森

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定