最重要的早期設(shè)計(jì)決策之一是什么樣的背景將承載一個(gè)項(xiàng)目。是單色、無色，還是使用幾何形狀、漸變、木紋等潮流元素？還是扎實(shí)的背景設(shè)計(jì)能讓項(xiàng)目大放異彩？
 
保持背景設(shè)計(jì)風(fēng)格的趨勢(shì)也很重要。時(shí)尚的背景選擇表明網(wǎng)站設(shè)計(jì)現(xiàn)代且內(nèi)容新穎。現(xiàn)代視覺框架甚至可以向用戶發(fā)出信號(hào)，表明您正在考慮他們的需求并充分利用可以改善他們體驗(yàn)的工具。
你是怎么做到的？下面是背景設(shè)計(jì)趨勢(shì)和風(fēng)格，其中有一些不錯(cuò)的選擇可供嘗試。

3D插圖

 

三維任何東西都是今年的大趨勢(shì)。具有 3D 感覺的插圖對(duì)于具有特定感覺的設(shè)計(jì)來說既時(shí)髦又輕盈。
這種背景風(fēng)格的訣竅是選擇真正適合您的內(nèi)容的 3D 元素。插圖可以是完整的場(chǎng)景，也可以使用創(chuàng)建紋理或某種重復(fù)圖案的 3D 圖標(biāo)。
這種風(fēng)格從一開始就散發(fā)出某種感覺。與其他一些風(fēng)格相比，它更輕盈、更不嚴(yán)肅，因此您要確保將它與正確類型的內(nèi)容一起使用。否則，您可能會(huì)以奇怪的方式斷開連接。
創(chuàng)建您自己的插圖或查找包含您需要的元素的 UI 套件。通過一點(diǎn)動(dòng)畫添加另一個(gè)層次的視覺趣味，例如上面的示例。
 

粉彩漸變

柔和的漸變背景可以是柔和的或明亮的，但趨勢(shì)更傾向于柔和的色調(diào)和微妙的色彩漸變。
這種類型的背景的好處在于它增加了視覺趣味和深度元素。該樣式可以與任何類型的內(nèi)容和幾乎所有品牌顏色組合一起使用，如果您想刷新您的網(wǎng)站設(shè)計(jì)，它是一個(gè)超級(jí)實(shí)用的選擇。

視頻

背景視頻在網(wǎng)站設(shè)計(jì)項(xiàng)目中變得越來越普遍。將其視為更多用于視覺目的而不是講故事的 b-roll 或視頻。
運(yùn)動(dòng)可以幫助更長時(shí)間地關(guān)注設(shè)計(jì)，或者對(duì)可能缺乏視覺刺激的內(nèi)容產(chǎn)生興趣。
視頻背景是美學(xué)的時(shí)尚貢獻(xiàn)者。

光的形狀

 

幾何形狀可以很好地添加，作為網(wǎng)站設(shè)計(jì)中其他元素背后的微妙層。具有細(xì)線且顏色不多的元素將創(chuàng)造出視覺上有趣的東西，并且不會(huì)妨礙設(shè)計(jì)的其余部分。
您可以通過在整個(gè)設(shè)計(jì)中以類似的方式使用這些效果并將它們提升到另一個(gè)層次，并確保您使用的形狀和樣式與整個(gè)網(wǎng)站內(nèi)容相關(guān)。
不要害怕以多種方式使用它們，例如反轉(zhuǎn)、超級(jí)微妙的顏色或輕微的動(dòng)畫。這一切都是為了通過一個(gè)額外的元素融入背景來為設(shè)計(jì)創(chuàng)造正確的感覺。

分層背景圖像

這是一種我們沒有預(yù)料到的背景趨勢(shì)——照片背景隱藏在其他層之后，包括文本、其他圖像或視頻。
這些圖像往往是廣角的、易于理解的圖像，為網(wǎng)站上的內(nèi)容奠定了基礎(chǔ)。當(dāng)它們提供額外的信息以使一切更容易理解時(shí)，它們是最有價(jià)值的。挑戰(zhàn)在于，如果做得不好，它們可能會(huì)使設(shè)計(jì)混亂或不堪重負(fù)。
尋找容易褪色的圖像和一目了然的內(nèi)容。一般來說，最好的選擇是從整個(gè)網(wǎng)站的調(diào)色板中提取，或者包括大量未使用的空間，這些空間從背景的一部分逐漸淡入另一部分。

