當前位置:首頁 >UI學院 >學院新聞

2021UI設計趨勢解析:幫你一網打盡流行風格

無情手機作者:無情手機 發布時間:2021-03-18 12:06:45 瀏覽量:463次

每年的設計趨勢都有改變,這是做設計的人都有的感受。今天我們就花點時間來討論一下,2021年已經出現及可能會流行起來的UI/UX的設計趨勢及風格。

一、3D

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

1、UI設計

2021UI設計趨勢解析:幫你一網打盡流行風格

2021UI設計趨勢解析:幫你一網打盡流行風格

2、圖標設計

2021UI設計趨勢解析:幫你一網打盡流行風格

3、角色設計

2021UI設計趨勢解析:幫你一網打盡流行風格

4、產品細節展示

2021UI設計趨勢解析:幫你一網打盡流行風格

二、玻璃擬態

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

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

6.png

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

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

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

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

2021UI設計趨勢解析:幫你一網打盡流行風格

Glassmorphism

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

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

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

·  透明度

 (使用背景模糊的磨砂玻璃效果)

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

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

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

2021UI設計趨勢解析:幫你一網打盡流行風格

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

2021UI設計趨勢解析:幫你一網打盡流行風格

毛玻璃風格ICON

2021UI設計趨勢解析:幫你一網打盡流行風格

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

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

不過作為善變的人類,我們很容易就會對流行的趨勢感到厭倦,所以每隔幾年就會流行到另一種不同的風格。

扁平化的風格已經流行了很長一段時間了,或許現在又會慢慢向色彩更豐富、更立體、更炫麗的風格回歸了。

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

2021UI設計趨勢解析:幫你一網打盡流行風格

三、真實的照片

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

網站主頁:

2021UI設計趨勢解析:幫你一網打盡流行風格

華碩(ASUS)官網:

2021UI設計趨勢解析:幫你一網打盡流行風格

製作美食:

2021UI設計趨勢解析:幫你一網打盡流行風格

航空公司:

2021UI設計趨勢解析:幫你一網打盡流行風格

四、多彩的顏色搭配

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

圖標的多色搭配:

2021UI設計趨勢解析:幫你一網打盡流行風格

時尚移動應用:

2021UI設計趨勢解析:幫你一網打盡流行風格

色彩應用:

2021UI設計趨勢解析:幫你一網打盡流行風格

五、模糊的彩色背景

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

2021UI設計趨勢解析:幫你一網打盡流行風格

六、極簡主義

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

大量的留白:

2021UI設計趨勢解析:幫你一網打盡流行風格

元素規整、有條理和秩序:

2021UI設計趨勢解析:幫你一網打盡流行風格

扁平化的元素:

2021UI設計趨勢解析:幫你一網打盡流行風格

簡化配色:

2021UI設計趨勢解析:幫你一網打盡流行風格

可讀性較高的字體:

2021UI設計趨勢解析:幫你一網打盡流行風格

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

七、幾何結構

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

視覺設計的平麵幾何:

2021UI設計趨勢解析:幫你一網打盡流行風格

空間幾何:

2021UI設計趨勢解析:幫你一網打盡流行風格

平麵設計:

2021UI設計趨勢解析:幫你一網打盡流行風格

八、野蠻主義

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

2021UI設計趨勢解析:幫你一網打盡流行風格

顧名思義,野蠻主義的特征十分「簡單粗暴」,通常都由不斷重複的元素拚接而成,以筆直的線條和鋒利的棱角居多。

對於大型建築物而言要麼追求奇形怪狀,要麼追求嚴格對稱,落成的建築外牆多為毫無修飾的磚塊和混凝土,整體看起來異常冰冷和沉重。

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

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

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

2021UI設計趨勢解析:幫你一網打盡流行風格

九、簡化UI/UX流程

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

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

2021年,設計將變得更多元、更新穎,不同風格也會相互碰撞,新技術也被應用在設計中。

我們作為設計師,要更好的理解和跟上新趨勢的發展,擴大自己知識的範圍,例如設計美學和心理學知識等,就可以知道設計趨勢如此流行的原因和源頭。

在此基礎上利用好新知識和新工具,為更好的服務大眾時刻準備著。

火星時代教育 影視學院劉老師,為你解答
  • 相關推薦
  • 人氣推薦
  • 教程分享
  • 相關標簽
當你的同學還在K動畫,我已經跳起科目三
拯救廢片 - AI創意寫真!誰學誰會,告別繁瑣節點操作,WebUI的AI寫真解決方案來了

優秀作品賞析

  • 2101期學員李思庭作品

    作 者:李思庭

    所學課程:2101期學員李思庭作品

  • 2104期學員林雪茹作品

    作 者:林雪茹

    所學課程:2104期學員林雪茹作品

  • 2107期學員趙淩作品

    作 者:趙淩

    所學課程:2107期學員趙淩作品

  • 2107期學員趙燃作品

    作 者:趙燃

    所學課程:2107期學員趙燃作品

  • 微信掃碼入群領福利

    掃碼領福利最新AI資訊

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

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

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

    ×

    同學您好!

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