網(wǎng)頁(yè)美工設計

2017年網(wǎng)頁(yè)設計風(fēng)格流行趨勢

編輯：時(shí)間：2017-02-14 11:30:41

　　幾何圖案與全屏背景圖結合、灰色的高級用法、色彩疊加… 這篇總結的這5個(gè)網(wǎng)頁(yè)設計趨勢，其實(shí)在年底就初現端倪，所以2017年大面積運用幾乎勢在必行，想不落人后記得打開(kāi)閱讀喲。

　　01. 幾何圖案與全屏背景圖相結合

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

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

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

　　02. 灰色的運用

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

　　灰色背景最棒的地方就是：不管色彩多么豐富，不管是暖色還是冷色的圖片都能很好的表現出來(lái)，在品牌顏色或圖像周?chē)褂没疑c之調和也能給人留下不錯的印象。還有，在平面的色彩上使用淡黑的灰色作為陰影也是很不錯的。(如圖2)

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

　　03. 重疊鮮艷的色彩

　　在圖層上重疊幾何圖案作為背景，使用色彩元素也可以實(shí)現相同的效果。選擇鮮艷的配色，對于背景設計來(lái)說(shuō)可是非常大膽而又獨特的。

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

　　04. 采用非對稱(chēng)的設計

　　讓我們不使用網(wǎng)格來(lái)布局吧。(或者至少?lài)L試一下調整為左右不對稱(chēng)。)

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

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

　　05. 抽象效果與抽象藝術(shù)設計

　　在做背景設計時(shí)想法有時(shí)也會(huì )不切實(shí)際，在那種時(shí)候就來(lái)試試抽象設計吧。顏色、形狀、和一些小花樣而組合起來(lái)，表現出與別人不一樣的有趣的視覺(jué)效果。

　　在做網(wǎng)頁(yè)設計的時(shí)候，與其他的作品有著(zhù)視覺(jué)上的差異是非常重要的，引起用戶(hù)的興趣抱著(zhù)“這是什么?”這樣的想法來(lái)點(diǎn)開(kāi)網(wǎng)頁(yè)是必要的。設計與別人相似的情況下，用戶(hù)也沒(méi)有什么理由來(lái)訪(fǎng)問(wèn)你的網(wǎng)站了。

　　將看起來(lái)漂亮的設計時(shí)刻掛在心上。將有魅力的文字一起組合起來(lái)，去享受設計的樂(lè )趣吧。大膽的將嘗試別人所有沒(méi)有使用過(guò)的有趣的想法運用到實(shí)踐中吧。

　　你的網(wǎng)站是否使用了老舊的，過(guò)時(shí)的背景風(fēng)格呢?　那個(gè)時(shí)候，重新設計一個(gè)更具現代感的背景風(fēng)格會(huì )讓你的網(wǎng)站變得更棒。參考介紹的這些案例，讓每一次設計都變得不同，多嘗試一些具有創(chuàng )意的風(fēng)格吧。

<< 上一篇：版式編排在網(wǎng)頁(yè)設計中的表現應用

>> 下一篇：零基礎學(xué)習網(wǎng)頁(yè)設計美工怎么速成？

推薦資訊