立體感

三維和觸覺背景吸引用戶，因?yàn)樗鼈兛雌饋砗透杏X起來都像真實(shí)的東西。用戶幾乎可以深入設(shè)計(jì)并成為他們?cè)谄聊簧峡吹降膬?nèi)容的一部分，并且具有強(qiáng)烈的視覺吸引力。
現(xiàn)代 3D 背景趨勢(shì)不僅僅是陰影和深度形狀。它們還包括增強(qiáng)逼真氛圍的動(dòng)畫和紋理。
制作 3D 背景的關(guān)鍵是它必須是可信的，這意味著效果復(fù)制現(xiàn)實(shí)，或者它必須如此牽強(qiáng)以至于它顯然是虛構(gòu)的。那里有一條微妙的路線，需要練習(xí)才能做得非常好。

分層元素

背景和前景元素不再需要在屏幕上完全分開。將背景部分與設(shè)計(jì)的其他部分合并可以創(chuàng)造驚人的深度，有助于產(chǎn)生三維效果（如上所述），并幫助用戶感覺自己是設(shè)計(jì)的一部分。
這種背景趨勢(shì)是我們?cè)?2020 年和 2021 年看到的將圖像中的插圖和現(xiàn)實(shí)相結(jié)合的延伸?，F(xiàn)在的趨勢(shì)似乎更側(cè)重于幾何形狀和帶有圖像層的顏色，以一種不那么卡通化的方式創(chuàng)造這種深度效果。
明亮的顏色選擇可以通過陰影或其他深度構(gòu)建技術(shù)提供額外的視覺興趣元素，幫助推動(dòng)這些設(shè)計(jì)向前發(fā)展。

液體背景

液體背景越來越受歡迎，因?yàn)樗鼈冊(cè)谝曈X上非常有趣。
您可能會(huì)通過以下兩種方式之一找到它們：

• 作為其他元素背后的微妙液體圖像
• 作為背景中的流動(dòng)動(dòng)畫

這兩個(gè)概念看起來都很整潔，即使在靜止的液體背景中，它也會(huì)喚起運(yùn)動(dòng)的感覺。由于屏幕上的自然流動(dòng)，液體動(dòng)畫或背景的水感通常也具有一定程度的鎮(zhèn)靜效果。

帶疊加層的照片

背景圖像似乎永遠(yuǎn)不會(huì)過時(shí)，設(shè)計(jì)師們正在嘗試不同的方式來通過疊加和效果將整個(gè)場(chǎng)景融合在一起來增加圖像的對(duì)比度。
疊加很有趣，因?yàn)橛泻芏嗖煌姆椒梢宰龅竭@一點(diǎn)，從全彩屏幕到部分疊加，再到在圖像之上添加顏色和其他設(shè)計(jì)元素。
使照片疊加背景有效的真正關(guān)鍵是使用足夠的顏色使前景元素高度可見，而不會(huì)隱藏太多背景圖像。

厚透明膠片

 

與此形成鮮明對(duì)比的是，上述趨勢(shì)是在圖像或視頻上使用厚色透明度。雖然這種效果產(chǎn)生了很大的對(duì)比度，但它幾乎使背景圖像變得不可讀。
這就是設(shè)計(jì)師試圖通過這種外觀來實(shí)現(xiàn)的目標(biāo)。它在藝術(shù)品不強(qiáng)烈的情況下效果最好，主要用于提供額外的紋理，這樣背景就不僅僅是一個(gè)純色塊。
小心在厚透明度后面使用的圖像或視頻。它們不應(yīng)該有趣到人們?cè)噲D去理解它們。這些圖像應(yīng)該很容易淡入背景。

水彩畫

水彩背景是網(wǎng)站設(shè)計(jì)中插圖和場(chǎng)景的全新呈現(xiàn)。這種趨勢(shì)包括任何具有手繪質(zhì)感的東西。
水彩畫的優(yōu)點(diǎn)——也可能是它們受歡迎的原因——是這種風(fēng)格具有一定的柔和感，而一些較粗糙的背景選項(xiàng)則缺乏這種柔和感。水彩畫也有一種真實(shí)的感覺，可以傳達(dá)您將要探索的內(nèi)容的獨(dú)特性。
最后，水彩風(fēng)格散發(fā)出一點(diǎn)奇思妙想。這個(gè)概念似乎是一種設(shè)計(jì)感覺，現(xiàn)在更多的項(xiàng)目正在嘗試復(fù)制。

