网页设计中滚动的新规则

互联网用户欣赏和喜爱强制要求滚动的网站。

在网页设计中滚动曾经一度被认为是禁忌。

现在事态发展，它已经成为近年来最流行的技术之一。

凭借核心交互设计元素，滚动正在重塑自我并摆脱其旧耻辱。 但这也意味着网页设计师需要学习新的规则。 在这篇文章中，我们将学习一些快速提示，了解它的技术、优缺点以及网页设计中滚动的出现。

滚动轮回

移动电话的发展导致了滚动的重生。 时代变了，移动用户已经超过了桌面用户。

因此，所有可从移动设备访问的事物的用户界面都得到了相应的管理。 由于屏幕较小，滚动已成为不可避免。

随着服务提供商提供的进步，高速互联网的可访问性已成为可能。 与打开一个新页面来连接某个主题的信息相比，这使得滚动变得可行。

滚动有助于在几乎所有社交媒体句柄中访问用户生成的内容。 据说长滚动是从基于卡片的设计演变而来的。

这使用户能够获得源源不断的小型内容，非常适合网络和移动体验。
由于设计不佳和网站上常见的文本内容，滚动被认为很无聊。

上面的折叠学说现在被认为是一个长期阻碍滚动的神话。 但现在长卷轴充当了结尾、中间和开头的画布。

这通过动画、图形、图标和其他方式成功地向观众展示了一个故事。 它在吸引用户注意力方面具有独特的专长。

滚动的优点和缺点

每一项新老技术，要么被用户喜爱，要么被诟病。 在大多数情况下，所有用户都有一个有效点。
因此，重要的是要仔细检查和讨论技术的积极和消极方面，以便得出关于其有用性的个人结论。

优点
1. 网页设计中的滚动鼓励观众互动。 它可以成为促进用户交互的一种很好的叙事媒体。
2. 您可以通过滚动不断刺激变化的元素来创建有趣的讲故事方法。
3. 导航路径更慢、更复杂并且限制了用户体验，而长滚动比导航和单击更快。
4.无限滚动网站确保用户在页面上花费最多时间。 它还易于使用并帮助用户发现相关内容。 因此它吸引了用户。
5. 很多时候维护从各种设备访问的多个页面的完美设计可能很复杂。 但是对于长滚动，这只是一次性的努力。
6. 向下滚动比不断移动指针和浏览不同页面以获取相对关联的信息相对容易。
从手机访问它的网站用户已经接受了这是一种显示信息的方式。
7. 用户的有限点击会导致快速交互，专门针对选定的用户体验，如游戏和应用程序。

使用滚动的网站设计公司示例。

缺点

1. 大多数用户都习惯了这种技术，因为它在今天很普遍。 总有一定比例的用户抵制变化。 他们多年来一直避免滚动，并且不会对此感到满意。
2. 你可能最终会在 SEO 端面临一个缺点，因为只有一个页面会影响网站的 SEO。
3. 如果内容迷失方向即内容与滚动之间存在脱节，会使用户感到困惑。 因此，滚动网站必须仅由专家和经验丰富的开发人员设计。
4. 用户会发现滚动机制很难回到之前浏览过的内容。 创建将每个项目锚定到页面部分的持久性顶部导航可能有助于解决此导航问题。
5. 对于包含大量视频、图片或图库的网站，可能难以保持网站的快速加载速度。 对于视差滚动，网站可能会变慢，因为它依赖于 JavaScript 和 jQuery。
6. 无限滚动网站没有页脚。 因此，用户可能会面临导航困难。 可以使用精简的粘性页脚，这样就不会牺牲用户的导航兼容性。

这些是网页设计中滚动的典型优点和缺点。 您必须专注于您打算创建的网站类型并做出相应的决定。 滚动技术最好的网站类型是：

i) 将被大量移动用户访问的网站
ii) 打算更新博客或发布频繁更新的网站
iii) 如果网站打算以理解的方式传递大量信息
iv) 不包含大量媒体文件的网站

通常，社交媒体网站会不断更新用户生成的内容，并且它们在滚动网站方面做得很好。

对于电子商务网站最需要的连贯导航，它们更倾向于保守的页面长度。

不要仅仅因为它们很流行或许多网站都在使用滚动网站而使用它们。 如果您的网站标准符合滚动网站的理念，那么它就会为您创造奇迹。

如果您尝试在不需要的地方使用滚动网站，您可能会以灾难性的结果告终。

推荐和最佳实践

网页设计中的滚动机制，如长滚动、视差效果等，在设计领域仍然相对较新。 但是，基本的最佳实践仍然是从初步的试验和错误中产生的。 为了成功植入长滚动，以下是一些日常技巧。

• 交替使用短滚动和长滚动是可以接受的并且是合法的。 应该看到内容必须是决定滚动长度的内容，反之亦然。
如果您打算使用长滚动着陆页和短滚动主页，那绝对没问题。

• 应该看到，用户可以轻松快速地从滚动中的元素跳转到元素，这使他们能够快速返回。
您可以考虑使用粘性导航。

• 为了使每个用户都能看到站点的工作方式，您必须使用带有工具或设计元素的滚动。 对于可以帮助用户确定下一步要做什么的有趣且简单的方法，您始终可以使用动画按钮、箭头和类似的界面工具。

• 为确保您的网站获得所需的互动，请务必明确区分号召性用语按钮和滚动点击。

• 您必须研究您的目标受众如何与滚动技术进行交互。 谷歌分析将始终帮助您了解有多少人点击了特定的折叠。 经过全面分析后，您可以根据需要做出调整设计的必要决定。

• 保持限制。 长卷轴并不意味着冗长且连续的 700 页网站。 长卷轴可以很简单。 确保包含您的故事，然后停止。 不要强加对观众无用的额外内容。 它会占用更多空间并使网站变慢。

• 您必须关注目标受众的需求，并且了解任何声称是无限滚动站点的站点都不是真正无止境的。 无论您的网站是否无限滚动； 您的用户将始终需要正确的方向和导航。

• 确保在侧面包含视觉提示。 它可以帮助在滚动中定位用户并使滚动体验舒适。 如果过度使用滚动可能会变得危险。 确保只在需要的时候在网页设计中使用滚动。

无页设计

长滚动的网站现在肯定会停留更长的时间。 一个简单的事实是，较小的屏幕将需要大量滚动，并且每隔一天推出流行的手机，屏幕尺寸的增加和减小将是永久性的。

正如许多著名开发人员所相信的那样，网络的未来已经开始，这就是无页设计。 如果我们相信他们的话，过渡已经开始了。 网站和博客继续以故事为特色，讲述用户面临的困难和他们使用的信息。

但作为设计师，从根本上思考变得很重要，这样才能采用最好的方法在完全不同的环境中创建内容，而在网页设计中滚动就是最好的方法之一。

结论

交互设计可以被视为长滚动网站的基础。
在对内容感到满意之前，用户不会抱怨长度。

如果界面有趣且独特，用户就不会对设计有任何抱怨。 在相当长的等待之后，您可以发挥自己的作用并吸引观众来展示您的桶中有什么。

相关文章：

如何让网页设计专业化？

在网页设计中使用图像。