视差滚动图片：图片素材以不同的速度运动创造出类似3D的视觉效果，为用户带来愉悦的视觉效果和颇为有效的互动。
屏幕尺寸分页：将长滚动页面分割成屏幕尺寸大小相同的分页，这是一种颇为有效的内容分割组织的方式，可以使页面内容更有凝聚力。
常驻导航：用户在浏览长滚动页面的时候容易迷失，常驻的导航栏能够让用户感受到可控性和安全感，避免迷失。
动画互动：在滚动过程中触发动画会为用户带来乐趣，这会让用户享受滚动的过程。
多向滚动翻页：这是单页滚动和长滚动页面发展这么久之后发展出来的新风尚，页面可以横向、纵向，从上下左右各种方向滚动。
交互信息提示：有些用户不会主动滚动页面，这个时候需要给予适当的心思提示，比如“向下滚动”的文本和箭头，避免他们迷惑。也可以使用行动召唤按钮（CTA）等设计方法来提示。
以下实例大多通过这些设计和技术上来体现：
这个页面是针对Podio 的工具Beagle 而设计的长滚动页面。设计师将内容分割成屏幕大小的分页，用来展示不同的内容，动效被拿来衔接页面，将用户的吸引力从一个分页转移到下一个分页。
Wall’s Ice Cream & Airpure Car Fresheners
这个名为Wall’s Ice Cream & Airpure Car Fresheners 的网页采用了华丽的设计，色彩鲜艳变化多端的小雪糕被设计成导航，随着页面向下滚动你会看到有趣的动画。注意底部进度条的色彩变化和固定的导航设计。
采用了长滚动页面设计，其中包含了几个实验性的设计，包括视频自动播放和水平旋转图像。
总结：在网页设计中，长滚动页面的应用有它的独特之道，梳理杂乱无章的信息、提升页面交互性、自由合理的导航设计、更为漂亮有趣的视觉设计，以及更加丰富的内容呈现。当然，考虑到它“长”的特征容易让用户迷惑，内容的信息量其实应当进行合理的控制。
文章由北京网站建设、北京UI设计、北京网页设计-智导互动编辑