網(wǎng)頁設(shè)計中背景的創(chuàng)意風(fēng)格與設(shè)計趨勢

0 評論 2520 瀏覽 1 收藏 10 分鐘

正確的背景風(fēng)格可以為整個網(wǎng)站確定基調(diào)。我們搜集了一批使用大幅圖像、明亮顏色或粗重圖案來作為背景的優(yōu)秀網(wǎng)站,想從中探尋當(dāng)下網(wǎng)站的流行設(shè)計風(fēng)格。

它有時是你的網(wǎng)站中最少被注意到的。有時它也可能是很吸引眼球的。在大多數(shù)情況下,背景為你的網(wǎng)站設(shè)定了基調(diào),也給站內(nèi)的信息提供了語境。

可以用作背景的有很多,而背景也分成很多種類。你可以采用圖像、圖案、色塊或是這些元素的組合。

今天我們來看一看各種使用得當(dāng)?shù)谋尘邦愋停⒄f明為什么它們會帶來出色的效果。

什么可以稱得上好的背景?

什么樣的背景最適合你的網(wǎng)站,這并沒有一定之規(guī),但確實有一些共同的要素:

  • 背景的內(nèi)容應(yīng)該有目的性。
  • 背景應(yīng)該與你的品牌風(fēng)格一致。
  • 背景之上的文字內(nèi)容應(yīng)該易于閱讀。(無論是顏色、反差還是尺寸大小。)
  • 背景的主題在整個網(wǎng)站內(nèi)應(yīng)該連貫一致。
  • 背景應(yīng)該能很快下載并且不會讓你的網(wǎng)站變得緩慢甚至卡死

現(xiàn)在的流行趨勢是什么?

Screenshot23

hipstamatic

Screenshot20

Screenshot24

Screenshot28

就像服裝和發(fā)型會變,網(wǎng)頁設(shè)計的風(fēng)格也在變。對于背景來說,趨勢的變化尤其突出。

目前,大量的網(wǎng)站在首屏采用了大圖。一些背景是清晰、寫實的(如照片和插圖),而另一些則可能是抽象隱晦的。大尺寸的、虛化或模糊的圖也隨處可見。

色塊背景也很流行,但已經(jīng)不是通常那種永不過時的黑和白。很多設(shè)計師使用強烈、濃重的顏色來幫助網(wǎng)站內(nèi)容從背景中突顯出來。

最后,圖案和紋理也用得很多。不過形狀的大小最近改變了不少。越來越多的網(wǎng)站在背景中采用大塊的圖案,而此前曾經(jīng)流行的則是小的圖案。大面積的圖案與低反差的內(nèi)容帶來一種很微妙的感覺。細(xì)微的紋理背景也非常流行,用以給設(shè)計增添真實的感覺。

清晰的圖像

rory

Screenshot26

Screenshot22

medis

Screenshot21

papert

使用逼真、清晰的圖像從來不會過時,但是流行與否則取決于使用的方法。越來越多的此類圖像現(xiàn)在是直接作為背景,而不是作為其它背景之上的照片。

插圖也日漸流行。同樣,色彩是非常重要的,因為它決定了插圖的品質(zhì)。

模糊或虛化的圖像

humaan

vanmoof

givers

wmcfest

wemake

使用虛化或模糊圖的情況會有些復(fù)雜。它只有在圖片本身品質(zhì)很好的情況下才會帶來好的效果,如果為了掩飾圖片質(zhì)量的低劣而去虛化,效果會適得其反。

你頭腦里要很清楚為什么要把一張圖虛化。有時候非常明顯的模糊會有很好的效果(像 Humaan 網(wǎng)站中柔化的山峰),而有時候只需要輕微的虛化就足夠了(上方 We Make 網(wǎng)站)。

色塊

timpotter


inception


mrare

teacake

明亮的顏色正在開始流行并越來越引起注意。大量設(shè)計師選擇簡單地采用顏色來創(chuàng)造出深度和對比。

黑或白

foundryco

chrislinden

monsters

bmth

黑和白是經(jīng)典的背景色,用起來也簡單。你可以很容易為字體產(chǎn)生對比效果(即使是很小的字),并且永不過時。

如果加上一些細(xì)微的空間處理,黑色或是白色背景便會看起來更時尚。Foundry Co. 用到了線條來起強化的作用,而 Designing Monsters 在黑暗色調(diào)上用了大面積的對比色(黑白反差)。

圖案和紋理

Screenshot42

Screenshot38

Screenshot40

alfred

hithere

Screenshot27

woodlands

不要擔(dān)心采用濃烈的圖案背景。大塊的、重復(fù)拼接的圖案現(xiàn)在隨處可見。而細(xì)膩的紋理可以給設(shè)計增加真實感。

此類流行設(shè)計的關(guān)鍵在于恰當(dāng)?shù)姆床顚Ρ?。請?Alfred 網(wǎng)站的紫色,你可能要仔細(xì)地查看才能注意到背景中交叉的圖案。

結(jié)論

背景可以決定網(wǎng)站的基調(diào)。在最終決定之前,你可以嘗試各種選擇——照片、色塊,或是圖案。不要覺得有任何束縛。以上的這些例子中,那些最能在視覺中引起興趣的網(wǎng)站不光采用了獨特的背景,大多還采用了第二級的背景,比如在色塊上方的照片,而文字又在兩者之上。

在選擇背景主題時,要考慮到你的內(nèi)容。要記住網(wǎng)站設(shè)計中最重要的原則:讓你的網(wǎng)站容易讀懂。

來源:http://5m3d.com/?p=609

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!