2022年10種UI/UX設(shè)計(jì)趨勢(shì)

2022-1-3    資深UI設(shè)計(jì)者

我們收集了一份UX/UI設(shè)計(jì)趨勢(shì)清單,幫助你了解2022年的相關(guān)行業(yè)變化,以及未來(lái)展望。

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

在2021年的那份文章中,許多假設(shè)已不僅僅是一種趨勢(shì)——已經(jīng)演變成全新的東西。

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




1.極簡(jiǎn)主義


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


例如:英國(guó)金融科技公司Revolut


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


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

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





2.粗曠/粗野主義


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




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


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

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


讓我們來(lái)看看他們的設(shè)計(jì):





3. 重回90年代


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

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

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

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


雖然我玩游戲不多,但是也半夜爬起來(lái)買(mǎi)了個(gè)孫猴子~




4.排版變得更生動(dòng)有趣


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

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

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

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


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


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


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





5.Glassmorphism 和玻璃元素


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

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





6.極光背景


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

它在2021變得非常流行,甚至有了一個(gè)專(zhuān)有名詞——極光背景。

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








7.全息/霓虹燈


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


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





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


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

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




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


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

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






10. Metaverse


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


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


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


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



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





文章來(lái)源:站酷   作者:一個(gè)辛普森


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

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

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


分享本文至:

日歷

鏈接

個(gè)人資料

存檔