400-611-9921
2021-08-16
3406
你將做出的最重要的早期設(shè)計(jì)決定之一是什么樣的背景將承載一個(gè)項(xiàng)目。應(yīng)該是單一顏色,無色,使用新潮元素如幾何形狀,漸變或木紋圖案?或者一個(gè)堅(jiān)實(shí)的背景設(shè)計(jì)可以幫助一個(gè)項(xiàng)目發(fā)光?
與背景設(shè)計(jì)風(fēng)格保持一致也很重要。一個(gè)時(shí)髦的背景選擇表明一個(gè)網(wǎng)站設(shè)計(jì)是現(xiàn)代的,內(nèi)容是新的。現(xiàn)代視覺框架甚至可以向用戶發(fā)出信號(hào),表明您正在考慮他們的需求,并充分利用工具來改善他們的體驗(yàn)。
那你是怎么做到的呢?以下是2021年的背景設(shè)計(jì)趨勢(shì)和風(fēng)格,有幾個(gè)很好的選擇可以嘗試。
液態(tài)背景
流動(dòng)背景越來越受歡迎,因?yàn)樗鼈冊(cè)谝曈X上非常有趣。
您可以通過以下兩種方式之一找到它們:
作為其他元素背后微妙的液體圖像
作為背景中流動(dòng)的動(dòng)畫
這兩個(gè)概念看起來都很簡(jiǎn)潔,即使在靜止的流動(dòng)背景下,它也能喚起運(yùn)動(dòng)的感覺。液體動(dòng)畫或背景的水狀感覺通常也有一些平靜的效果,因?yàn)槠聊簧系淖匀涣鲃?dòng)。
液態(tài)背景包括幾種配色方案中的高分辨率背景。每個(gè)都有一個(gè)有趣的紋理,可以在完全飽和的顏色或靜音工作。
覆蓋照片
背景圖像似乎永遠(yuǎn)不會(huì)變老,設(shè)計(jì)師們正在用不同的方法來增加圖像的對(duì)比度,疊加和效果將整個(gè)場(chǎng)景結(jié)合在一起。
覆蓋很有趣,因?yàn)橛泻芏嗖煌姆椒梢宰龅竭@一點(diǎn),從全色屏幕到部分覆蓋,再到在圖像上添加顏色和其他設(shè)計(jì)元素。
使照片覆蓋背景工作的真正關(guān)鍵是使用足夠的顏色,使前景元素高度可見,而不會(huì)隱藏太多的背景圖像。
史詩照片覆蓋包括一些趨勢(shì)疊加選項(xiàng),既能使圖像變暗,又能提供夢(mèng)幻效果。(這在社交媒體上很流行,也開始滲透到更多的網(wǎng)絡(luò)項(xiàng)目中。)
厚透明膠片
與上述趨勢(shì)形成鮮明對(duì)比的是在圖像或視頻上使用較厚的顏色透明度。雖然這種效果產(chǎn)生了很大的對(duì)比度,但它幾乎使背景圖像不可讀。
這就是設(shè)計(jì)師試圖通過這種外觀來實(shí)現(xiàn)的目標(biāo)。它在藝術(shù)品不牢固的情況下效果最好,主要用于提供額外的紋理,以便背景不僅僅是純色塊。
注意在厚透明物后面使用的圖像或視頻。它們不應(yīng)該如此有趣,以至于人們?cè)噲D理解它們。這些圖像應(yīng)該很容易地淡入背景。
水彩畫
水彩背景是網(wǎng)站設(shè)計(jì)中插圖和場(chǎng)景的新呈現(xiàn)。這種趨勢(shì)包括任何有點(diǎn)手繪質(zhì)感的東西。
水彩畫的優(yōu)點(diǎn)——也可能是它們受歡迎的原因——是這種風(fēng)格具有某種柔和性,而一些更為苛刻的背景選擇則缺乏這種柔和性。水彩也有一種真實(shí)的感覺,傳達(dá)了你將要探索的內(nèi)容的獨(dú)特性。
最后,水彩風(fēng)格散發(fā)出一點(diǎn)奇思妙想。這個(gè)概念似乎是一種設(shè)計(jì)感覺,現(xiàn)在有更多的項(xiàng)目試圖復(fù)制這種感覺。
全屏視頻
幾年來,視頻一直是熱門的背景設(shè)計(jì)元素,但隨著這一趨勢(shì),它正在被重新發(fā)明:全屏背景視頻。
響應(yīng)式形狀允許設(shè)計(jì)人員縮放視頻以填滿落地屏幕。像上面的例子一樣,這種趨勢(shì)集中在具有最小效果和周圍元素的視頻上。
這種近乎電影般的體驗(yàn)吸引了用戶,并且可以通過合適的視頻剪輯進(jìn)行高度互動(dòng)。為了充分利用這種背景設(shè)計(jì)趨勢(shì),請(qǐng)尋找具有大量運(yùn)動(dòng)和動(dòng)作的視頻。
背景文本
您可能不認(rèn)為文本是背景元素,但它可以。
帶有大字的強(qiáng)力字體可以承載周圍有圖像元素的背景,甚至侵占空間。
這可能是最棘手的背景趨勢(shì)之一,因?yàn)槟阈枰谧煮w、圖像和響應(yīng)之間保持平衡,同時(shí)保持可讀性。
微妙的紋理
背景中微妙的紋理可以增加項(xiàng)目的深度和維度。
有各種各樣的紋理圖案可以嘗試,但主要的趨勢(shì)似乎是純色上的斑點(diǎn)(最常見的是白色)。
這種風(fēng)格的紋理為背景提供了一種粗糙的元素,并增加了一種設(shè)計(jì)沒有過度拋光的感覺。這種趨勢(shì)最好的部分可能是它幾乎適用于任何東西,你甚至可以將其與其他背景趨勢(shì)相結(jié)合。(上面的例子使用了視頻和紋理。)
懸停動(dòng)畫
誰說背景圖像必須是靜態(tài)的?
完美放置的懸停動(dòng)作為原本靜止的背景增加了適量的移動(dòng)。這項(xiàng)技術(shù)適用于照片、插圖,甚至圖案或紋理。
訣竅在于,它為用戶體驗(yàn)增加了意想不到的樂趣。在懸停動(dòng)作出現(xiàn)之前,用戶甚至不知道它在那里。
為了充分利用這種背景趨勢(shì),創(chuàng)建一個(gè)微妙的運(yùn)動(dòng)。在上例中,圖像被激活時(shí)會(huì)有一點(diǎn)反彈。
分層場(chǎng)景插圖
另一個(gè)正在發(fā)展的背景趨勢(shì)是插圖的使用。雖然設(shè)計(jì)師在背景中使用插圖已經(jīng)有相當(dāng)長(zhǎng)的時(shí)間了,但這些插圖更復(fù)雜,有分層場(chǎng)景,甚至有一些動(dòng)畫。
一幅插圖可以引人注目,令人難忘。插圖的難點(diǎn)在于,這些背景設(shè)計(jì)可能會(huì)相當(dāng)繁忙,你必須仔細(xì)規(guī)劃其他元素的位置和風(fēng)格。
上例中插圖的使用幾乎是完美的。通過偏離中心的位置和動(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ì)產(chǎn)生過于復(fù)雜或難以實(shí)現(xiàn)的背景。
使用帶有明亮或淺色背景的顏色遮擋層,然后添加另一種顏色的第二個(gè)“背景”。您可以在上面的投資組合網(wǎng)站示例中看到這一點(diǎn),白色背景,然后藍(lán)色框中的單個(gè)元素。
純色
平面設(shè)計(jì)從未真正消失的部分之一是風(fēng)格的顏色。這些顏色又作為背景色出現(xiàn)了。
這種風(fēng)格不僅使用更大膽的色調(diào)作為背景,而且以一種扁平的方式使用它們。沒有漸變,沒有變化,只有單一色調(diào)的純色背景。
這些背景通常在頂部有逼真的圖層,有時(shí)在它們后面有一個(gè)邊框或另一個(gè)背景來創(chuàng)建深度。(您可以從上面的示例中看到這種完整的效果,米色背景周圍有白色鑲邊,頂部有圖像。)
幾何形狀
圓形、多邊形等幾何元素是2021年背景設(shè)計(jì)的一大部分。
這些形狀可以讓人想起童年,或者只是一種有趣的替代物,取代了以前流行的所有平面單色背景。為了在幾何圖形上有現(xiàn)代的天賦,堅(jiān)持使用單調(diào)的調(diào)色板,并使用具有大量對(duì)比度的元素來充分利用背景。
這些背景風(fēng)格可能有點(diǎn)華而不實(shí),例如上面的例子,或者包括帶有微妙幾何底色的柔和調(diào)色板。
線條圖案
從細(xì)微的曲線到大膽的筆觸,線條圖案作為背景設(shè)計(jì)元素越來越受歡迎。
讓臺(tái)詞發(fā)揮作用的是它們有意義。最好的線條圖案有助于將用戶吸引到設(shè)計(jì)中,并將視線引向其他視覺元素,例如上面示例中的自定義線條圖案。
線條模式可以是大的也可以是小的,根據(jù)項(xiàng)目的目標(biāo),這兩種模式都是有效的。
水彩畫
令人驚訝的是,水彩背景往往會(huì)引起設(shè)計(jì)師的大量反應(yīng)——他們不是愛就是恨。
許多人將水彩元素與更女性化的色調(diào)聯(lián)系在一起,比如上面的例子,但他們并不一定要這樣。使用中性水彩給背景增加深度或平衡。
水彩背景可以模仿被畫的元素,或者僅僅包括“畫”的線條和漩渦
梯度
這種趨勢(shì)在只有顏色的背景漸變、覆蓋圖像或視頻的背景漸變,甚至是改變顏色或似乎在整個(gè)設(shè)計(jì)中浮動(dòng)的動(dòng)畫背景漸變方面非常靈活。
有這么多的選擇,幾乎可以肯定,你可以找到一個(gè)可行的解決方案,與你的調(diào)色板和設(shè)計(jì)方案。
氣泡和斑點(diǎn)
雖然氣泡和斑點(diǎn)可能類似于幾何形狀,但它們通常是不同的,因?yàn)檫@些元素中的許多包含一些運(yùn)動(dòng),并且形狀相當(dāng)不完美。
作為背景元素,這種趨勢(shì)有兩種作用:
作為一個(gè)實(shí)際的背景與氣泡或斑點(diǎn)形狀的元素,這只是為了視覺興趣或增加一點(diǎn)顏色的整體設(shè)計(jì)。
作為“前景”背景元素,如上例。氣泡和斑點(diǎn)通常是移動(dòng)的形狀,在整個(gè)設(shè)計(jì)中向上浮動(dòng),以創(chuàng)建更有層次的效果,但它們是“背景元素”,因?yàn)樗鼈兂藥椭脩舻淖⒁饬χ猓瑳]有任何功能。
抽象形狀
有很多形狀和設(shè)計(jì)可以創(chuàng)造美麗的背景,但不要?dú)w入任何一類。所有這些要素都可以歸入包羅萬象的“抽象”范疇。
抽象背景元素純粹是為了視覺興趣。他們可以在用戶需要看到的元素附近創(chuàng)建一個(gè)焦點(diǎn),開發(fā)一種空間感和深度感,或者只是為其他元素提供一個(gè)層。
雖然抽象背景是一種“無規(guī)則”的設(shè)計(jì),但在使用它們時(shí),最好有一些組織性和模式感,這樣設(shè)計(jì)就不會(huì)給用戶留下混亂的感覺。
木紋
當(dāng)涉及到產(chǎn)品攝影和場(chǎng)景風(fēng)格設(shè)計(jì)時(shí),木紋背景很受歡迎。
兩者都很適合這個(gè)元素,因?yàn)槟炯y背景提供了一個(gè)不平坦的自然環(huán)境。很有趣,但不是壓倒性的。它提供了一個(gè)有趣的位置,有助于將焦點(diǎn)放在背景上。
為了充分利用木紋風(fēng)格,盡量使木材的顏色與前景元素相匹配,并根據(jù)前景元素尋找寬或薄的木板。盡量避免元素落入木板之間的“裂縫”。
白色和灰色
淺色——白色和灰色——背景是一種持續(xù)流行的趨勢(shì)。這些背景大多源自極簡(jiǎn)主義趨勢(shì),對(duì)用戶來說簡(jiǎn)單易行。它們?yōu)槠聊簧系钠渌靥峁┝顺渥愕目臻g和對(duì)比度。
大多數(shù)白色和灰色背景都有一些紋理元素,例如淺漸變,使用陰影來創(chuàng)建與前景元素或某種整體圖案或紋理的分離。
結(jié)論
用新背景改變舊設(shè)計(jì)。像改變?cè)O(shè)計(jì)畫布的外觀這樣簡(jiǎn)單的事情可以完全刷新一個(gè)項(xiàng)目。
尋找具有時(shí)尚感的東西,為你的設(shè)計(jì)增添更多現(xiàn)代感。
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com