优界网

首页 > 教程经验 > 创造设计:视差滚动和图形化在网页中的呈现

创造设计:视差滚动和图形化在网页中的呈现

73

0

0

2015-04-23 19:59:24

江大可

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

视差滚动效果 ?Parallax Scrolling
大家小时候是否玩过红白机或小霸王上面的游戏?

这些游戏基本上都是通过前景与背景在场景移动时产生不同的视差,从而达到简单的立体效果

所以说视差滚动不是啥新鲜事儿,我们小时候就玩过了……
目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势

给它以重新定义

不过这类效果的使用也需要看具体环境和最终页面出来的整体性能,防止页面过于拖沓。
其次,设计上要有非常严密的关联
视差滚动效果的主要特点:
1、直观的设计,快速的响应速度,更合适运用于单页面

2、差异滚动 分层视差

页面上很多的元素在相互独立地滚动着,如果我们来对其它分层的话,可以有两到三层 :背景层,内容层,贴图层
(是否可以让它更多呢?有没有办法在视觉上做到?)
差异滚动的实现规则:
背景层的滚动(最慢)
贴图层(内容层和背景层之间的元素)的滚动(次慢)
内容层的滚动(可以和页面的滚动速度一致)
我们让三个图层的滚动速度不一致,就做出了漂亮的差异滚动效果
作为设计师,你可以………

1、运用大背景

这些背景图像一般是高分辨率,大图,覆盖整个网站。

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×