使用摄影照片作为网页背景是常见的一种网页设计布局,只要不影响网站速度的情况下,适当使用照片来做网站背景可以提升网页的视觉效果。但现在已经不仅是用在全屏背景了,全屏图片也开始使用了,在今天蓝蓝设计的25个使用全屏照片的网页设计例子中,使用了很多新鲜的点子,有的网页使用了视差效果,有的使用自适应(响应式设计),反正技术越来越先进了,看着这些真的能获得不少的灵感。或许能提高您的网站设计和ui设计能力,更好的为用户提供ui设计服务。
近期全屏图片的特色应用:
使用视差效果
自适应屏幕分辨率
全屏的图片支持响应式设计
不一定是全屏背景,全屏图片也可以
适用于品牌企业网站、时尚类网站、专题网站
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