作為代替網(wǎng)頁(yè)設(shè)計(jì)中一般常用的白色背景，為什么不試試更具現(xiàn)代風(fēng)格的圖片呢。
因?yàn)榇蠖鄶?shù)簡(jiǎn)約風(fēng)格依然具有人氣，設(shè)計(jì)師們作為白色的代替，也開(kāi)始選擇使用鮮艷的色彩和灰色的組合。在背景效果中，不論是酷炫的幾何圖形、左右不對(duì)稱(chēng)的圖案還是使用抽象圖像。各種各樣的技術(shù)你都可以大膽的嘗試，創(chuàng)造出更新奇的提案。
這一次，讓我們來(lái)一起看看2017年可供參考的網(wǎng)頁(yè)制背景設(shè)計(jì)趨勢(shì)吧。
詳細(xì)從以下開(kāi)始。
使用英雄形象和插圖的設(shè)計(jì)，是非常受歡迎的背景風(fēng)格之一。利用大圖將用戶(hù)的視線集中是再合適不過(guò)的了。
在多數(shù)情況下，利用全尺寸圖像作為主頁(yè)的背景，文字和導(dǎo)航菜單，CTA按鈕或信息等會(huì)布置在圖像的頂部。
英雄圖像新的使用方法，為了實(shí)現(xiàn)更有趣的視覺(jué)效果，我們可以使用在圖像上重疊幾何圖案的技術(shù)。漩渦或長(zhǎng)方形等，設(shè)計(jì)師可以添加各種各樣簡(jiǎn)單的樣式和形狀。（在這里插一句，這里所說(shuō)的英雄圖像并不是我們所熟知的印著超人獵空克里斯的圖片，而是指：在網(wǎng)站首頁(yè)上使用的大尺寸圖片。在日本，作為視覺(jué)的關(guān)鍵，也被稱(chēng)為主視覺(jué)。在Bootstrap中也有命名為「Hero unit」的組件而被大家廣泛使用著。資料來(lái)源：ヒーローイメージ）
做好這項(xiàng)工作，就要記住目的是利用幾何圖案。視線集中的幾何圖案重疊的部分，如果能促使用戶(hù)進(jìn)行特定的行為就更好了。如果在黑色或黑暗系等沉重的背景之中加上顏色，將會(huì)起到非常棒的引導(dǎo)視線的作用。利用圖形，還能夠提升品牌價(jià)值。特別是在使用相同形狀作為L(zhǎng)OGO的場(chǎng)合中，誰(shuí)能給用戶(hù)帶來(lái)更強(qiáng)調(diào)信息性，誰(shuí)就能更好的與用戶(hù)相關(guān)聯(lián)。
加入少許灰色，你可以很輕松的在網(wǎng)頁(yè)上實(shí)現(xiàn)簡(jiǎn)約風(fēng)格。作為平凡的白色背景的代替，在背景上加入淡灰色的網(wǎng)頁(yè)正在逐漸增加。
灰色背景非常棒的地方就是：不管色彩多么豐富，不管是暖色還是冷色的圖片都能很好的表現(xiàn)出來(lái)，在品牌顏色或圖像周?chē)褂没疑c之調(diào)和也能給人留下不錯(cuò)的印象。還有，在平面的色彩上使用淡黑的灰色作為陰影也是很不錯(cuò)的。（如圖2）
不管你選擇怎樣的顏色與灰色配合，你都要記住在其周?chē)h(huán)繞的要素，他們的工作都是幫助用戶(hù)去感受顏色。例如上述中的例子 Paul Valentine ，與淡粉色相組合給人一種柔和的印象，而投資組合網(wǎng)站 S.Dallyn 則表現(xiàn)出一種現(xiàn)代的氛圍。
在圖層上重疊幾何圖案作為背景，使用色彩元素也可以實(shí)現(xiàn)相同的效果。選擇鮮艷的配色，對(duì)于背景設(shè)計(jì)來(lái)說(shuō)可是非常大膽而又獨(dú)特的。
通過(guò)這些顏色的背景，將用戶(hù)引導(dǎo)至設(shè)計(jì)全體，添加了具有視覺(jué)效果關(guān)注點(diǎn)的同時(shí)沒(méi)有圖像和別的設(shè)計(jì)要素創(chuàng)造出了留白空間，能夠達(dá)成一舉多得的效果。
這種趨勢(shì)的根源，是因?yàn)楦鞣N各樣的設(shè)計(jì)趨勢(shì)已經(jīng)影響到了色彩的領(lǐng)域。許許多多的色彩或?qū)樱軌虮憩F(xiàn)出材料設(shè)計(jì)（又或是從平面設(shè)計(jì)風(fēng)格衍生出來(lái)的東西）的氛圍。這樣的趨勢(shì)組合是設(shè)計(jì)自然進(jìn)化的結(jié)果，他既能完全的更新調(diào)整我們現(xiàn)在的網(wǎng)站，又能很輕松的采用。
讓我們不使用網(wǎng)格來(lái)布局吧。（或者至少?lài)L試一下調(diào)整為左右不對(duì)稱(chēng)。）
背景設(shè)計(jì)并不需要完全的對(duì)齊每一個(gè)要素、圖案。此外，他也沒(méi)有必要是純色或者圖案。
將網(wǎng)頁(yè)設(shè)計(jì)所需要的要素組合起來(lái)，圍繞左右不對(duì)稱(chēng)來(lái)平衡的配置他們吧。例如在上述案例 Nap Luxury GuestHouse 中，畫(huà)面被整個(gè)英雄圖像所充滿，僅在右側(cè)留有少許留白。還有在 CMMNTY 中，文字文本破壞了空白空間的平衡，將用戶(hù)的視線強(qiáng)制性的轉(zhuǎn)移到文字上來(lái)了。還有在 vase 這個(gè)案例中，在特大的商品圖案上，仔細(xì)斟酌文字文本放置的位置使得設(shè)計(jì)整體十分出眾。
在做背景設(shè)計(jì)時(shí)想法有時(shí)也會(huì)不切實(shí)際。在那種時(shí)候就來(lái)試試抽象設(shè)計(jì)吧。顏色、形狀、和一些小花樣而組合起來(lái)，表現(xiàn)出與別人不一樣的有趣的視覺(jué)效果。
在做網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，與其他的作品有著視覺(jué)上的差異是非常重要的，引起用戶(hù)的興趣抱著“這是什么？”這樣的想法來(lái)點(diǎn)開(kāi)網(wǎng)頁(yè)是必要的。設(shè)計(jì)與別人相似的情況下，用戶(hù)也沒(méi)有什么理由來(lái)訪問(wèn)你的網(wǎng)站了。
將看起來(lái)漂亮的設(shè)計(jì)時(shí)刻掛在心上。將有魅力的文字一起組合起來(lái)，去享受設(shè)計(jì)的樂(lè)趣吧。大膽的將嘗試別人所有沒(méi)有使用過(guò)的有趣的想法運(yùn)用到實(shí)踐中吧。
你的網(wǎng)站是否使用了老舊的，過(guò)時(shí)的背景風(fēng)格呢？（因?yàn)槊總€(gè)人都會(huì)出現(xiàn)這樣的問(wèn)題，所以承認(rèn)也沒(méi)什么大不了的。）
那個(gè)時(shí)候，重新設(shè)計(jì)一個(gè)更具現(xiàn)代感的背景風(fēng)格會(huì)讓你的網(wǎng)站變得更棒。參考介紹的這些案例，讓每一次設(shè)計(jì)都變得不同，多嘗試一些具有創(chuàng)意的風(fēng)格吧。
