想知道網(wǎng)頁設(shè)計世界的趨勢是什么？這是 2022 年的主要網(wǎng)頁設(shè)計趨勢，以及構(gòu)建時尚、引人注目的網(wǎng)站的技巧。

網(wǎng)頁設(shè)計的世界是不斷變化的。作為創(chuàng)意和技術(shù)交叉領(lǐng)域的一門學(xué)科——這兩個行業(yè)以光速發(fā)展——新的網(wǎng)頁設(shè)計趨勢、工具和技術(shù)不斷出現(xiàn)和發(fā)展也就不足為奇了。

流行的設(shè)計和創(chuàng)新的UX 和 UI方法很快就會變得疲倦和過度，因此緊跟最新的網(wǎng)頁設(shè)計趨勢對于保持領(lǐng)先地位至關(guān)重要?？缭綇男袨樵O(shè)計到復(fù)古 UI 的方方面面，設(shè)計將在未來一年看到的網(wǎng)頁設(shè)計趨勢有望將過去久經(jīng)考驗的設(shè)計元素與未來的技術(shù)相結(jié)合，產(chǎn)生一些真正令人興奮的新發(fā)展。

那么，在接下來的一年，哪些流行的網(wǎng)頁設(shè)計趨勢會讓我們驚嘆不已？下面，我們的設(shè)計師給出了他們構(gòu)建時尚、引人注目的網(wǎng)站的技巧，以及他們對 2022 年預(yù)測的網(wǎng)頁設(shè)計趨勢的熱門看法……

行為設(shè)計

行為設(shè)計就是使用視覺線索來塑造用戶行為。將創(chuàng)意設(shè)計與科學(xué)數(shù)據(jù)相結(jié)合，使設(shè)計師能夠更好地了解用戶的思維方式，從而更有效地影響他們的行為方式。

這種方法通常用于創(chuàng)建產(chǎn)品和應(yīng)用程序，幫助用戶完成諸如達(dá)到健身目標(biāo)、培養(yǎng)技能或保持日常習(xí)慣等事情。行為設(shè)計采用了稀缺性等技術(shù)——比如酒店預(yù)訂網(wǎng)站上“只剩下一個房間”——以及 CAR 模型——一種基于提示、行動和獎勵的策略。

許多產(chǎn)品都采用了行為設(shè)計思維，包括國外流行的冥想應(yīng)用Headspace。該平臺的成功很大程度上歸功于它通過鼓勵用戶每天冥想來保持用戶活躍的能力。技術(shù)包括個性化的每日播放列表、統(tǒng)計數(shù)據(jù)和冥想歷史，甚至允許用戶與“好友”同步日程安排。Headspace 是一個很好的數(shù)字產(chǎn)品示例，它了解用戶的行為以及如何激勵他們參與。

“從知道何時給植物澆水到確保洗手至少 20 秒，到 2022 年，我們可以期待數(shù)字產(chǎn)品和人工智能對行為設(shè)計的持續(xù)需求，以加強行為并幫助人們養(yǎng)成習(xí)慣，“人們完全依賴日歷提醒和書面筆記的日子已經(jīng)一去不復(fù)返了。在這個競爭日益激烈的市場中，企業(yè)將繼續(xù)收集人們的數(shù)據(jù)并監(jiān)控用戶行為，為用戶創(chuàng)造價值并提高產(chǎn)品參與度，但我們在哪里劃清界限？”

因為行為科學(xué)可以成為塑造人們選擇和行為的強大工具。該方法存在一些倫理問題，但展望未來，行為設(shè)計的普及有望看到設(shè)計行業(yè)繼續(xù)將其用作積極影響而不是操縱用戶。

復(fù)雜的漸變

雖然漸變可能不是一個新趨勢，但隨著時間的推移，它們肯定已經(jīng)走了很長一段路。復(fù)雜漸變是視頻和網(wǎng)頁設(shè)計中出現(xiàn)的最新發(fā)展之一，通常用于增加平面圖像的深度。

您可以在這個平面設(shè)計組合中看到復(fù)雜漸變的使用，它使用橙色、粉紅色、紫色和藍(lán)色色調(diào)的空靈混合來增加溫暖和深度。在其網(wǎng)站上使用了類似的效果，設(shè)計從單色漸變?yōu)椴噬?

“漸變在技術(shù)執(zhí)行方面取得了長足的進(jìn)步，”UX 設(shè)計師說?！斑@導(dǎo)致了創(chuàng)意界對運動、不規(guī)則和多色混合的激動人心的探索和發(fā)展?！?

3. 大字體和當(dāng)代襯線

排版是UI 設(shè)計中非常重要的元素，我們看到一些排版趨勢正在發(fā)展。

大字體

首先，大字體回來了，而且比以往任何時候都好。

具有旨在產(chǎn)生影響的大而大膽的字母，大字體可以在網(wǎng)頁設(shè)計中做出令人印象深刻的視覺聲明 - 特別是與更簡約的設(shè)計或布局相結(jié)合時。選擇更大尺寸的文本可以很好地創(chuàng)造出引人注目的第一印象，也可以將其他設(shè)計元素結(jié)合在一起。

“隨著設(shè)計傾向于更多最小化的離網(wǎng)布局，大字體有助于將它們聯(lián)系在一起并提供簡單的品牌影響，”內(nèi)容專家解釋道。

法國百貨公司老佛爺百貨的導(dǎo)航菜單采用中性、粗體的字體——讓品牌的大標(biāo)志在主頁的中心突出。這與垂直剪切圖像、插圖圖標(biāo)和單色調(diào)色板相結(jié)合，營造出一種巧妙的拼貼感。

