设计作品 » 30个使用全屏照片的网页设计例子

30个使用全屏照片的网页设计例子

发表于: 设计作品. 评论 (2)
Sponsor

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

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

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

CatScarf

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

CatScarf
浏览网站

Molly & Me Pecans

Molly & Me Pecans
浏览网站

Joe’s Garage

Joe's Garage
浏览网站

OXYDO

OXYDO
浏览网站

Control Films

Control Films
浏览网站

BJÖRN MEIER

BJÖRN MEIER
浏览网站

Martina Sperl

Martina Sperl
浏览网站

Karma

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

Karma
浏览网站

Thisispaper Inaugural Issue

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

Thisispaper Inaugural Issue
浏览网站

Pure Fix Cycles

Pure Fix Cycles
浏览网站

Michaelis Boyd

Michaelis Boyd
浏览网站

Rules by Mary

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

Rules by Mary
浏览网站

Broken Twill

Broken Twill
浏览网站

The Design Files Open House

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

The Design Files Open House
浏览网站

Michael Schmid

Michael Schmid
浏览网站

Sojourn Network

Sojourn Network
浏览网站

Serve Seattle

Serve Seattle
浏览网站

Unknown Croatia

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

Unknown Croatia
浏览网站

Ende

Ende
浏览网站

F A L V É

F A L V É
浏览网站

Escape Flight

Escape Flight
浏览网站

SRG

SRG
浏览网站

What You Are

What You Are
浏览网站

Knuckles Industries

Knuckles Industries
浏览网站

Brave People

Brave People
浏览网站

Dickson Fong

Dickson Fong
浏览网站

Intersection

Intersection
浏览网站

Beyond by Lexus Magazine

Beyond by Lexus Magazine
浏览网站

Lucy Babayan

Lucy Babayan
浏览网站

Humblebee

Humblebee
浏览网站

Ghost

Ghost
浏览网站

Radoslav Holan

Radoslav Holan
浏览网站

整理自:line25

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论2 Responses to “30个使用全屏照片的网页设计例子”

  1. 小时光 - 回复

    非常棒的网站,让人大开眼界,体验,交互,设计都非常棒!!

  2. 诸葛小觉 - 回复

    不怎么喜欢这类网站,可能更多的倾向于文字控吧~


{ 发表评论 }