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