2.视差滚动设计

更新于 2026年10月10日 版权声明
2.视差滚动设计

视差滚动设计(Parallax Scrolling Design)是指让网站上的页面用多层背景以不同的速度移动,从而形成一种视觉上的3D空间运动效果,引导用户完成响应的交互体验。这在网页视觉显示上可以说是独树一帜、另辟蹊径的做法,但效果非常独特、有趣,是近年来网页设计中备受推崇的一种设计。

我们来看看The Capitol的网站设计,它是基于《饥饿游戏》主题来进行设计的。网站风格独特,用色大胆,大量使用的冷色调与网站高冷的调性一致。网站整体设计并不复杂,亮点在于它使用了视差滚动的设计。网站使用大量的信息、视频和其他内容让用户与之互动,使之感觉仿佛置身于电影之中。网页视觉效果如图1-22所示。

图示

图1-22(https://www.daowen.com)

图1-23中的这些网站都是视差滚动设计的典型例子。

图示

图1-23

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)