網(wǎng)頁設(shè)計趨勢的變化速度,比你咖啡冷卻的時間還要快,國外的一些設(shè)計師這樣評價網(wǎng)站設(shè)計的發(fā)展。
的確是這樣,網(wǎng)站設(shè)計就像新款服飾一樣,新的風(fēng)格無時無刻不在更新。我們在今年年初發(fā)布的一篇文章《前瞻2015全球網(wǎng)站設(shè)計趨勢》里,為大家總結(jié)了當(dāng)前全球流行的一些網(wǎng)頁設(shè)計風(fēng)格,本文將推薦10款基于大背景和個性文字設(shè)計的歐美網(wǎng)站。
為什么使用大背景圖像的設(shè)計?
科學(xué)證明,人類大腦處理圖像的速度要比閱讀文字快60000倍,照片圖像為我們提供了一個舒適的視覺體驗(yàn),大背景圖像的設(shè)計讓我們對網(wǎng)站印象是生動的、震撼的、難忘的,對瀏覽者具有明顯的吸引力。
Thisispaper 使用了一組幻燈片來輪播大背景圖,這樣便于說明他們所提供的服務(wù),每一副背景也很有創(chuàng)意,且極具吸引力。
首次進(jìn)入該網(wǎng)站,只能看到一副大背景圖,但當(dāng)你向下滑動滾輪時,還能看到更多的大背景圖和字體設(shè)計。
Code24網(wǎng)站,使用了半透明矩形襯托標(biāo)語,使色彩完美融合,且文字清晰可見,是典型的大背景 + 個性文字的設(shè)計風(fēng)格。
FALVE沒有使用一頁多屏的設(shè)計,而是一個多頁的網(wǎng)站,首頁只有這一屏,沒有向下的滾動,如果要看其他內(nèi)容,需要點(diǎn)擊菜單上的鏈接,跳轉(zhuǎn)頁面。這樣的設(shè)計可能是為了用新頁面容納更多的產(chǎn)品照片。
優(yōu)雅的純色設(shè)計,高清攝影背景和流線型的字體設(shè)計,體現(xiàn)了他們產(chǎn)品的高端、時尚、大氣之感。
并沒有使用任何的文字,但對實(shí)景的巧妙拍攝,使得圖中大樓上文字可以很好的運(yùn)用在網(wǎng)頁中,既展現(xiàn)自己的品牌形象,也帶給瀏覽者更強(qiáng)的真實(shí)感。
這是一家面包店的網(wǎng)站設(shè)計,整個網(wǎng)站就只有一個單頁面,通過點(diǎn)擊導(dǎo)航或向下滾動可以看到其他內(nèi)容,大背景上的文字多采用線條設(shè)計,是一種簡約風(fēng)格的體現(xiàn)。
這是一個定制T恤設(shè)計的網(wǎng)站,除了大背景外,他提供了三個自由擺放的定制屬性工具,作為訂單著陸頁來說,這是一個非常有創(chuàng)造力的設(shè)計。
文字能見度,顯然是bigcartle在設(shè)計自己網(wǎng)站時特別考慮的問題,大背景圖和文字顏色的反差,使得文字清晰可見。而且字體的設(shè)計并不花哨,但讓人感覺非同凡響。
Motel 并沒有使用充滿整屏的大背景設(shè)計,特別是在頁面頂部留有大片純色空白區(qū),用于擺放Logo、菜單和一些文字,這是一種將傳統(tǒng)風(fēng)格和新的設(shè)計趨勢結(jié)合的設(shè)計手法。
在設(shè)計大背景圖像時,要注意以下幾點(diǎn):
1. 適應(yīng)屏幕尺寸:不同屏幕,寬高不盡相同,而大背景設(shè)計要求圖像充滿整屏,所以在設(shè)計中要考慮好如何適應(yīng)各種屏幕的尺寸。
2. 配合文字設(shè)計:用個性的文字點(diǎn)綴大背景設(shè)計,不但能提高視覺感受,還能讓閱讀者更容易理解。
3. 網(wǎng)站加載速度:使用高清的、大分辨率的圖像做背景,會增加網(wǎng)頁文件大小,這可能會增加網(wǎng)頁的加載時間,所以要考慮對大圖的壓縮和預(yù)加載等方案。