人們對 2022 年感到謹慎興奮。我們度過了充滿挑戰(zhàn)的兩年，這不僅考驗了我們的韌性和耐心，還考驗了人際關(guān)系、心理和財務(wù)健康等等。

世界已經(jīng)發(fā)生了變化，這些變化促使企業(yè)改變營銷和銷售產(chǎn)品和服務(wù)的方式。

我們到處都能看到這些變化，包括在網(wǎng)站設(shè)計中。

讓我們詳細看看國外這些網(wǎng)頁設(shè)計趨勢中的每一個。

1.健康溫馨的設(shè)計

我們期待激動人心的 2022 年，但人們?nèi)栽谶m應(yīng)新常態(tài)。

人們更加小心。他們更頻繁地消毒。他們更注重清潔和安全。

當(dāng)人們尋找產(chǎn)品和服務(wù)時，他們自然會問他們是否可以安全購買、消費和使用。

網(wǎng)站設(shè)計必須適應(yīng)讓人們相信所提供的產(chǎn)品和服務(wù)是安全和健康的。

您如何讓您的客戶和潛在客戶相信您的產(chǎn)品和服務(wù)是安全的？

使用能喚起舒適感、減少焦慮和壓力并促進健康習(xí)慣的圖像、形狀和顏色。

包括家居裝飾、戶外風(fēng)景或?qū)挸ㄞk公空間中的綠化的圖像和設(shè)計可以減少焦慮和壓力并提高舒適度。

有機形狀（例如我們在自然界中看到的那些）、自然色彩（大地色調(diào)和綠色）以及流暢和諧的簡潔設(shè)計元素都有助于增強舒適和安全感。設(shè)計中的空間（例如大型工作空間）模仿健康安全的社交距離習(xí)慣，從而緩解健康焦慮。

2022 年網(wǎng)站設(shè)計的目標是創(chuàng)造一種鼓舞人心的感覺，讓人們在新環(huán)境中更舒適、更少煩躁和更少壓力。

2.微動畫與微交互

人們的注意力持續(xù)時間很短。我們沉迷于短視頻、朋友圈和 微博 等社交網(wǎng)絡(luò)，只用幾百個字符就可以表達全部想法。

如果您想在瀏覽您的網(wǎng)站時吸引人們的注意力，您應(yīng)該考慮如何利用人們短暫的注意力。畢竟，最初的目標是吸引他們的注意力，然后維護它并邀請他們花更多時間瀏覽您的網(wǎng)站。

在您的網(wǎng)站上吸引注意力的最佳方法之一是通過動畫。

一種方法是為您的背景圖像合并小型移動設(shè)計。這通常在網(wǎng)站的頂部完成，這樣人們一登陸您的頁面就可以看到動態(tài)圖像。例如，您可以對網(wǎng)站上的一些關(guān)鍵元素使用移動圖標來吸引人們對這些圖標的注意。

在結(jié)合動畫和微交互時，要注意顏色和對比度。確保顏色不沖突。使用自然色，如藍色、綠色和棕色作為背景。保留黃色、橙色和紅色等較亮的顏色，以突出顯示動態(tài)圖像和交互。因為大多數(shù)人更容易看到更亮的顏色，所以它們會使動態(tài)圖像和交互更加明顯。

但是，要小心過度動畫，因為這可能會分散注意力。

使用允許人們與這些設(shè)計進行交互的動畫設(shè)計。這可以創(chuàng)造更有趣和愉快的用戶體驗。

3.勵志插圖

人們希望受到啟發(fā)，尤其是在過去幾年的挑戰(zhàn)之后。

您可以使用網(wǎng)站設(shè)計直接或間接地激勵人們。

您可以通過使用簡單、鼓舞人心的設(shè)計來直接激發(fā)靈感。例如，與著陸頁主題相關(guān)的勵志名言可能會很有效。

有什么比說出來更好的方式來傳播積極性？

或者，您也可以通過選擇顯示積極和溫暖互動的設(shè)計來嘗試間接方法（如上圖所示）。這樣的設(shè)計令人舒適和受歡迎，將有助于創(chuàng)造積極的用戶體驗。記住要使用明亮有趣的顏色，而不是經(jīng)常傳達悲傷的深色。

