你的網(wǎng)站設(shè)計還在飽受老舊、過時并且爛大街的主圖所帶來的困擾么？（沒關(guān)系，承認吧。我們都有可能遇到這種情況）開始給你的網(wǎng)站背景換上更加時尚風(fēng)格吧。使用以上的例子來激發(fā)你的靈感，大膽摒棄以往的固有模式，嘗試使用不同的方法。

自從我們第一次學(xué)會用木炭在洞穴壁上的赭石記錄世界的片段以來，這種對話就一直在進行。我們還學(xué)會了把僅僅是用棍子刻在粘土上的抽象符號，變成了承載著充分含義的載體——語言。

趨勢僅僅只是龐雜而混亂的多方談話中的主音，無論是否應(yīng)用趨勢，我們的創(chuàng)造都與這些趨勢并存。

趨勢為我們提供了大背景，畢竟如果沒有規(guī)范，又何從定義創(chuàng)新？如果沒有去年的熱點潮流，又從哪里尋找規(guī)范？

所以和去年一樣，我和webflow優(yōu)秀的設(shè)計團隊一起，預(yù)測了2018年的設(shè)計趨勢。

然許多極簡風(fēng)格仍不過時，但并不代表我們都喜歡缺乏色彩的風(fēng)格設(shè)計。設(shè)計師也可以選擇灰色和明亮的顏色替代它們。對于背景效果的追求也產(chǎn)生了許多更有趣的樣式和幾何圖形、像不對稱模式、抽象藝術(shù)！

1.圖像上的幾何圖案

2019網(wǎng)站背景設(shè)計五大趨勢-1.圖像上的幾何圖案

首屏主圖仍然是目前最受歡迎的背景設(shè)計風(fēng)格之一。引人注目的大畫面能很好的吸引用戶注意。

雖然它們本身不是背景，大多數(shù)情況下，放大的全幅圖片只是主頁的布景。在圖片上增加文本、導(dǎo)航元素和交互（因此被視為一個背景）。

主圖的新趨勢是在其上增加一個酷酷的幾何圖形層，來增加視覺的趣味性。從螺旋形到矩形到更多其他的形狀，設(shè)計師將基本形狀添加進設(shè)計中去。

但你需要有目的地將幾何形狀使用到主圖中才能發(fā)揮出它應(yīng)有的效果。簡單的將一些六邊形放到圖片上是很難有什么作用的。幾何元素應(yīng)該放置在正確的位置上，能夠?qū)⒂脩舻囊曈X吸引到正確的位置，或者引導(dǎo)用戶進行特定的操作。通過幾何圖形，也能夠?qū)⒁恍┥侍砑拥揭粋€暗色調(diào)或極簡的設(shè)計中去，來引導(dǎo)視線的運動。形狀還能夠被用來幫助強調(diào)品牌特征，建立一個較強的品牌關(guān)系，特別當這些形狀原本是logo中的一部分的時候。

2.灰色的色調(diào)

2018網(wǎng)站背景設(shè)計五大趨勢-灰色的色調(diào)

扭轉(zhuǎn)升級極簡風(fēng)格設(shè)計的最簡方法就是加入一點灰色。

相對于單調(diào)的白色背景，更多的網(wǎng)站開始使用灰色調(diào)的背景來使之變成完全相反的簡約設(shè)計風(fēng)格。

使用灰色的背景的好處就是能讓顏色看起來更加飽滿并給人以偏暖或偏冷的傾向。

底色能適匹配品牌的顏色或者是適應(yīng)周圍的圖片。或者，用單純的灰色制造一種平滑的色調(diào)。

無論你使用什么色值的灰色，請記住環(huán)繞在顏色周圍的元素會幫助你決定顏色給用戶帶來的感覺。

比如Paul Valentine網(wǎng)站使用淡粉來作為背景色時它看起來很柔和，而同樣的顏色在S.Dallyn網(wǎng)站時則更加彰顯出時尚的感覺。

3.明艷的圖層

2018網(wǎng)站背景設(shè)計五大趨勢-明艷的圖層

正如可以用幾何形狀來創(chuàng)建背景層，色塊也可以起到相同的作用。選擇明亮的顏色是一個大膽而有趣的背景設(shè)計決策。

這些彩色的背景可以服務(wù)于從吸引用戶注意設(shè)計到增加視覺樂趣等多種目的。

最近一些色彩的流行趨勢很大程度上會影響到設(shè)計，而這一趨勢也是色塊創(chuàng)建背景的根基。許多的顏色和圖層有原質(zhì)設(shè)計（Material Design）的感覺 （或帶有扁平化設(shè)計風(fēng)格的味道）。這種對流行趨勢的融合和轉(zhuǎn)化是一種自然的進化，是一種容易被采納的設(shè)計風(fēng)格，因為相比于徹底的推翻，它可以更好的調(diào)整現(xiàn)有的網(wǎng)站。

4.不對稱

2018網(wǎng)站背景設(shè)計五大趨勢-不對稱

背景并不需要把細小的元素和圖案完美的一一排列。也并不一定是單一的色彩或圖像。

它可以是一些元素的組合，以完美的平衡的方式放置在畫面中，而不是簡單的左右對稱。可行的方式比如：設(shè)計一個主圖，不采取屏幕的全寬一側(cè)的留白比另一側(cè)要更多，就像上圖Nap Luxury Guesthouse網(wǎng)站所示。還可以像CMMNTY的網(wǎng)站的方式一樣，其中文本元素和留白空間有同等的權(quán)重，來引導(dǎo)用戶閱讀文字信息。又或者如VASE的網(wǎng)站所展示的：通過局部展示放大后的產(chǎn)品圖像，并配以文字和交互元素。

無論設(shè)計如何展現(xiàn)，我們都應(yīng)當從和諧平衡的方面來考慮背景設(shè)計，而不是尋求現(xiàn)成的模板。嘗試一些不同的感覺。不對稱常會給人大膽、有趣、令人眼前一亮的感覺（尤其在這么多十分對稱作品的映襯下。）

5. 抽象藝術(shù)

2018網(wǎng)站背景設(shè)計五大趨勢-抽象藝術(shù)

做背景圖的時候沒思路?試試玩些抽象的吧。用色彩和形狀任意組合，雖然可能會四不像，但視覺上會很有意思。

在設(shè)計網(wǎng)站頁面時，你需要一個有趣的視覺亮點來吸引用戶的眼球。如果頁面設(shè)計流于俗套，用戶沒有理由繼續(xù)駐留。

設(shè)計明確的視覺重心，配上有吸引力的文字來引起用戶的注意力。要敢于出格、不同尋常和有趣。

總結(jié)