港灣有巢網站建設

社交電商系統供應商

全國服務400-966-0901

申請試用

技術前沿
您當前位置:首頁>技術前沿
新聞動態News center
港灣快訊 產品動態 技術前沿
最新動態

2017網站背景設計五大趨勢

2017-02-23

瀏覽 13481 次   來源:站酷網

99c458998355a8012060c85e03ca.jpg


千篇一律的白色北京,2016年我們被赤果果的白色背景霸屏了!是時候給你的網站快速換一個更現代的背景了喲~


雖然許多極簡風格仍不過時,但并不代表我們都喜歡缺乏色彩的風格設計。設計師也可以選擇灰色和明亮的顏色替代它們。對于背景效果的追求也產生了許多更有趣的樣式和幾何圖形、像不對稱模式、抽象藝術。而今天我們就用實例來探討下,現代網站的背景趨勢與啟示!

 


1.圖像上的幾何

 



798c58998468a8012060c893f5c1.jpg




首屏主圖仍然是目前較受歡迎的背景設計風格之一。引人注目的大畫面能很好的吸引用戶注意。


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


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


但你需要有目的地將幾何形狀使用到主圖中才能發揮出它應有的效果。簡單的將一些六邊形放到圖片上是很難有什么作用的。幾何元素應該放置在正確的位置上,能夠將用戶的視覺吸引到正確的位置,或者引導用戶進行特定的操作。通過幾何圖形,也能夠將一些色彩添加到一個暗色調或極簡的設計中去,來引導視線的運動。形狀還能夠被用來幫助強調品牌特征,建立一個較強的品牌關系,特別當這些形狀原本是logo中的一部分的時候。

 


2.灰色的色調









扭轉升級極簡風格設計的方法就是加入一點灰色。


相對于單調的白色背景,更多的網站開始使用灰色調的背景來使之變成完全相反的簡約設計風格。


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


底色能適匹配品牌的顏色或者是適應周圍的圖片。或者,用單純的灰色制造一種平滑的色調。


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


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


 

3.明艷的圖層

 






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


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


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

 


4.不對稱





 

跳出局限!(或者最少調整一下,別讓它看起來那么對稱。)


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


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


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


 

5. 抽象藝術




 


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

 

在設計網站頁面時,你需要一個有趣的視覺亮點來吸引用戶的眼球。如果頁面設計流于俗套,用戶沒有理由繼續駐留。

 

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

 


總結

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


—————————————————————————————————————————————————


我們是DATS翻譯小組,我們愛設計愛英語,通過翻譯設計的文章共同學習進步,雖然我們還有許多不足,但是只要把每個人的微小的力量聚集起來,總有一天會發出耀眼的光芒~


返回列表

上一篇:UX 設計師能從心理學中“悟”出什么

下一篇:扁平化設計實踐

[email protected] 廈門紫竹數碼科技有限公司 版權所有 IDC/ISP/ICP經營許可證 閩B2-20050063號 閩公網安備:35020302000738號

在線客服 地圖導航

快速連接

合伙伙伴 招賢納士 常見問題 品牌釋義

熱點信息

建站知識 設計前沿 公司動態

輔助欄目

建站申請 聯系我們 意見反饋

主營業務

HTML5建站 app研發 主機租用 企業郵箱 定制建站

400-966-0901

[email protected]

0592-5552482

[email protected] 廈門紫竹數碼科技有限公司 版權所有 IDC/ISP/ICP經營許可證 閩B2-20050063號、20100037號


閩公網安備:35020302000738號

武漢港灣有巢信息技術有限公司

地址:武漢市江漢區菱角湖萬達廣場A3寫字樓1612室

友情鏈接

山东11选5