2017，這五個(gè)風(fēng)格可能會(huì)引領(lǐng)潮流！

2017-11-30 1674 0

01. 幾何圖案與全屏背景圖相結(jié)合全屏背景圖的設(shè)計(jì)，是最受歡迎的背景風(fēng)格之一，利用大圖將用戶的視線集中是最合適不過的了。在多數(shù)情況下，利用全尺寸圖像作為主頁的背景，文字和導(dǎo)航菜單，CTA按鈕或信息等會(huì)布置在圖像的頂部。如果想實(shí)現(xiàn)更有趣的視覺效果，我們可以在圖上使用重疊幾何圖案的技術(shù)。設(shè)計(jì)師可以添加各種各樣簡單的樣式和形狀。做好這項(xiàng)工作，就要記住目的是利用幾何圖案。視線集中的幾何圖案重疊的部分，如果能促使用戶進(jìn)行特定的行為就更好了。在黑色或黑暗系等沉重的背景之中加上顏色，將會(huì)起到非常棒的引導(dǎo)視線的作用。02. 灰色的

01. 幾何圖案與全屏背景圖相結(jié)合

全屏背景圖的設(shè)計(jì)，是最受歡迎的背景風(fēng)格之一，利用大圖將用戶的視線集中是最合適不過的了。在多數(shù)情況下，利用全尺寸圖像作為主頁的背景，文字和導(dǎo)航菜單，CTA按鈕或信息等會(huì)布置在圖像的頂部。

如果想實(shí)現(xiàn)更有趣的視覺效果，我們可以在圖上使用重疊幾何圖案的技術(shù)。設(shè)計(jì)師可以添加各種各樣簡單的樣式和形狀。

做好這項(xiàng)工作，就要記住目的是利用幾何圖案。視線集中的幾何圖案重疊的部分，如果能促使用戶進(jìn)行特定的行為就更好了。在黑色或黑暗系等沉重的背景之中加上顏色，將會(huì)起到非常棒的引導(dǎo)視線的作用。

02. 灰色的運(yùn)用

加入少許灰色，你可以很輕松的在網(wǎng)頁上實(shí)現(xiàn)簡約風(fēng)格。作為平凡的白色背景的代替，在背景上加入淡灰色的網(wǎng)頁正在逐漸增加。

灰色背景最棒的地方就是：不管色彩多么豐富，不管是暖色還是冷色的圖片都能很好的表現(xiàn)出來，在品牌顏色或圖像周圍使用灰色與之調(diào)和也能給人留下不錯(cuò)的印象。還有，在平面的色彩上使用淡黑的灰色作為陰影也是很不錯(cuò)的。（如圖2）

不管你選擇怎樣的顏色與灰色配合，你都要記住他們的工作都是幫助用戶去感受顏色。例如上述中的例子 Paul Valentine ，與淡粉色相組合給人一種柔和的印象，而投資組合網(wǎng)站 S.Dallyn 則表現(xiàn)出一種現(xiàn)代的氛圍。

03. 重疊鮮艷的色彩

在圖層上重疊幾何圖案作為背景，使用色彩元素也可以實(shí)現(xiàn)相同的效果。選擇鮮艷的配色，對(duì)于背景設(shè)計(jì)來說可是非常大膽而又獨(dú)特的。

通過這些顏色的背景，將用戶引導(dǎo)至設(shè)計(jì)全體，添加了具有視覺效果關(guān)注點(diǎn)的同時(shí)創(chuàng)造出了留白空間，能夠達(dá)成一舉多得的效果。

04. 采用非對(duì)稱的設(shè)計(jì)

讓我們不使用網(wǎng)格來布局吧。（或者至少嘗試一下調(diào)整為左右不對(duì)稱。）

背景設(shè)計(jì)并不需要完全的對(duì)齊每一個(gè)要素、圖案。此外，他也沒有必要是純色或者圖案。

將網(wǎng)頁設(shè)計(jì)所需要的要素組合起來，圍繞左右不對(duì)稱來平衡它們。例如在上述案例 Nap Luxury GuestHouse 中，畫面被整個(gè)背景圖所充滿，僅在右側(cè)留有少許留白。還有在 CMMNTY 中，文字文本破壞了空白空間的平衡，將用戶的視線強(qiáng)制性的轉(zhuǎn)移到文字上來了。還有在 vase 這個(gè)案例中，在特大的商品圖案上，仔細(xì)斟酌文字文本放置的位置使得設(shè)計(jì)整體十分出眾。