使用摄影照片作为网页背景是常见的一种网页设计布局,只要不影响网站速度的情况下,适当使用照片来做网站背景可以提升网页的视觉效果。但现在已经不仅是用在全屏背景了,全屏图片也开始使用了,在今天的25个使用全屏照片的网页设计例子中,使用了很多新鲜的点子,有的网页使用了视差效果,有的使用自适应(响应式设计),反正技术越来越先进了,看着这些真的能获得不少的灵感。如果还看不过瘾,还有《35个“高大上”的全屏网页设计》供你欣赏 : )

近期全屏图片的特色应用:

使用视差效果
自适应屏幕分辨率
全屏的图片支持响应式设计
不一定是全屏背景,全屏图片也可以
适用于品牌企业网站、时尚类网站、专题网站

推荐阅读:
《13个别具一格的插图风格网页设计欣赏》
《极好的交互设计:19个创意网页欣赏》
《超赞!35例运用矢量插画的网页设计》

CatScarf

Catscarf这个网站不仅使用了全屏背景,还配合了响应式设计技术,使得在不同设备上都能友好的浏览网站。

洋气!25个使用全屏照片的网页设计欣赏

Molly & Me Pecans

洋气!25个使用全屏照片的网页设计欣赏

Joe’s Garage

洋气!25个使用全屏照片的网页设计欣赏

OXYDO

洋气!25个使用全屏照片的网页设计欣赏

BJÖRN MEIER

洋气!25个使用全屏照片的网页设计欣赏

Martina Sperl

洋气!25个使用全屏照片的网页设计欣赏

Karma

进入这个网站的时候,banner图片是自动适应屏幕大小,这点子不错。

洋气!25个使用全屏照片的网页设计欣赏

Thisispaper Inaugural Issue

大家可以用Thisispaper这个网站的方式来展示你的产品的专题页,我想效果一定很棒!

洋气!25个使用全屏照片的网页设计欣赏

Pure Fix Cycles

洋气!25个使用全屏照片的网页设计欣赏

Michaelis Boyd

洋气!25个使用全屏照片的网页设计欣赏

Rules by Mary

时尚类的品牌服装网站,漂亮图片才是王道,文字只是浮云。配合全屏背景的展示方式,使用很适当^_^

洋气!25个使用全屏照片的网页设计欣赏

The Design Files Open House

这网站有些CSS布局还真得值得参考……

洋气!25个使用全屏照片的网页设计欣赏

Michael Schmid

洋气!25个使用全屏照片的网页设计欣赏

Sojourn Network

洋气!25个使用全屏照片的网页设计欣赏

Serve Seattle

洋气!25个使用全屏照片的网页设计欣赏

Unknown Croatia

好玩的专题页,国内估计没几个公司能花这些的时间去做这类专题。

洋气!25个使用全屏照片的网页设计欣赏

Ende

洋气!25个使用全屏照片的网页设计欣赏

F A L V É

洋气!25个使用全屏照片的网页设计欣赏

Escape Flight

洋气!25个使用全屏照片的网页设计欣赏

SRG

洋气!25个使用全屏照片的网页设计欣赏

What You Are

洋气!25个使用全屏照片的网页设计欣赏

Knuckles Industries

洋气!25个使用全屏照片的网页设计欣赏

Dickson Fong

洋气!25个使用全屏照片的网页设计欣赏

Beyond by Lexus Magazine

洋气!25个使用全屏照片的网页设计欣赏

Lucy Babayan

洋气!25个使用全屏照片的网页设计欣赏

Humblebee

洋气!25个使用全屏照片的网页设计欣赏

Ghost

洋气!25个使用全屏照片的网页设计欣赏

Radoslav Holan

洋气!25个使用全屏照片的网页设计欣赏

原文地址:line25
译文地址:shejidaren

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

洋气!25个使用全屏照片的网页设计欣赏
 

收藏 2
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。