目標是注入更多快樂并創(chuàng)造有趣的用戶體驗，讓人們在訪問您的網(wǎng)站后感到高興。

4.簡約和現(xiàn)代極簡主義

如果大膽的設(shè)計或鮮艷的顏色不適合您的品牌標識，您可以在設(shè)計網(wǎng)站時始終選擇現(xiàn)代極簡主義。

不要以為極簡設(shè)計是沉悶的。相反，簡約的網(wǎng)站設(shè)計有助于大多數(shù)公司更有效地展示他們的產(chǎn)品或服務(wù)。而且，簡單的設(shè)計通常更容易創(chuàng)建且成本更低。

您可以通過選擇與您的品牌一致的簡單元素來實現(xiàn)完美的“現(xiàn)代極簡主義”氛圍。例如，如果您經(jīng)營護膚品業(yè)務(wù)，請在背景中加入水或樹葉等自然元素以及單一混合色，以幫助營造輕松的感覺并使您的產(chǎn)品成為焦點。

如果您有服裝品牌，請仔細考慮您在網(wǎng)站上使用的顏色。響亮、更鮮艷的顏色更適合更隨意的感覺。這就是為什么你會看到像 Old Navy、Target 和其他公司在他們的服裝設(shè)計中使用更亮的紅色、藍色和黃色的原因。單色通常反映更奢華的感覺。

極簡主義使您的產(chǎn)品和服務(wù)成為明星，并幫助您保持品牌。

5.定制內(nèi)容

互聯(lián)網(wǎng)使一切變得更容易訪問、可定制和相關(guān)。您的網(wǎng)站設(shè)計也應(yīng)該反映這一點。

例如，地理位置可以幫助您為地理位置接近您業(yè)務(wù)的人使用不同的消息傳遞。同樣，您可以使用某人在您網(wǎng)站上的瀏覽歷史記錄，以便根據(jù)他們以前看到和閱讀的內(nèi)容更好地集中您的消息和優(yōu)惠。

流行的電子商務(wù)網(wǎng)站在這方面做得很好。他們根據(jù)客戶的需求、他們的搜索歷史和他們的瀏覽行為來改變內(nèi)容。社交問答網(wǎng)站也做得很好。一個人可以看到與他們正在研究的主題相關(guān)的問題和線程的答案。

定制內(nèi)容創(chuàng)造了更加個性化的瀏覽體驗。

如果您可以為人們提供他們想要的東西，他們就更有可能回到您的網(wǎng)站。

6.3D 視覺效果

多年來，三維圖像在網(wǎng)站設(shè)計中一直流行。我們預(yù)計這一趨勢將在 2022 年繼續(xù)。

有什么比通過真實的維度展示興奮更好的方式呢？

3D 是激發(fā)興奮和為您的設(shè)計增添樂趣的好方法，特別是如果您的品牌是科技、前衛(wèi)或現(xiàn)代的。

展示 3D 視覺效果的最佳方式是使它們大膽、大且易于查看。確保圖像清晰且質(zhì)量高，以免造成混亂。而且，重要的是，確保 3D 設(shè)計與您的品牌相得益彰。盡管 3D 設(shè)計很有趣，但它并不適用于所有品牌或風(fēng)格。

3D 視覺效果（如大圖片或插圖）最適合用于網(wǎng)站標題或作為主圖（顯示在網(wǎng)站頂部）。但請注意不要使用過多的大型 3D 視覺效果，因為它們會壓倒您的整體設(shè)計。散布在整個網(wǎng)站上的 3D 圖像最有價值。

如果 3D 符合您的品牌和風(fēng)格，那么此類圖像可以讓您的訪問者感到賓至如歸，并留下持久的印象。

7.漸變

當(dāng)網(wǎng)站設(shè)計開始感覺扁平或沉悶或顏色不能完全互補時，請考慮在您的設(shè)計中使用漸變。

漸變是一種顏色的陰影，可以平滑地相互過渡。

漸變是永恒的現(xiàn)代設(shè)計經(jīng)典。它們多年來一直用于網(wǎng)站設(shè)計。漸變可以通過為您的網(wǎng)站設(shè)計添加額外的尺寸、紋理和樂趣來提升任何設(shè)計。

