網(wǎng)站建設(shè)中2022年分享多種背景設(shè)計(jì)趨勢(shì)和風(fēng)格發(fā)布者：本站     時(shí)間：2022-04-02 09:04:06

您將做出的最重要的早期設(shè)計(jì)決策之一是什么樣的背景將承載一個(gè)項(xiàng)目。應(yīng)該是單色、無(wú)色、使用幾何形狀、漸變色、木紋圖案等時(shí)尚元素？一個(gè)堅(jiān)實(shí)的背景設(shè)計(jì)可以幫助一個(gè)項(xiàng)目發(fā)光？

 

與背景設(shè)計(jì)風(fēng)格保持同步也很重要。時(shí)尚的背景選擇表明網(wǎng)站設(shè)計(jì)是現(xiàn)代的并且內(nèi)容是新的?，F(xiàn)代視覺(jué)框架甚至可以向用戶發(fā)出信號(hào)，表明您正在考慮他們的需求，并充分利用這些工具來(lái)改善他們的體驗(yàn)。

 

以下是背景設(shè)計(jì)趨勢(shì)和風(fēng)格，有一些不錯(cuò)的選擇可供嘗試。

 

立體感



 

三維和觸覺(jué)背景吸引用戶，因?yàn)樗鼈兛雌饋?lái)和感覺(jué)像是真實(shí)的東西。用戶幾乎可以深入了解設(shè)計(jì)并成為他們?cè)谄聊簧峡吹降膬?nèi)容的一部分，并且具有強(qiáng)烈的視覺(jué)吸引力。

 

現(xiàn)代3D背景趨勢(shì)不僅僅是深度的陰影和形狀。它們還包括增強(qiáng)逼真氛圍的動(dòng)畫(huà)和紋理。

 

制作3D背景作品的關(guān)鍵是它必須是可信的，這意味著效果復(fù)制了現(xiàn)實(shí)，或者它必須過(guò)于牽強(qiáng)以至于它顯然是虛構(gòu)的。那里有一條微妙的路線，需要練習(xí)才能做得非常好。

 

分層元素

 



 

背景和前景元素不再需要在屏幕上完全分開(kāi)。將背景與設(shè)計(jì)的其他部分合并可以創(chuàng)造驚人的深度，有助于產(chǎn)生三維效果（如上所示），并幫助用戶感覺(jué)自己是設(shè)計(jì)的一部分。

 

這種背景趨勢(shì)是我們?cè)?020年和2021年看到的趨勢(shì)中融合插圖和現(xiàn)實(shí)的圖像的延伸?，F(xiàn)在，這種趨勢(shì)似乎更側(cè)重于幾何形狀和帶有圖像層的顏色，以不那么卡通化的方式創(chuàng)造這種深度效果。

 

明亮的顏色選擇可以通過(guò)陰影或其他深度構(gòu)建技術(shù)帶來(lái)額外的視覺(jué)趣味元素，幫助推動(dòng)這些設(shè)計(jì)向前發(fā)展。

 

液體背景

 



 

液體背景越來(lái)越受歡迎，因?yàn)樗鼈冊(cè)谝曈X(jué)上非常有趣。

 

您可以通過(guò)以下兩種方式之一找到它們：

作為其他元素背后的微妙液體圖像

作為背景中的流動(dòng)動(dòng)畫(huà)

 

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

 

帶有疊加層的照片

 



 

背景圖像似乎永遠(yuǎn)不會(huì)過(guò)時(shí)，設(shè)計(jì)師們正在嘗試不同的方法來(lái)增加圖像的對(duì)比度，并通過(guò)疊加和效果將整個(gè)場(chǎng)景融合在一起。

 

疊加很有趣，因?yàn)橛泻芏嗖煌姆椒梢宰龅竭@一點(diǎn)，從全彩屏幕到部分疊加，再到在圖像頂部添加顏色和其他設(shè)計(jì)元素。

 

使照片疊加背景工作的真正關(guān)鍵是使用足夠的顏色來(lái)使前景元素高度可見(jiàn)，而不會(huì)隱藏太多背景圖像。

 

 

厚透明膠片

 



 

與之形成鮮明對(duì)比的是，上述趨勢(shì)是在圖像或視頻上使用厚顏色透明度。雖然這種效果會(huì)產(chǎn)生很大的對(duì)比度，但它幾乎會(huì)使背景圖像不可讀。

 

這就是設(shè)計(jì)師試圖通過(guò)這種外觀實(shí)現(xiàn)的目標(biāo)。它在藝術(shù)品不強(qiáng)烈的情況下效果最佳，主要用于提供額外的紋理，使背景不僅僅是純色塊。

 

注意在厚透明度后面使用的圖像或視頻。它們不應(yīng)該太有趣以至于人們?cè)噲D理解它們。這些圖像應(yīng)該輕松淡入背景。

 

水彩畫(huà)

 



 

水彩背景是網(wǎng)站設(shè)計(jì)中插圖和場(chǎng)景的新形式。這種趨勢(shì)包括任何有一點(diǎn)手繪紋理的東西。

 

水彩畫(huà)的優(yōu)點(diǎn)——也可能是它們受歡迎的原因——是這種風(fēng)格具有一定的柔和度，而一些較粗糙的背景選擇則缺乏這種柔和感。水彩畫(huà)還具有真實(shí)的感覺(jué)，可以傳達(dá)您將要探索的內(nèi)容的獨(dú)特性。

 

最后，水彩風(fēng)格散發(fā)出一點(diǎn)奇思妙想。這個(gè)概念似乎是一種設(shè)計(jì)感覺(jué)，現(xiàn)在更多的項(xiàng)目正在嘗試復(fù)制。

 

 

全屏視頻

 



 