全屏視頻

幾年來，視頻一直是首選的背景設(shè)計(jì)元素，但隨著這種趨勢(shì)的出現(xiàn)，它正在被重新發(fā)明：全屏背景視頻。
響應(yīng)式形狀允許設(shè)計(jì)人員縮放視頻以填充著陸屏幕。與上面的示例一樣，這種趨勢(shì)側(cè)重于效果和周圍元素最少的視頻。
近乎電影般的體驗(yàn)吸引了用戶，并且可以高度參與正確的視頻剪輯。要充分利用這種背景設(shè)計(jì)趨勢(shì)，請(qǐng)尋找具有大量動(dòng)作和動(dòng)作的視頻。

 

背景文字

您可能不會(huì)將文本視為背景元素，但它可以。
帶有大字的強(qiáng)大字體可以攜帶背景和周圍的圖像元素，甚至侵占空間。
這可能是最棘手的背景趨勢(shì)之一，因?yàn)槟枰诒３挚勺x性的同時(shí)保持字體、圖像和響應(yīng)能力之間的平衡。

 

微妙的紋理

背景中的微妙紋理可以增加項(xiàng)目的深度和維度。
有各種各樣的紋理圖案可供嘗試，但主導(dǎo)趨勢(shì)似乎是純色上的斑點(diǎn)（最常見的是白色）。
這種風(fēng)格的紋理為背景提供了一種粗糙的元素，并增加了一種設(shè)計(jì)不過分精致的感覺。這種趨勢(shì)最好的部分可能是它幾乎適用于任何事物，你甚至可以將它與其他背景趨勢(shì)結(jié)合起來。（上面的例子使用了視頻和紋理。）

懸停動(dòng)畫

 

誰說背景圖片必須是靜態(tài)的？
完美放置的懸停動(dòng)作為原本靜態(tài)的背景添加了適量的運(yùn)動(dòng)。這種技術(shù)適用于照片、插圖，甚至圖案或紋理。
訣竅在于它為用戶體驗(yàn)增添了意想不到的愉悅元素。在懸停動(dòng)作出現(xiàn)之前，用戶甚至不知道它在那里。
要充分利用這種背景趨勢(shì)，請(qǐng)創(chuàng)建一些微妙的動(dòng)作。在上面的示例中，圖像在激活時(shí)有一點(diǎn)反彈。

分層，場(chǎng)景插圖

 

另一個(gè)正在發(fā)展的背景趨勢(shì)是插圖的使用。雖然設(shè)計(jì)師在背景中使用插圖已經(jīng)有一段時(shí)間了，但這些插圖更加精致，帶有分層場(chǎng)景，甚至還有一些動(dòng)畫。
插圖可以引人注目且令人難忘。插圖的難點(diǎn)在于這些背景設(shè)計(jì)可能相當(dāng)繁瑣，您必須仔細(xì)規(guī)劃其他元素的位置和樣式。
上例中插圖的使用幾乎是完美的。通過偏離中心的位置和動(dòng)畫提示，它很好地補(bǔ)充了文本和設(shè)計(jì)的其余部分。

色塊圖層

色塊已經(jīng)成為一種超越學(xué)科的設(shè)計(jì)趨勢(shì)。您會(huì)在時(shí)尚、家居裝飾和網(wǎng)站設(shè)計(jì)中找到它。
這種風(fēng)格的設(shè)計(jì)背景最大的好處就是可以明快，有層次感，視覺上很有趣。它適用于各種調(diào)色板 - 這對(duì)品牌來說非常有用 - 并且不會(huì)創(chuàng)建過于復(fù)雜或難以實(shí)現(xiàn)的背景。
使用具有明亮或淺色背景的色塊層，然后添加另一種顏色的第二個(gè)“背景”。您可以在上面的投資組合網(wǎng)站示例中看到這一點(diǎn)，背景為白色，然后是藍(lán)色框中的各個(gè)元素。

純色

