抓住这7个关键，创造让人欲罢不能的长滚动页面(2)

4、充分运用滚动特效和技术

fitbit

长滚动页面在移动端和桌面端都能够良好的运作，很大程度上这是设计师喜爱它的原因之一。

许多用户其实更加喜欢滚动而不是点击，而在移动端上，这种交互上的倾向表现得更加明显。使用长滚动页面，浏览获取信息的体验更顺滑。

使用各种滚动特效和技术比如视差特效，色块遮盖和混搭式排版（比如让文本、视频、图片等内容块混搭，降低用户浏览负荷）来保持整个设计顺畅。搭配滚动触发式的视差特效和滚动动画，保持用户的参与性和趣味性，鼓励用户继续滚动浏览。

5、让长滚动内容和短滚动内容交替出现

disasterartist

在长滚动页面当中，有些内容需要快速滚动浏览，而有的内容则需要用户仔细阅读，逐步查看，这些长滚动和短滚动的内容应该交替出现，分段搭配。

比如大片的图片就是易于消化的内容，用户会快速滚动查看，而包含文本的内容，则常常需要用户停下来，逐行滚动查看，你需要让这些不同的内容长短搭配起来，这样不仅让交互更加富有韵律，而且让页面更加从容地加载。

6、为用户提供路线图

le-mugs

长滚动页面所需要面临一个非常实际的问题，就是导航和视觉线索，用户需要知道他们浏览到了什么位置，以及他们距离页面的首位有多远。

路线图和导航是非常重要的。目前常见的模式有以下几种：

• 悬浮导航

• 使用小点或者其他替代元素来告知用户进度

• 使用箭头和符号来告诉用户接下来的操作

• 提供快速跳转到开头和结尾的按钮

7、设计出清晰的目标

laborfit

长滚动页面不应该是无限的。设计的时候，应该能够让用户明白从哪里开始，以及最终的结束会在什么地方。

无论整个页面的设计有多酷，总需要让用户明确目标和结果。

在你明确整个设计之前，你应该勾画出最终的目标。确保整个长滚动页面的每个部分都是为了呈现最终的结果而存在。看看上面的案例，页面的每个部分都包含一个明确的CTA按钮，并且带有明显的指引性语言，它位于中心的位置，易于查看和点击。

你必须承认，并不是每个用户都能够坚持滚动到整个页面的界面的结尾。你需要在页面中插入一些CTA按钮，让用户可以在不同的位置参与交互，达到他们想要的结果。

结语

（编辑：ASP站长网）