您当前的位置是:首页 - 建站常识 - 正文

企业网站设计滚动视差的好处和技巧
发布日期:2015-3-19  浏览次数:1541次   优化北京网站建设  

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。网页内的元素在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉,这和我们人体的眼球效果很像。


滚动视差网站设计中的一些小技巧


别忘了loading

滚动视差网站由于内容分层会用到很多大尺寸图片或者png图片,所以体积往往比较大,所以这个时候千万别忘了设计loading动画。


斜线的巧妙运用

当斜线从底部向上划入的时候,通常视觉上会给人一种是从右下角以一定角度划入的错觉。所以斜线的布局也经常被采用在滚动视差网站的设计中去。


纯色的运用

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。纯色比渐变和图片更容易延展,并且纯色很容易区分视差区间。在使用时我们可以调整颜色的透明度,来达到各种视觉效果。所以纯色的运用也是滚动视差设计者的大爱。


企业网站设计滚动视差的好处和技巧


企业网站设计滚动视差的好处和技巧


企业网站设计滚动视差的好处和技巧



上一篇:简洁网页设计小技巧
下一篇:网页设计中加入1像素衬线的意义
点击查看更多建站常识新闻   丨   点击返回上一页