平面設(shè)計(jì)中從未真正消失的部分之一是樣式的顏色。這些顏色作為背景顏色回歸。
這種風(fēng)格不僅要為背景使用更大膽的色調(diào)，而且要平淡地使用它們。沒有漸變，沒有變化，只有單一色調(diào)的純色背景。
這些背景通常在頂部有逼真的圖層，有時(shí)在它們后面有邊框或其他背景以創(chuàng)建深度。（您可以從上面的示例中看到這種完整效果，米色背景周圍有白色邊緣，頂部有圖像。）

幾何形狀

 

圓形、多邊形和其他幾何元素是 2021 年背景設(shè)計(jì)的重要組成部分。
這些形狀可以讓人想起童年，或者只是一種有趣的替代方案，可以替代之前流行的所有平面單色背景。對(duì)于幾何學(xué)的現(xiàn)代風(fēng)格，堅(jiān)持單調(diào)的調(diào)色板并使用具有強(qiáng)烈對(duì)比的元素來充分利用背景。
這些背景樣式可能有些浮華，例如上面的示例，或者包括帶有微妙幾何底色的柔和調(diào)色板。

 

線型

從微妙的曲線到大膽的筆觸，線條圖案作為背景設(shè)計(jì)元素越來越受歡迎。
使線條起作用的是它們意味著什么。最好的線條圖案有助于將用戶吸引到設(shè)計(jì)中，并將注意力引向其他視覺元素，例如上例中的自定義線條圖案。
線條圖案可以大也可以小，兩者都可以有效，具體取決于您的項(xiàng)目目標(biāo)。

漸變

 

如果你和我一樣，那么你就是那些真正熱愛漸變的設(shè)計(jì)師之一。（我受夠了。）
這種趨勢(shì)非常靈活，背景漸變只是顏色，背景漸變覆蓋圖像或視頻，甚至動(dòng)畫背景漸變會(huì)改變顏色或似乎漂浮在整個(gè)設(shè)計(jì)中。
有這么多選擇，幾乎可以肯定您可以找到適合您的調(diào)色板和設(shè)計(jì)方案的可行解決方案。

氣泡和斑點(diǎn)

 

雖然氣泡和斑點(diǎn)可能類似于幾何形狀，但它們通常是不同的，因?yàn)槠渲性S多元素都包含一些運(yùn)動(dòng)并且形狀相當(dāng)不完美。
作為背景元素，這種趨勢(shì)往往以兩種方式發(fā)揮作用：

• 作為帶有氣泡或斑點(diǎn)狀元素的實(shí)際背景，這些元素僅用于視覺興趣或?yàn)檎w設(shè)計(jì)添加一點(diǎn)顏色。
• 作為“前景”背景元素，如上例。氣泡和斑點(diǎn)通常是移動(dòng)的形狀，在設(shè)計(jì)中漂浮起來以創(chuàng)造更多層次的效果，但它們是“背景元素”，因?yàn)樗鼈兂藥椭脩糇⒁饬χ鉀]有任何功能性作用。

 

木紋

 

在產(chǎn)品攝影和場(chǎng)景風(fēng)格設(shè)計(jì)方面，木紋背景很受歡迎。
兩者都適用于此元素，因?yàn)槟炯y背景提供了一種不平坦的自然環(huán)境。這很有趣，但不是壓倒性的。它提供了一個(gè)有趣的位置，有助于將焦點(diǎn)放在背景中的事物上。
為了充分利用木紋風(fēng)格，嘗試將木材的顏色與前景元素相匹配，并根據(jù)前景元素尋找寬或薄的木板。盡量避免落入木板之間“裂縫”的元素。

 

白色和灰色

 

淺色——白色和灰色——背景是一種持續(xù)存在的趨勢(shì)。這些背景大多源于極簡主義趨勢(shì)，簡單易用。它們?yōu)槠聊簧系钠渌靥峁┝顺渥愕目臻g和對(duì)比度。
大多數(shù)白色和灰色背景都有一些紋理元素，例如淺色漸變、使用陰影與前景元素分離，或某種整體圖案或紋理。

 

結(jié)論

使用新背景更改舊設(shè)計(jì)。像更改設(shè)計(jì)畫布的外觀這樣簡單的事情就可以刷新項(xiàng)目。
尋找具有時(shí)尚感的東西，為您的設(shè)計(jì)增添更現(xiàn)代的氣息。