加载中...
长滚动页面和无穷滚动式的网页已经彻底流行开来了，甚至可以说它已经离开趋势，成为了一种常规的设计，它们的流行并不是巧合。当用户向下滚动的时候页面的时候，所必要的内容与信息会天然的呈现出来，在此过程中通常不会涉及到额外的、多余的交互。
长滚动式的页面有着如下的上风：
更为精简的导航
更容易呈现故事，拥有吸引用户的潜质
与移动端设备的优秀兼容性
长滚动页面的流行和移动端设备的广泛普及有着直接的因果关系：屏幕越小，雷同内容所必要显现的页面就越长。
移动端设备目前几乎全都是使用触摸屏，交互体例也是以触摸和手势为主。当然，长滚动式页面并非没有瑕玷，但是接下来的案例和最佳实践，将会帮你在设计长滚动页面的时候，尽量知足用户的期望。
一、使用视觉线索
通过视觉线索的暗示，让用户晓畅绝大多数的内容都位于首屏。
作为一个长滚动页面，想要让用户快速的晓畅它的运作体例，应该合理地运用元素来呈现它的原理。诸如向下的箭头或者“向下滚动”的文本都是可用性优秀的视觉线索成都人事考试中心，告知用户只必要向下滚动便可。
向下的箭头在向用户暗示，绝大多数的内容都在下方。
二、让导航选项始终可见
长滚动页面对于用户最大的停滞在于，用户很容易在页面欣赏过程中迷失。造成这种状态的缘故原由许多，缺少导航以及导航元素的紊乱都有可能损害欣赏体验，让用户感到疑惑或者烦躁。
在丰硕长滚动页面的时候，请始终记住，用户是必要在欣赏过程中保持“方向感”的，也就是说，必要导航来确定欣赏的所在位置。对此，悬浮导航栏其实是一个很不错的解决方案，它会表现当前的位置，并且始终悬浮在屏幕特定的位置，让用户看见。
假如受限于屏幕空间，无法添加导航栏，那么你应该优先考虑跳转式的导航设计：
置于屏幕右侧的跳转链接
因为移动端屏幕的尺寸较小，固定的导航栏会占有屏幕较大的空间。所以，比较合理的设计是用户向下欣赏的时候隐蔽导航，而当用户打算回到顶部、向上欣赏的时候，让导航栏显现。
Facebook 客户端当中，向下欣赏的时候会隐蔽导航，向上欣赏则展现。
三、设计分页
决定你的页面长度的因素应该是你所提供的内容，而不是让页面长度来决定必要添补内容的多寡。
长滚动式的网页和其他的网页一样，它可以用来讲述故事，而它所呈现出来的故事应该更加平滑、线性。以往传统的页面当中，页面的框架下，不同的内容被折叠起来，隐蔽在不同的链接和按钮后面，用户总能先看到整个页面的组织架构。而在长滚动页面当中，你必要的是将内容以不同的页面的情势呈现出来，随着用户滚动渐渐显现。就像 Le Mugs 这个网站，每个分页都包含了信息，这些内容结合动画结果，随着滚动而触发，让整个长滚动网页显得特别很是风趣。
小贴士：尽量降低分页数量，如许能让整个导航更加简化。即使是长滚动式的页面，也不能够包含100多个分页吧？
四、结合动画结果
风趣的动画结果是让你的设计同用户产生情感联系的紧张手段。长滚动页面的设计可以复杂也可以简单，好的交互能够让长滚动殊效化腐朽为神奇武汉网页设计，而动效则是最紧张的粘合剂。动画结果让用户可以让整个网站显得更有吸引力，增长了用户探索过程中的乐趣，提拔团体的体验。
比如，长滚动式页面当中能够加入视差滚动的动画殊效，或者加入滚动触发式的动效，让滚动欣赏自己成为一个风趣的东西，让用户知道接下来会发生什么。
五、用视差殊效来讲故事
视差滚动通常是让前景和背景的元素之间产生速度差，从而营造出动态的视觉结果。视差的结果自己并不复杂，但是涉及到不同的元素江苏人事考试网，加上不同活动体例、速度带来的不同结果，视差滚动能够带来的结果各式各样，各不雷同。当你使用长滚动页面来讲述故事的时候，中央适时适当地加入视差滚动殊效，能够让整个叙事更加平滑天然，最紧张的是，它会强化用户的参与感。
视差滚动能够创造出一种迷人的3D的视觉体验。
六、结语
在这个内容为王的时代，长滚动页面提供了更加沉浸式的用户体验，它让UI设计更好的服务于内容，并且将很多新的技术、思路都纳入到设计当中来，更加专注于用户的目标，让网页兼顾到内容的直接性、雄厚性和多样性。
注：相关网站建设技巧阅读请移步到建站教程频道。