幾年來(lái)，視頻一直是首選的背景設(shè)計(jì)元素，但隨著這種趨勢(shì)，它在某種程度上被重新改造：全屏背景視頻。

 

響應(yīng)式形狀允許設(shè)計(jì)師縮放視頻以填充登陸屏幕。與上面的示例一樣，這種趨勢(shì)側(cè)重于具有最少效果和周?chē)氐囊曨l。

 

近乎電影般的體驗(yàn)吸引了用戶，并且可以與正確的視頻剪輯高度互動(dòng)。要充分利用這種背景設(shè)計(jì)趨勢(shì)，請(qǐng)尋找具有大量動(dòng)作和動(dòng)作的視頻。

 

 

背景中的文字

 



 

您可能不會(huì)將文本視為背景元素，但可以。

 

帶有大字的強(qiáng)大字體可以承載背景，周?chē)袌D像元素，甚至侵占空間。

 

這可能是最棘手的背景趨勢(shì)之一，因?yàn)槟枰谧煮w、圖像和響應(yīng)能力之間保持平衡，同時(shí)保持可讀性。

 

 

微妙的紋理

 



 

背景中的細(xì)微紋理可以為項(xiàng)目增加深度和維度。

 

有各種各樣的紋理圖案可供嘗試，但主要趨勢(shì)似乎是純色上的斑點(diǎn)（最常見(jiàn)的是白色）。

 

這種紋理風(fēng)格為背景提供了粗糙的元素，并增加了設(shè)計(jì)沒(méi)有過(guò)度拋光的感覺(jué)。這種趨勢(shì)最好的部分可能是它幾乎適用于任何東西，你甚至可以將它與其他背景趨勢(shì)合作。（上面的例子使用了視頻和紋理。）

 

 

懸停動(dòng)畫(huà)

 



 

誰(shuí)說(shuō)背景圖像必須是靜態(tài)的？

 

完美放置的懸停動(dòng)作為原本靜態(tài)的背景添加了適量的移動(dòng)。這種技術(shù)適用于照片、插圖，甚至圖案或紋理。

 

訣竅在于它為用戶體驗(yàn)增添了意想不到的愉悅元素。在懸停動(dòng)作出現(xiàn)之前，用戶甚至都不知道它的存在。

 

為了充分利用這種背景趨勢(shì)，請(qǐng)創(chuàng)建一些微妙的動(dòng)作。在上面的示例中，圖像在激活時(shí)有一點(diǎn)反彈。

 

 

純色

 



 

平面設(shè)計(jì)中從未真正消失的部分之一是風(fēng)格的顏色。這些顏色作為背景顏色重新出現(xiàn)。

 

不僅是在背景中使用更大膽的色調(diào)，而且是平淡地使用它們的風(fēng)格。沒(méi)有漸變，沒(méi)有變化，只有單一色調(diào)的純色背景。

 

這些背景通常在頂部有逼真的圖層，有時(shí)在它們后面有邊框或其他背景以創(chuàng)建深度。（您可以從上面的示例中看到這種完整的效果，米色背景周?chē)邪咨吘?，頂部有圖像。）

 

 

幾何形狀

 



 

圓形、多邊形和其他幾何元素是2021年背景設(shè)計(jì)的重要組成部分。

 

這些形狀可以讓人想起童年，或者只是以前流行的所有平面單色背景的有趣替代品。對(duì)于幾何學(xué)的現(xiàn)代風(fēng)格，堅(jiān)持單調(diào)的調(diào)色板并使用具有大量對(duì)比度的元素來(lái)充分利用背景。

 

這些背景樣式可能有些浮華，例如上面的示例，或者包括帶有微妙幾何底色的柔和調(diào)色板。

 

 

漸變

 



 

如果你和我一樣，那么你就是那些真正熱愛(ài)漸變的設(shè)計(jì)師之一。（我無(wú)法得到足夠的它們。）

 

這種趨勢(shì)非常靈活，只有顏色的背景漸變，覆蓋圖像或視頻的背景漸變，甚至是改變顏色或似乎漂浮在設(shè)計(jì)中的動(dòng)畫(huà)背景漸變。

 

有這么多選擇，幾乎可以肯定，您可以找到適合您的調(diào)色板和設(shè)計(jì)方案的可行解決方案。

 

氣泡和斑點(diǎn)

 



 

雖然氣泡和斑點(diǎn)可能類(lèi)似于幾何形狀，但它們通常不同，因?yàn)槠渲性S多元素包含一些運(yùn)動(dòng)并且形狀相當(dāng)不完美。

 

這種趨勢(shì)往往以兩種方式作為背景元素起作用：

 

作為具有氣泡或斑點(diǎn)狀元素的實(shí)際背景，這些元素僅用于視覺(jué)興趣或?yàn)檎w設(shè)計(jì)添加一點(diǎn)顏色。

作為“前景”背景元素，例如上面的示例。氣泡和斑點(diǎn)通常是移動(dòng)的形狀，它們?cè)谠O(shè)計(jì)中漂浮以創(chuàng)建更有層次的效果，但它們是“背景元素”，因?yàn)樗鼈兂藥椭脩糇⒁饬χ鉀](méi)有任何功能性作用。

 

白色和灰色

 



 

淺色（白色和灰色）背景是一種持續(xù)流行的趨勢(shì)。這些背景大多源于極簡(jiǎn)主義趨勢(shì)，對(duì)用戶來(lái)說(shuō)簡(jiǎn)單易用。它們?yōu)槠聊簧系钠渌靥峁┝顺渥愕目臻g和對(duì)比度。

 

大多數(shù)白色和灰色背景都有一些紋理元素，例如淺色漸變，使用陰影與前景元素創(chuàng)建分離，或某種整體圖案或紋理。