Web3 和元宇宙愈發火熱的當下，相關的設計趨勢也值得關注，本文總結了5種Web3和元宇宙影響下的設計趨勢，對相關領域感興趣的設計師記得收藏下。

未來已來，以太坊前幾天完成了 2.0 的合并，互聯網正在從 web2 時代向 web3 轉變，除了 web3 之外，元宇宙也愈演愈熱，在這雙重的趨勢影響下，從一些國外的設計網站也可以明顯看到設計趨勢也正在發生著變化。

在這個夏天，我也加入了 web3 這個大隊列，經過幾個月的學習及了解，梳理了一些與 web3、元宇宙相關的設計趨勢，跟大家進行一次長文多圖的分享。

不知道什么是元宇宙的設計師，先看這篇：

一、設計風格

web2 的時代，主要是移動端的時代，在 2013 年蘋果推出了 iOS7 扁平化設計風格之后，整個行業也在跟隨著變化，這 10 年間是一個扁平化的設計時代。隨著 web3 的到來，從移動端設備再回歸到電腦 PC，設計上可以做的事情也就更多了，整個設計風格也有了一些新的變化。

1. 光感設計

電腦的大屏化及高清化，可以讓更多設計的質感表現得更加淋漓盡致，因此，一種全新的設計風格正在席卷各大設計網站，同時我們也可以從一些 web3 的網站看到這類的風格。這是一種區別于常規的漸變風格、彌散風格、毛玻璃等等類型的全新風格。

質感的表現更加趨向光影影響之后的虛擬寫實化表現，我把它定義為光感設計（lightning design），光感設計風格自然流露著未來感、科技感，特別適合元宇宙、web3、NFT 等內容的調性。我們通過一些案例來感受下：

網站案例

細節的體現

除了大感覺的光感表現，很多細節還會體現在文字的設計、按鈕設計、邊框細節等等。

結合動效光感的設計

除了靜態的光感表達，還可以看到很多結合動效設計的光感表達。

2. 賽博朋克

在早兩年，賽博朋克的風格就已經開始流行起來了，但更多是被應用在插畫、電影影像、海報、游戲、動漫之類。

理解一種風格，我們首先得理解這個概念：

這種對比沖突的視覺感受，很適合用來表達 web3、元宇宙與現實的差異感，因此，我們在 behance 上也看到了越來越多的這類 UI（網頁）的作品出現，可以更“夸張”的表達設計，讓 web3 的人類直觀的感受到與 web2 扁平化時代的視覺差異。

3. 像素電子風

在梳理趨勢的過程中，發現很多 web3 的鏈游會采用這種風格。像素風格本身就具有很好的趣味性，可以讓玩家感受到濃濃的復古電子感調性，同時也符合復古設計的大趨勢。

除了一些網站的設計，像素風格也是很多 NFT 會采用的風格之一

二、標題文字設計

在大趨勢的影響下，文字的設計也有些許變化，整體會更迎合 web3 的表達，可以看到更具有未來感、科技感的表現。

1. 大寫粗體

在 web3 相關的網站（比如 mask、galxe、setinmerge、cosmos）能夠直觀的看到粗體標題字依舊流行，但相比之前的會更粗。

2. 賽博質感漸變字體

配合光感設計和賽博朋克的風格表現，整體的標題會利用很多質感表達和對比表達的技法。

3. 融合對比

融合對比的方式有比較多種，常見的是使用漸變色、單色等方法對部分文字進行強調，線面結合、或者在細節結構中變化。

4. 個性化字體

還可以從一些設計作品中看到一些更個性化的設計，比如：更具未來感的字體、像素字體、機甲風字體

這里推薦幾個常用的英文粗體：Gotham、Montserrat、Barlow、BladeRunnerMovie、Airbus Special，中文的話可以考慮使用：方正超粗黑或者漢儀超粗黑。

三、更有趣的鼠標行為

電腦端的回歸，就有很多可以設計的細節點，比如鼠標的光標，基于 three.js 的加持，很多 web3 的網站，在鼠標的設計上，結合 hover、點擊、移動、滑動等操作也做了很多創新類的設計。

四、游戲化、場景化設計

web3 的主戰場發生在電腦端，這就意味著，設計上有更大的發揮空間，在 3D 空間設計的加持下，場景化設計可以更加具有創造力。

1. 豐富的場景化背景

在背景中融合入 3D 或者插圖等設計，讓整個界面更具有視覺的廠里，抓住用戶的視覺感官。

2. 游戲化場景化的 UI 設計

在 Web3 的網頁設計，我們可以看到越來越多偏向游戲質感設計的 UI，甚至有的網站就完全是場景化的表現，特別是在 web3 的大環境下，VR、AR 的盛行，也讓 UI 有更多可以表現的機會。

五、未來可視化信息視覺（全息影像）

web3 作為技術變革推動的產物，很多時候需要疊加科技感的外在表現，設計作為虛擬世界和物理世界的橋梁，為了讓用戶更好的理解來自虛擬世界的信息，可視化的信息圖譜可以更好的表現產品的質感。

1. 可視化 UI 設計

結合界面設計的可視化 UI，可以表達出界面滿滿的科技感及未來感

2. VR、AR、HUD

VR、AR 作為元宇宙的主流呈現模式，在 2023 年 Web3 的世界也會越來越趨于成熟，這 2 年也不斷涌現這方面的設計師作品，加上 HUD 的加持，讓全息的視效表達更加完善。

3. 全息影像視覺呈現

4. 多感體驗

元宇宙的盛行，加上 VR/AR 的加持下，Web3 的注定要成為一場聲光電的設計革命，區別于 web2 只有視覺感官的 3D 體驗，web3 的 3D 體驗還會加入觸覺、聽覺、嗅覺等體驗。尤其是電腦端，視覺與聽覺的配合也變得更加成熟。

寫在最后

趨勢僅僅能作為我們日常工作中的輔助，讓我們拓寬眼界，但更多需要設計師們自己消化，學以致用，多把復雜的信息轉化成為自己的知識，這樣你也會從一個初級的設計師慢慢往高級設計師轉變。

歡迎關注作者微信公眾號：「ID設計站」