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