北京网站建设,北京网站制作,北京网站设计,北京网络公司

当前位置:首页 > 建站智库 > 设计前沿

网站视差滚动设计中应注意的7个设计原则

时间:2020-05-12 11:30:14 北京网站建设凡度网络

网站视差滚动设计.jpg

 

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为最近几年网页设计的热点趋势,越来越多的网站应用了这项技术。视差滚动效果吸引用户,有助于网站价值的实现。那在网站设计过程中滚动视差都要遵循哪些原则呢?

 

北京凡度网络是专业的网站建设、网站设计公司,今天和您分享视差滚动的设计原则:

 

1、差异滚动 分层视差

页面上很多的元素在相互独立地滚动着,如果我们来对其它分层的话,可以有两到三层 :背景层,内容层,贴图层。

 

2、适度使用视差滚动效果,避免过度

适度原则适用于任何事物。物极必反,过少或过多的使用视差滚动都不会达到想要的结果。因此,在使用视差滚动时,适度使用视差滚动效果,找到乐趣与混乱之间的正确平衡至关重要。

 

3、和网站的目标保持一致

在没有任何上下文或目的的情况下使用视差滚动,可能会在站点上给观众留下深刻的印象,但他们不会转化为有效的潜在客户或转换者。让您的滚动视差设计和网站的目标保持一致,把用户吸引到您希望他们操作的位置。

 

4、实现规则

A、背景层的滚动(最慢)

B、贴图层(内容层和背景层之间的元素)的滚动(次慢)

C、内容层的滚动(可以和页面的滚动速度一致)

我们让三个图层的滚动速度不一致,就做出了漂亮的差异滚动效果

 

5、全面测试很重要

视差滚动以不同的方式影响不同的人。从有用的视差很容易偏离到产生会分散注意力的视差滚动效果。因此,要对客观且具有网页设计意识的真实用户进行全面测试。此外,还可以向普通观众进行测试,因为它们正是您所要创造的。

 

6、优化原则

如果您希望保持视差滚动对您的网站有重大贡献,则要对您的视差滚动优化,为用户提供流畅、快速的浏览体验。

 

7、不在移动设备上使用

视差滚动不适用于移动设备。平板电脑确实在某种程度上支持它,但手机不支持。对于移动网站,仅保留必要的裸露设计元素即可。

 

目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势。通过一个很长的网页页面,其中利用一些令人惊叹的插图和图形,并使用视差滚动(Parallax Scrolling)效果,让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。完美的展示了一个复杂的过程,让你犹如置身其中。厌倦了千篇一律,呆板网页设计的你不妨一试。

 

更多相关信息,欢迎您咨询凡度建站!全国服务热线:010-51668909

建站智库

核心服务

相关文章

    无相关信息

最新文章

热门文章

联系我们:

北京市海淀区苏州街3号大恒科技大厦5层
电话:010-51668909
邮箱:kefu@fandoo.cn
在线QQ:83321348、382317942
邮编:100088
官方微信:fandoocn

分享到: