來了!解讀2022年10種UI/UX設(shè)計趨勢

2022-3-2    周周

想成為更優(yōu)秀的設(shè)計師, 需要了解設(shè)計趨勢和受眾目標(biāo)的需求。了解UI/UX設(shè)計趨勢本質(zhì)上與了解時尚或者消費行業(yè)的趨勢并無本質(zhì)差別,都必須傾聽人們的需求,關(guān)注人們?nèi)绾问褂卯a(chǎn)品,創(chuàng)造出美觀、簡單、易用的設(shè)計,使產(chǎn)品脫穎而出。

我們收集了一份UX/UI設(shè)計趨勢的清單,幫助你了解2022年的相關(guān)行業(yè)變化。


1.極簡主義


越是領(lǐng)先的科技公司,你會發(fā)現(xiàn),他們對簡單大氣、重點信息明確、精致的設(shè)計越有強(qiáng)烈的偏好。這種趨勢逐年增多,覆蓋范圍也越來越廣,品牌和各行各業(yè)的設(shè)計師也越來越多的偏好這種風(fēng)格。


例如:英國金融科技公司Revolut


Meta(2021年10月28日,F(xiàn)acebook宣布,該平臺的品牌將部分更名為“Meta”。)


Dribbble設(shè)計師:MoRas ? 的作品

小結(jié):從心理學(xué)角度上說,極簡主義也是在尋求一種安全感,紛雜的物品和內(nèi)容生產(chǎn)者無時無刻都在綁架我們的眼睛,很容易讓人沉淪其中,不能自拔。當(dāng)越來越多的人開始明確自己的定位,明確這些購物和社交軟件只是滿足自己需求的一種工具,而拒絕做工具的奴隸。「覺醒」的人越多,極簡主義的運用就會越來越普遍。





2.粗曠/粗野主義


粗曠主義包含強(qiáng)烈的輪廓、鮮明的對比色、大膽的排版和真實的生活攝影相結(jié)合。




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


今年Spotify Wrapped(可以理解為國外的網(wǎng)易云年報)就給我們上了一課—野無止境。

貪吃蛇一樣的形狀配合各種高飽和顏色,穿插于各種界面和海報中,形成了巨大的視覺沖擊,令人難以忘懷。


讓我們來看看他們的設(shè)計:





3. 重回90年代


流行趨勢總是輪回又輪回,但原因可能不是現(xiàn)在的人忽然意識到以前的回憶有多美好,而是當(dāng)年的90后小孩成了行業(yè)的領(lǐng)頭羊以后,將童年的美好回憶拿出來沉醉一番,找個機(jī)會釋放內(nèi)心的那份童真。

創(chuàng)意機(jī)構(gòu)CPB London的設(shè)計總監(jiān)June Frange將這波趨勢稱之為「年代懷舊」,短視頻平臺和明星效應(yīng)的加持,以及使用者自發(fā)性的DIY內(nèi)容,也使得它的影響力更加強(qiáng)大。

今年《王者榮耀》推出了兩個新主題的游戲皮膚,其中一個以舊版西游記為原型打造的孫行者皮膚,一經(jīng)上線在銷售量上就遠(yuǎn)遠(yuǎn)超過了同時出現(xiàn)的安琪拉新皮膚。而原因卻并不是皮膚的精美,因為從孫行者皮膚的精美程度而言,官方這一次就是出了一個“原皮”。

這樣一個簡單的皮膚,卻讓無數(shù)玩家紛紛掏錢買賬,這就是懷舊的魅力。這種使用傳統(tǒng)神話故事元素結(jié)合官方的創(chuàng)新設(shè)計,讓無數(shù)玩家用一種全新的方式感受到了傳統(tǒng)文化的魅力所在。


雖然我玩游戲不多,但是也半夜爬起來買了個孫猴子~




4.排版變得更生動有趣


10 年前,行業(yè)對排版比現(xiàn)在要嚴(yán)格得多,有明確的排版和字體使用規(guī)范。

不過現(xiàn)在,設(shè)計師們可以對標(biāo)題和段落做任何想做的事情——完全取決于想象力。將字體與形狀、照片和表情符號混合,在其上添加紋理,或者選擇一種形式非常復(fù)雜的字體做裝飾。

這種設(shè)計會產(chǎn)生一種有趣、引人注目的效果,但它也必須要美觀和諧——我們?nèi)孕柙谠O(shè)計時首先牢記:用戶的舒適度永遠(yuǎn)是第一原則。

字體設(shè)計在2022年仍將占有一席之地,設(shè)計排版中融入夸張的、富有個性的字體,比如:同時擁有流暢的線條與銳利的棱角。


《魷魚游戲》的韓文片名標(biāo)題,是由幾何圖形重新排列組合而成,挑戰(zhàn)了抽象形狀和文字之間的區(qū)別,借此突破字體必須易于閱讀的局限,創(chuàng)作出具有表現(xiàn)力的形式。


Design Bridge London的高級設(shè)計師 Chris Algar認(rèn)為:「  2022 年將是字體的重要一年」。


