2.视差滚动设计
视差滚动设计(Parallax Scrolling Design)是指让网站上的页面用多层背景以不同的速度移动,从而形成一种视觉上的3D空间运动效果,引导用户完成响应的交互体验。这在网页视觉显示上可以说是独树一帜、另辟蹊径的做法,但效果非常独特、有趣,是近年来网页设计中备受推崇的一种设计。
我们来看看The Capitol的网站设计,它是基于《饥饿游戏》主题来进行设计的。网站风格独特,用色大胆,大量使用的冷色调与网站高冷的调性一致。网站整体设计并不复杂,亮点在于它使用了视差滚动的设计。网站使用大量的信息、视频和其他内容让用户与之互动,使之感觉仿佛置身于电影之中。网页视觉效果如图1-22所示。

图1-22(https://www.daowen.com)
图1-23中的这些网站都是视差滚动设计的典型例子。

图1-23