2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

0 評(píng)論 14838 瀏覽 32 收藏 8 分鐘

導(dǎo)語(yǔ):在社交媒體時(shí)代背景下,設(shè)計(jì)行業(yè)的發(fā)展趨勢(shì)要比其他任何行業(yè)發(fā)展都要快。審美趨勢(shì)迅速爆發(fā)和擴(kuò)散,使得設(shè)計(jì)師必須要全面掌握當(dāng)下設(shè)計(jì)趨勢(shì)。那么,2021年值得一試的設(shè)計(jì)趨勢(shì),你了解多少呢?

一、玻璃擬態(tài)(Glassmorphism)

疫情席卷全球的2020年,產(chǎn)業(yè)脈動(dòng)被迫停滯,許多設(shè)計(jì)趨勢(shì)并無(wú)太大變化,將延續(xù)至新的一年,并持續(xù)占有主導(dǎo)地位。

眾所周知,新擬態(tài)(Neumorphism)風(fēng)格是模仿了受到擠壓的塑料材質(zhì),而在2020年底出現(xiàn)了另一種新風(fēng)格獲得了很大的關(guān)注,新風(fēng)格更加注重垂直空間 Z 軸的使用。

它最典型的特征是:
  • 透明度(使用背景模糊的磨砂玻璃效果);
  • 物體漂浮在空間中,通過(guò)前后關(guān)系表現(xiàn)層次感;
  • 鮮艷的色彩突出了模糊的透明度;
  • 半透明物體邊緣的微妙處理,采用細(xì)膩的邊框表現(xiàn)玻璃質(zhì)感。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

這種把陰影、透明度以及模糊的背景結(jié)合到一起,使界面呈現(xiàn)出介于玻璃和塑料板之間的質(zhì)感。被 Michal Malewicz 稱為 Glassmorphism(玻璃擬態(tài))。可以看到在 Web 設(shè)計(jì)上,適量使用 “玻璃” 效果實(shí)際上會(huì)使產(chǎn)品看起來(lái)更好,對(duì)用戶更有吸引力,界面會(huì)變得更豐富、更立體、更具有層次感。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

同樣,3D化的磨砂柔光玻璃材質(zhì)在我看來(lái)也是屬于 Glassmorphism(玻璃擬態(tài))風(fēng)格的一個(gè)延續(xù)。賦予輕盈與通透的視覺(jué)感受,營(yíng)造出未來(lái)感十足的場(chǎng)景,很適合傳達(dá)科技智能的概念。

因此該風(fēng)格成為了一大波科技背景公司的設(shè)計(jì)首選,其中主要應(yīng)用在硬件系統(tǒng)、工具類的產(chǎn)品為主。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

The Future Vision of Microsoft 365 宣傳視頻

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

VIVOFuntouchOS 系統(tǒng)品牌視頻

二、3D Elements

坦白的說(shuō),3D設(shè)計(jì)已經(jīng)不是新鮮的玩法,但它正變得越來(lái)越酷。幾乎可以在各種各樣的產(chǎn)品上看到 3D 的應(yīng)用, 尤其在插畫(huà)領(lǐng)域上有明顯增長(zhǎng)。與前幾年不同之處在于變得更加簡(jiǎn)約,似乎受到扁平化風(fēng)格的影響。

所以 3D 設(shè)計(jì)將有很大可能繼續(xù)延續(xù),成為2021年的設(shè)計(jì)趨勢(shì)。廣泛應(yīng)用于UI、網(wǎng)站、角色、以及動(dòng)畫(huà)設(shè)計(jì)中,呈現(xiàn)出更有沖擊力的視覺(jué)效果。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

三、Dark Mode

現(xiàn)在許多應(yīng)用程序和移動(dòng)產(chǎn)品可能都帶有方便的黑暗模式,無(wú)論是喜歡美學(xué)還是為了在眼睛上看起來(lái)更輕松,讓它僅僅是作為一項(xiàng)功能卻在越來(lái)越多的設(shè)計(jì)網(wǎng)站上流行。

所以我認(rèn)為黑暗模式不僅會(huì)保留,而且會(huì)在2021年將變得更加流行。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

四、Dark Mode真實(shí)的照片

當(dāng)然有時(shí)候3D插圖并不一定適合所有產(chǎn)品,有時(shí)候真人和真實(shí)的物品會(huì)對(duì)用戶產(chǎn)生更大的吸引力,讓他們更加感同身受。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

五、Colorless UI

Colorless UI是指帶有細(xì)線和黑白(或微妙的顏色)插圖的無(wú)色用戶界面。偶然在Dribble上看到了一組黑白的界面設(shè)計(jì),在一堆顏色鮮亮的設(shè)計(jì)中脫穎而出。這種風(fēng)格也不失為另一種新的嘗試。

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

2021年值得一試的5種UI設(shè)計(jì)趨勢(shì)

人的審美是會(huì)一直變化的,我們很容易厭倦一種趨勢(shì),每隔幾年就會(huì)轉(zhuǎn)向另一種風(fēng)格。作為設(shè)計(jì)師,我們需要探索開(kāi)發(fā)產(chǎn)品的所有潛力,希望這些趨勢(shì)能激發(fā)設(shè)計(jì)師們的創(chuàng)造性。

參考資料:

  • 一個(gè)辛普森《解讀2021年9種UI/UX設(shè)計(jì)趨勢(shì)》
  • YOUTUBE《UI Design Trends 2021》
  • 三分設(shè) 《設(shè)計(jì)新趨勢(shì):玻璃擬態(tài)是什么?如何實(shí)現(xiàn)該效果?》

 

作者:牟凱旋,視覺(jué)設(shè)計(jì)師

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@牟凱旋

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!