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

2022-5-9    lanlanwork


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)物和社交軟件只是滿足自己需求的一種工具,而拒絕做工具的奴隸?!赣X(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í)首先牢記:用戶(hù)的舒適度永遠(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ì)象、常駐用戶(hù)與其交互關(guān)系,并存在于虛擬定義的時(shí)間中。旨在提供連接用戶(hù)長(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ì)資料。

用戶(hù)體驗(yàn)設(shè)計(jì),設(shè)計(jì)師的出發(fā)點(diǎn)是人,讓人的使用體驗(yàn)感加強(qiáng),趣味性加強(qiáng),使用更加方便。在此角度,設(shè)計(jì)師不僅應(yīng)當(dāng)對(duì)設(shè)計(jì)趨勢(shì)進(jìn)行學(xué)習(xí)和分析,也要促成設(shè)計(jì)趨勢(shì)落地的執(zhí)行。學(xué)習(xí)擁有國(guó)際化的全局視野,增強(qiáng)面對(duì)復(fù)雜的中國(guó)本土市場(chǎng)的應(yīng)對(duì)能力和洞察力,把學(xué)習(xí)和研究成果轉(zhuǎn)化為產(chǎn)品設(shè)計(jì)的能力。

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

 

原文地址:站酷

作者:一個(gè)辛普森

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》來(lái)了!解讀2022年10種UI/UX設(shè)計(jì)趨勢(shì)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