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