網(wang)(wang)頁設(she)計(ji)趨勢(shi)的變化速(su)度，比你(ni)咖啡冷卻(que)的時(shi)間還要快，國(guo)外(wai)的一些設(she)計(ji)師這(zhe)樣評價網(wang)(wang)站(zhan)設(she)計(ji)的發(fa)展(zhan)。

的確是這樣，網站設計就像新款服飾一樣，新的風格無時無刻不在更新。我們在今年年初發布的一篇文章《前瞻2015網站設計趨勢》里，為大家總結了當前流行的一些網頁設計風格，本文將推薦10款基于大背景和個性文字設計的歐美網站。

為什么使用(yong)大背景圖像的設計(ji)？

科學證明(ming)，人類大腦處理圖像(xiang)的(de)(de)速(su)度(du)要比閱(yue)讀(du)文字快60000倍，照片圖像(xiang)為我(wo)(wo)們(men)提供了一個(ge)舒適(shi)的(de)(de)視覺體驗，大背景圖像(xiang)的(de)(de)設計讓我(wo)(wo)們(men)對(dui)網站印象(xiang)是生動的(de)(de)、難(nan)忘的(de)(de)，對(dui)瀏覽者具有明(ming)顯的(de)(de)吸(xi)引力。

Thisispaper 使用了一組(zu)幻燈片來輪播大(da)背景(jing)圖，這樣便(bian)于(yu)說明他們(men)所提供的服務，每一副背景(jing)也(ye)很有創意，且具吸引力。

進入(ru)該網站，只能看到(dao)一(yi)副大(da)背(bei)景圖，但當(dang)你向(xiang)下滑動滾輪(lun)時，還(huan)能看到(dao)更(geng)多的大(da)背(bei)景圖和字體設計。

Code24網(wang)站，使用了(le)半透明矩形襯(chen)托標語，使色彩(cai)融合，且文(wen)字清晰可(ke)見，是典型(xing)的大背景 + 個(ge)性文(wen)字的設計風格。

FALVE沒有使用一頁多屏(ping)的設計，而是一個多頁的網(wang)站，首頁只有這一屏(ping)，沒有向下(xia)的滾(gun)動，如果要(yao)看其(qi)他內容，需要(yao)點擊(ji)菜單上的鏈接，跳轉頁面(mian)。這樣的設計可能(neng)是為了用新頁面(mian)容納(na)更多的產品照片(pian)。

優(you)雅的(de)純色設計，高清攝影背景和流線型的(de)字(zi)體設計，體現了他們產品的(de)時尚、大氣之感(gan)。

并沒有使用任何的文字，但對實景的巧妙拍攝，使得圖中(zhong)大樓上文字可以很好的運用在(zai)網頁中(zhong)，既展現(xian)自己(ji)的品牌形(xing)象(xiang)，也帶給瀏覽者更強的真實感。

這是(shi)(shi)一(yi)家面(mian)包店的網站(zhan)設計，整個網站(zhan)就有一(yi)個單(dan)頁面(mian)，通過(guo)點擊導航或(huo)向(xiang)下滾動可以看(kan)到(dao)其他(ta)內(nei)容，大(da)背景上的文字(zi)多采用(yong)線條設計，是(shi)(shi)一(yi)種簡(jian)約風格(ge)的體現(xian)。

這是一個定制(zhi)T恤設(she)計的(de)網站，除了大背景外，他(ta)提(ti)供了三個自(zi)由(you)擺放的(de)定制(zhi)屬性工(gong)具，作為訂單著陸頁來說，這是一個非常有創(chuang)造力(li)的(de)設(she)計。

文字(zi)能見度，顯然是bigcartle在設(she)計自(zi)己網(wang)站時(shi)特(te)別考慮(lv)的問題，大背(bei)景圖和(he)文字(zi)顏色的反差，使得(de)文字(zi)清晰可見。而且字(zi)體的設(she)計并不花(hua)哨，但讓人感覺非同凡響。

Motel 并(bing)沒有使用充滿整屏的大(da)背景設計(ji)，特別是在頁面(mian)頂部留(liu)有大(da)片純色空(kong)白區，用于擺放(fang)Logo、菜單和一些文字(zi)，這是一種(zhong)將傳(chuan)統風格和新的設計(ji)趨(qu)勢結合的設計(ji)手法。

在設計大背景圖像時，要注意以下幾點：

1. 適應(ying)屏(ping)(ping)幕尺寸：不同屏(ping)(ping)幕，寬(kuan)高不盡相同，而大(da)背(bei)景(jing)設(she)計要求圖像充滿整屏(ping)(ping)，所以在設(she)計中要考慮好如何適應(ying)各種屏(ping)(ping)幕的尺寸。

2. 配合文(wen)字(zi)設計：用個性的文(wen)字(zi)點綴大背景設計，不但(dan)能(neng)提(ti)高(gao)視覺(jue)感受(shou)，還能(neng)讓閱讀者(zhe)更容易理解。

3. 網站加(jia)載速度：使用(yong)高清的、大(da)(da)分(fen)辨率(lv)的圖(tu)像做背景，會(hui)(hui)增加(jia)網頁(ye)文(wen)件大(da)(da)小(xiao)，這可(ke)能會(hui)(hui)增加(jia)網頁(ye)的加(jia)載時間，所以要(yao)考(kao)慮對(dui)大(da)(da)圖(tu)的壓(ya)縮和預加(jia)載等方案。