當(dāng)代襯線

在字體范圍的另一端，當(dāng)代襯線字體也有一段時間。

擁抱傳統(tǒng)襯線所特有的精致裝飾元素和優(yōu)雅的裝飾，現(xiàn)代襯線也與有趣、復(fù)雜的漸變搭配，營造出時尚、現(xiàn)代的外觀。例如，這個網(wǎng)站采用了一種微妙的襯線風(fēng)格，這是頁面的主角字體，同時也優(yōu)雅低調(diào)。

為了在您的作品中融入現(xiàn)代襯線字體，這款 Black Delights – Elegant Serif 使用環(huán)狀連字并散發(fā)出精致的風(fēng)格。非常適合引用或徽標(biāo)，它是一種引人注目的類型，將使您的設(shè)計與眾不同。

4. UI中的復(fù)古設(shè)計

繼續(xù)我們對所有復(fù)古事物的癡迷，復(fù)古 UI 現(xiàn)在正在網(wǎng)頁設(shè)計中起飛。

70 年代啟發(fā)的橢圓形和拱形邊界半徑

我們看到的第一個復(fù)古趨勢是“橢圓形和拱形邊界半徑”。這種風(fēng)格包括將圖像裁剪成橢圓形和拱形，其邊緣較薄，與圖像略微分開，反映拱形或橢圓形。

“這種趨勢在時尚和投資組合展示中很受歡迎，并且是對 70 年代復(fù)古雜志布局的一種認(rèn)可，”設(shè)計師說?！八ǔＥc大地色調(diào)相結(jié)合?！?

您可以在 的機構(gòu)網(wǎng)站上看到這一趨勢。讓人想起一面獨立的鏡子，拱門被用來以一種微妙而經(jīng)典的方式展示攝影。

90 年代垃圾搖滾 UI

下一個在 UI 中大回歸的復(fù)古趨勢是90 年代懷舊。90 年代的美學(xué)有很多值得喜愛的地方——包括視頻游戲、VHS 和故障效果、閃閃發(fā)光的氣泡字體，以及朋克和銳舞文化。最近，隨著許多90 年代的趨勢重新浮出水面，我們看到垃圾美學(xué)在 UI 設(shè)計中重新出現(xiàn)。

時尚圣經(jīng)網(wǎng)站Nylon就是一個很好的例子。數(shù)字出版物以女性化和低調(diào)的方式接近 grunge，紋理背景讓人聯(lián)想到樂隊海報以及寶麗來靈感的圖像布局、拼貼和手繪細(xì)節(jié)。

原生桌面應(yīng)用卷土重來

明年，我們期待原生桌面應(yīng)用程序繼續(xù)大放異彩。這些應(yīng)用程序安裝在您的桌面上并可以本地訪問——想想微軟 Office 套件而不是在線 Office 365——許多軟件公司現(xiàn)在選擇創(chuàng)建用戶體驗與其流行的 Web 版本相當(dāng)?shù)谋镜刈烂鎽?yīng)用程序。

但在一個日益網(wǎng)絡(luò)化的世界里，為什么公司會下線他們的應(yīng)用程序？根據(jù) Envato 產(chǎn)品設(shè)計師 Raouf Araji 的說法，桌面用戶體驗實際上有很多好處。

“一些公司選擇創(chuàng)建具有與其流行的網(wǎng)絡(luò)瀏覽器版本相當(dāng)?shù)挠脩趔w驗的本地桌面應(yīng)用程序，”Raouf 解釋說?！皩τ脩趔w驗的好處包括性能提升、與操作系統(tǒng)通知系統(tǒng)集成的能力，以及在從瀏覽器中其他選項卡式窗口的干擾中移除時提高焦點?！?

更無縫的應(yīng)用內(nèi)通信

隨著我們中的許多人繼續(xù)在家工作，遠(yuǎn)程和面對面協(xié)作的混合方法變得越來越必要。因此，應(yīng)用內(nèi)通信需要更加無縫和吸引人。

產(chǎn)品設(shè)計師正在迎接改進(jìn)應(yīng)用內(nèi)通信的挑戰(zhàn)——特別是在技術(shù)領(lǐng)域，明確努力使應(yīng)用內(nèi)協(xié)作更加連貫和更“人性化”。

3D設(shè)計

雖然不一定是新趨勢，但3D 設(shè)計在網(wǎng)頁設(shè)計領(lǐng)域繼續(xù)蓬勃發(fā)展。UI 中越來越多地使用3D 圖形來增強 Web 界面并為網(wǎng)站添加引人注目的元素。

3D 設(shè)計使用計算機建模軟件創(chuàng)建具有 3D 外觀的對象，也是平面設(shè)計、排版和數(shù)字藝術(shù)的流行趨勢。從專業(yè)網(wǎng)站到個人作品集，隨處可見。

“雖然 3D 已經(jīng)存在了一段時間，但它現(xiàn)在正被更加無縫地集成到設(shè)計中，”設(shè)計師 解釋道?！皬某錆M活力的明亮多彩元素到超逼真的抽象設(shè)計，3D 已經(jīng)出現(xiàn)，它讓一切變得流行起來！”

這就是我們精選的 2022 年最熱門的網(wǎng)頁設(shè)計趨勢。從完美的粗體字體，到 UX 和 UI 工具包、和主題，創(chuàng)建無縫、流暢和美觀的用戶體驗。查看 設(shè)計 作品集中的一些作品——了解更多網(wǎng)站設(shè)計文章。