您可以將漸變用于徽標、圖標、背景、排版等。

但是，雖然漸變用途廣泛，但您必須找到合適的平衡點。例如，對小菜單圖標或徽標使用漸變，以幫助小而重要的元素脫穎而出。

如果您對較大的元素使用漸變，請確保您不會使網(wǎng)站上的其他設(shè)計元素變得不那么明顯。例如，在上面的設(shè)計中，您可以在 HERO 圖像中看到漸變（在頁面頂部），但頁面的其余部分大部分是白色背景。這有助于分離頁面的各個部分，并有助于使內(nèi)容更具可讀性。

8.大膽多彩的視覺效果

您可以通過使用大膽而多彩的視覺效果來幫助激發(fā)興奮并創(chuàng)造更有趣的瀏覽體驗。

橙色、紅色、亮藍色、黃色等大膽的顏色非常適合平面插圖、HERO 圖像（位于頁面頂部）和標題，可為您的網(wǎng)站營造溫馨有趣的氛圍。許多電子商務(wù)電子商務(wù)網(wǎng)站使用大膽多彩的圖像來營造歡樂的氛圍。

9.包容性設(shè)計和內(nèi)容

您的網(wǎng)站看起來很棒，但任何人都可以使用或訪問它嗎？人們可以與您的產(chǎn)品和服務(wù)相關(guān)嗎？

包容性設(shè)計可以讓人們更信任您的服務(wù)或產(chǎn)品，讓他們感到聯(lián)系或被看到。

例如，看一下 crowdspring 網(wǎng)站上的標題插圖。您是否看到我們試圖通過插圖創(chuàng)造更具包容性的感覺的方式？

您可以通過確保您的網(wǎng)站功能性和可訪問性來將包容性設(shè)計納入您的網(wǎng)站。這意味著您網(wǎng)站的用戶界面 (UI) 簡單且易于導(dǎo)航，字體易于閱讀且適合您的品牌，顏色不會沖突，并且您使用大量空白空間。

不要忽視您網(wǎng)站上的內(nèi)容——它可能與視覺設(shè)計一樣重要。注意人們在談?wù)撌裁矗⑾鄳?yīng)地推銷您的服務(wù)或產(chǎn)品。

例如，在 2022 年和 2022 年的大流行期間，許多餐廳通過展示其烹飪?nèi)藛T和服務(wù)員戴著口罩的照片來適應(yīng)安全問題。但有些餐館從未適應(yīng)過，因此難以留住顧客。

你的目標應(yīng)該是包容的，但不要執(zhí)著于迎合所有人。使您的網(wǎng)站設(shè)計和內(nèi)容具有相關(guān)性，以便更多人可以從中受益。

10.黑白設(shè)計

另一個永不過時的現(xiàn)代經(jīng)典是黑白（或深色）設(shè)計。

這種風(fēng)格很簡單，適合許多設(shè)計元素——從背景、圖標、徽標、照片、圖像、插圖等等。

黑白設(shè)計有助于展示您的產(chǎn)品或服務(wù)，同時營造出優(yōu)雅和前衛(wèi)的感覺。當(dāng)您想保持潮流但不使用鮮艷的顏色時，這種風(fēng)格非常棒。

黑白設(shè)計不適用于所有品牌。但這種風(fēng)格適用于前衛(wèi)、優(yōu)雅、正式或休閑的品牌。

例如，如果您想讓您的產(chǎn)品看起來優(yōu)雅，您可以選擇使用黑白顏色創(chuàng)建漸變背景。如果您要打造前衛(wèi)和現(xiàn)代的外觀，請在您的設(shè)計中創(chuàng)建黑色和白色之間的鮮明對比。

黑白在插圖、照片、形狀等方面也很有趣。這些顏色用途廣泛。

如果您在過去三到四年內(nèi)沒有重新設(shè)計您的網(wǎng)站，那么這可能是重塑品牌的最佳時機。如果您正在設(shè)計一個新的網(wǎng)站，請記住其中的一些趨勢，但不要忘記最終目標：為訪問您網(wǎng)站的人創(chuàng)造有趣、輕松和出色的用戶體驗。

設(shè)計，專注于好的設(shè)計。

好的設(shè)計就是好的生意。