使用摄影照片作为网页背景是常见的一种网页设计布局,只要不影响网站速度的情况下,适当使用照片来做网站背景可以提升网页的视觉效果。但现在已经不仅是用在全屏背景了,全屏图片也开始使用了,在今天的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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
LoRA模型训练
已累计诞生 652 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