他預(yù)測:“我們將看到排版風(fēng)格融入真正夸張的個性字體,在流暢的線條和銳利的棱角形狀之間形成對比?!?nbsp;
Chris 認(rèn)為,顏色和活力也將在 2022 年的排版趨勢中發(fā)揮重要作用。 





5.Glassmorphism 和玻璃元素


玻璃態(tài)已經(jīng)無處不在——這是事實。有背景模糊、半透明物體,如卡片、水彩、玻璃球等等。從 Mac OS Big Sur 和 Windows 11 ,玻璃擬態(tài)已經(jīng)存在了很長時間。

在去年,Glassmorphism(玻璃擬態(tài))經(jīng)過一整年的風(fēng)靡也算站穩(wěn)了腳跟,并未像新擬態(tài)風(fēng)(Neumorphism)一樣火速崛起又火速沉寂。越來越多的設(shè)計師將這種風(fēng)格融入設(shè)計中去。





6.極光背景


不知大家是否可能還記得前一年的這個趨勢——「模糊的彩色背景」。

它在2021變得非常流行,甚至有了一個專有名詞——極光背景。

微妙、多彩、模糊的顏色看起來非常友好和有機(jī)——且更具視覺吸引力。這些飛濺和高斯模糊可以用作整個背景或置于一些重要的 UI 元素下。








7.全息/霓虹燈


這種網(wǎng)絡(luò)全息/霓虹燈效果很適合虛擬現(xiàn)實和全息界面的時代。虛擬世界提供的新可能性激發(fā)了設(shè)計師的靈感。充滿活力的、發(fā)光的顏色、抽象的圓形、全息圖紋理是這一趨勢的典型特征。


它也被廣泛用于許多加密空間,以展示這些接口的未來性。





8.環(huán)保風(fēng)


我們大多數(shù)人還是愿意選擇環(huán)保的生活方式的,投射到設(shè)計中——可以將「生態(tài)外觀」和感覺融入設(shè)計中。

越來越多的品牌在追逐這種「紙質(zhì)感」的趨勢——背景通常是灰色的,類似于可回收的紙板。排版風(fēng)格極簡。對比度很高。顏色非??酥疲雌饋砩燥@「暗淡」,這種風(fēng)格包含現(xiàn)實生活中的攝影、紋理、和涂鴉。




9.粘土形態(tài)3D


3D 作為一種藝術(shù)風(fēng)格正在變成設(shè)計趨勢和大眾流行

現(xiàn)在一種特殊的風(fēng)格越來越受歡迎,3D最新的流行風(fēng)格是粘土形態(tài)——類似于由粘土制成的對象(形狀簡單,由圓柱形/橢圓形組成,由內(nèi)陰影和外陰影創(chuàng)造深度,但采用更「松軟」的 3D呈現(xiàn)方式,通常與其他極簡設(shè)計結(jié)合在一起。粘土3D有種可以按出一個坑的質(zhì)感。






10. Metaverse


元宇宙(英語:Metaverse),又稱形上宇宙,此一科技詞匯由前綴“meta”(意思是超越)和詞干“verse”(通過逆向構(gòu)詞法從“宇宙(universe)”得來)組成,可簡稱為MVS。這個詞通常用來描述未來互聯(lián)網(wǎng)虛擬環(huán)境的概念,于共享、持久的3D 虛擬空間組成一個可感知的虛擬宇宙,此合成環(huán)境包含對象、常駐用戶與其交互關(guān)系,并存在于虛擬定義的時間中。旨在提供連接用戶長時間登錄和交互。廣義上的元宇宙概念不僅指虛擬合成世界,還指整個互聯(lián)網(wǎng),也包括增強(qiáng)現(xiàn)實的范圍。


Metaverse描述的是一種趨勢:越來越多的技術(shù)和媒介,都在不停地縮短虛擬和現(xiàn)實的距離。


人類的大量活動和時間在往數(shù)字世界進(jìn)行遷移。我們的社交活動、經(jīng)濟(jì)活動都是在數(shù)字世界(或者叫虛擬世界)里面,玩游戲也好,購物也好,社交也好,所以元宇宙(Metaverse)就是順應(yīng)這樣的趨勢產(chǎn)生的,元宇宙就是個數(shù)字世界。


感興趣的朋友可以自行搜集詳細(xì)資料。



用戶體驗設(shè)計,設(shè)計師的出發(fā)點是人,讓人的使用體驗感加強(qiáng),趣味性加強(qiáng),使用更加方便。

在此角度,設(shè)計師不僅應(yīng)當(dāng)對設(shè)計趨勢進(jìn)行學(xué)習(xí)和分析,也要促成設(shè)計趨勢落地的執(zhí)行。學(xué)習(xí)擁有國際化的全局視野,增強(qiáng)面對復(fù)雜的中國本土市場的應(yīng)對能力和洞察力,把學(xué)習(xí)和研究成果轉(zhuǎn)化為產(chǎn)品設(shè)計的能力。

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

文章來源:站酷   作者:一個辛普森

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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

分享本文至:

日歷

鏈接

個人資料

存檔