使用攝影照片作為網頁背景是常見的一種網頁設計布局，只要不影響網站速度的情況下，適當使用照片來做網站背景可以提升網頁的視覺效果。但現在已經不僅是用在全屏背景了，全屏圖片也開始使用了，在今天的25個使用全屏照片的網頁設計例子中，使用了很多新鮮的點子，有的網頁使用了視差效果，有的使用自適應（響應式設計），反正技術越來越先進了，看著這些真的能獲得不少的靈感。如果還看不過癮，還有《35個“高大上”的全屏網頁設計》供你欣賞 : ）

近期全屏圖片的特色應用：

使用視差效果
自適應屏幕分辨率
全屏的圖片支持響應式設計
不一定是全屏背景，全屏圖片也可以
適用于品牌企業網站、時尚類網站、專題網站

推薦閱讀：
《13個別具一格的插圖風格網頁設計欣賞》
《極好的交互設計：19個創意網頁欣賞》
《超贊！35例運用矢量插畫的網頁設計》

CatScarf

Catscarf這個網站不僅使用了全屏背景，還配合了響應式設計技術，使得在不同設備上都能友好的瀏覽網站。

Molly & Me Pecans

Joe’s Garage

OXYDO

BJ?RN MEIER

Martina Sperl

Karma

進入這個網站的時候，banner圖片是自動適應屏幕大小，這點子不錯。

Thisispaper Inaugural Issue

大家可以用Thisispaper這個網站的方式來展示你的產品的專題頁，我想效果一定很棒！

Pure Fix Cycles

Michaelis Boyd

Rules by Mary

時尚類的品牌服裝網站，漂亮圖片才是王道，文字只是浮云。配合全屏背景的展示方式，使用很適當^_^

The Design Files Open House

這網站有些CSS布局還真得值得參考……

Michael Schmid

Sojourn Network

Serve Seattle

Unknown Croatia

好玩的專題頁，國內估計沒幾個公司能花這些的時間去做這類專題。

Ende

F A L V é

Escape Flight

SRG

What You Are

Knuckles Industries

Dickson Fong

Beyond by Lexus Magazine

Lucy Babayan

Humblebee

Ghost

Radoslav Holan

原文地址：line25
譯文地址：shejidaren

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量58萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：