解讀2021年9種UI/UX設(shè)計趨勢

2020-12-16    前端達(dá)人

還有半個月,我們就要跟2020年說再見了~~ 世界每一天都在按照它的意志變化著,每年也都在影響著設(shè)計趨勢的走向,今天我們就花點時間來討論一下,2021年可能會出現(xiàn)的UI/UX的設(shè)計趨勢。      



undefined



 1. 3D


3D設(shè)計將有很大可能繼續(xù)延續(xù),成為2021年的設(shè)計趨勢,廣泛應(yīng)用于UI、網(wǎng)站、角色、以及動畫設(shè)計中。



UI設(shè)計



圖標(biāo)設(shè)計



角色設(shè)計




產(chǎn)品細(xì)節(jié)展示





2. 玻璃擬態(tài)


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


在2019年底,設(shè)計圈突然刮起一陣新擬態(tài)風(fēng)(Neumorphism),最初是烏克蘭設(shè)計師Alexander Plyuto在Dribbble

發(fā)布的一張設(shè)計作品,引發(fā)大家的激烈討論和爭相模仿。



新擬態(tài)(Neumorphism)的出現(xiàn),為當(dāng)時已經(jīng)流行很久的扁平化設(shè)計開辟了一種新的表現(xiàn)形式,很多人猜測和議論,此風(fēng)格會不會接替「扁平化設(shè)計」成為新的設(shè)計主流。


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


不過隨著時間的發(fā)展,設(shè)計師們漸漸發(fā)現(xiàn),在實際的應(yīng)用上,新擬物化本身確實不能算是一種系統(tǒng)全面的設(shè)計風(fēng)格,因為在很多具體的設(shè)計上,新擬態(tài)比較難以保證可用性和易用性,在層次的表達(dá)上,也有很多局限。




以IOS14和Mac OS Big Sur操作系統(tǒng)發(fā)布為標(biāo)志,一種新的擬物風(fēng)格正在悄悄流行。



Glassmorphism


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


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



玻璃擬態(tài)的設(shè)計有幾個特點:


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

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

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

· 半透明物體上的細(xì)微淺色邊框





這種隔著一層玻璃的質(zhì)感,呈現(xiàn)出一種獨特的「虛實結(jié)合」的美感




毛玻璃風(fēng)格ICON


值得一提的是,玻璃擬態(tài)與「 macOS Big Sur 和 iOS 14 」在視覺美學(xué)上也保持著高度的一致,尤其是在系統(tǒng)的設(shè)計美學(xué)邏輯上是統(tǒng)一的。


相比于看起來高級但是炫技多于實用性的「新擬態(tài)」,「玻璃擬物化」這種風(fēng)格在各大操作系統(tǒng)的實行和驗證之下,實用性更強(qiáng),視覺美感上也得到目前的操作系統(tǒng)的驗證。


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




附上那個引領(lǐng)新擬態(tài)風(fēng)格的烏克蘭設(shè)計師Alexander Plyuto 的作品






3. 真實的照片


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




網(wǎng)站主頁



華碩(ASUS)官網(wǎng)




制作美食



航空公司




4. 多彩的顏色搭配


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




圖標(biāo)的多色搭配





時尚移動應(yīng)用




色彩應(yīng)用



Ins的圖標(biāo)改版



5. 模糊的彩色背景


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












6. 極簡主義


極簡主義本身是一種設(shè)計理念,應(yīng)用到UI或者平面設(shè)計領(lǐng)域當(dāng)中的時候,可以理解為:設(shè)計中的每一個元素都應(yīng)該是有用的,它簡單,干凈,漂亮,且實用。極簡主義的設(shè)計易于用戶理解,參與度也高。




大量的留白






元素規(guī)整、有條理和秩序




扁平化的元素




簡化配色





可讀性較高的字體


極簡主義的好用之處在于它凸顯關(guān)鍵,為用戶呈現(xiàn)最重要的東西,并且讓用戶關(guān)注最重要的事情。






7.幾何結(jié)構(gòu)


越來越多的設(shè)計呈現(xiàn)整合、規(guī)整、有秩序的視覺結(jié)構(gòu),使用戶增加使用和觀看的樂趣。



視覺設(shè)計的平面幾何





空間幾何





平面設(shè)計



8. 野蠻主義


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



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


而在數(shù)字設(shè)計中衍生的的「野蠻主義」是一種故意試圖顯得原始、隨意、無裝飾的樣式??桃獾牟辉O(shè)計使這些網(wǎng)站幾乎沒有美感甚至顯得有些簡陋。


盡管很少有人將這種設(shè)計風(fēng)格歸類為漂亮,但它對于某些內(nèi)容類型確實具有獨特的表達(dá)魅力。而且具有鮮明大膽的風(fēng)格。



 

野蠻主義設(shè)計風(fēng)格短期內(nèi)應(yīng)該不會深入到UI設(shè)計中去,更多的會在網(wǎng)站,或者雜志的設(shè)計運(yùn)用此種設(shè)計思想。





9. 簡化UI/UX流程


此處說的簡化,不是指視覺效果的簡化。設(shè)計流程做的太復(fù)雜,不論對于用戶或者是設(shè)計師都是不利的。


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






2021年,設(shè)計將變得更多元、更新穎,不同風(fēng)格也會相互碰撞,新技術(shù)也被應(yīng)用在設(shè)計中。我們作為設(shè)計師,要更好的理解和跟上新趨勢的發(fā)展,擴(kuò)大自己知識的范圍,例如設(shè)計美學(xué)和心理學(xué)知識等,就可以知道設(shè)計趨勢如此流行的原因和源頭。在此基礎(chǔ)上利用好新知識和新工具,為更好的服務(wù)大眾時刻準(zhǔn)備著。

文獻(xiàn):Diana Malewicz (UX Collective)  素材來源dribbble,侵權(quán)刪 




今天先跟大家分享到這里,謝謝觀看~ 

轉(zhuǎn)自:站酷

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

存檔