Godzilla. 2016-12-13
网站建设
网站设计网页设计中如何选择滚动类型？
滚动可能看起来像是网站的一个非常基本的功能，而事实上确实也是。一些网站采用“无限”滚动，你滚动到一个长的主页的底部只是看到滚动条跳回到它的轨道的中间，因为在底部更多的内容加载。这种类型的滚动在某些情况下可能有效，但它会使用户更频繁地失败。重要的是要识别滚动是有效的，以及应该使用什么类型。网站设计网页设计中如何选择滚动类型？
网站比以往任何时候都更加强大和内容丰富，因此设计人员已经构思了用信息填充屏幕的新方法。考虑到移动设备用户数量超过桌面用户的数量，这一点尤其明显。设计人员必须将大量内容放在相对较小的屏幕上，因此需要进行一些滚动操作。
平铺设计是创建一小块内容（通常是更详细的内容的交互式链接）的想法，用于快速和高效的浏览。结合这个概念与滚动，你可以为用户提供一个看似无尽的内容流。滚动在移动设备上也自然具有吸引力。滑动手指是一个简单，容易，精确的运动。用户可以快速了解如何快速滑动到页面底部，或者慢速浏览下一个相关内容。摩恩网络，专业网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务，新上线企业VI设计套餐和网站营销推广系统（强），欢迎新老顾客前来咨询！
滚动类型
根据您的品牌形象和客户群，您应该在您的网站上显示的滚动类型会有所不同。在决定采用哪种方法时，请考虑如何与您提供的内容互动。有四种基本类型的滚动：
1、长滚动
长滚动的优点是您可以创建一个无缝内容的单页。 这为用户提供了平滑，线性的浏览体验，并且自然地适合于讲故事。
当用户滚动时，他们可以自然地吸收更多的故事，提供更沉浸式的浏览体验。 许多单一网页的网站选择使用长滚动功能，但此配置的一个主要缺点是它可能会损害您网站的搜索引擎优化（SEO）。具有多个页面的网站在SEO方面往往表现更好。
2.固定长滚动
固定的长滚动配置不是让整个页面滚动，而是在其他内容滚动时保持一些内容静态。 或者，您可以设置滚动，以便当用户到达某个点时，静态内容将切换到新的部分。这是伟大的网站，不想转换为一个单一的网页由于SEO的关注。
3.无限滚动
对于提供非常大量内容的网站，可能会过多地一次加载到单个网页上。使用无限滚动设置。大多数社交媒体，如Facebook，Tumblr和Imgur都配置为无限滚动。 这允许用户连续浏览新鲜的内容。唯一的缺点是用户将失去他们的地方非常失望。如果您认为无限滚动会适合您的网站内容，那么您应该调查粘性导航，一个工具栏或一组按钮，允许用户快速跳回到顶部或特定区域。
4.视差滚动
视频游戏爱好者将感觉在家里有视差滚动。 在二维环境中发生的较旧的视频游戏没有能够创建在最近的游戏中看到的巨大的，三维的，超现实的环境的技术。
较老的8位和16位游戏，如Sonic的刺猬，巨人和超级马里奥兄弟经常被称为“侧滚动”。这是因为玩家从左到右移动完成一个阶段，深度创建与运动。前景和背景将以不同的速度移动，产生深度的视觉感觉。在网站设计中的视差滚动真的发光，当你可以工作在滚动触发的动画。
滚动的最佳实践
您在网站上使用的滚动类型应取决于您的内容。滚动的基本功能是允许用户根据自己的需要摘要尽可能多的内容，因此，为您的产品定制体验非常重要。非常内容丰富的网站可能想调查无限长滚动。这种方法适用于社交媒体，尤其是在移动平台上 - 因为在单个页面中只消耗过多内容来消化，并且试图将每一个位都嵌入到单个页面中将是不切实际的和不加密的。
让您的内容决定您的滚动长度。您还可以通过简单的按钮“滚动更多”或“查看更多”来修剪滚动。允许用户决定是否要继续，您的网页不仅会加载更快，但人类的好奇心让用户点击更频繁。
您的用户数据会告诉您用户如何与您的网站进行互动，以及是否应重新考虑滚动配置。当用户访问您的网页时，他们首先看到的是顶部。其底部的视图称为“折叠”，您的Google Analytics（分析）可以告诉您有多少用户在其下方点击次数以及多少次。此指标会告诉您当前的滚动设置和网站布局是否鼓励用户继续向下滚动，以查看您要提供的内容。
粘性导航是一个伟大的工具
无论您为网站选择哪种类型的滚动，粘性导航都是一种绝佳的方式，可让用户在浏览您的网站时保持控制。想想基于网络的电子邮件客户端（如Gmail）：您可以向下滚动收件箱，但屏幕左侧的栏有用于在帐户之间切换或访问不同文件夹的按钮。用户可以随意滚动，但他们总是有选择跳到一个确切的部分。
任何类型的网站都可以受益于粘性导航。如果你使用无限滚动，用户可能喜欢有能力跳回到页面的顶部与一个水龙头，而不是连续滑动。您还可以创建一个标题，保留在屏幕上，无论用户滚动多远，提供即时访问基本功能。
优点和缺点
随着越来越多的人转向移动设备浏览网络，滚动看起来是网站的自然选择。当然，点击各种链接是快速和容易，但大多数用户更喜欢快速访问大部分的网站的内容，尽快。您可以让用户使用强大的内容产品，如果您提供一定程度的控制权，您就不会淹没他们。
但是，请务必记住，大量的内容或多媒体可能会降低您的网页加载速度。这可能会损害您的用户在移动设备上的体验，因为许多用户将在移动设备上浏览蜂窝数据或Wi-Fi连接比平均值弱。
您可能还需要牺牲您网站的页脚。 几乎每个网站在页面底部都有一个页脚，其中包含公司简介的精确链接，提交工作申请，联系信息和其他一般信息的位置。 您可以使用粘性导航工具来消除对页脚的需要，用户可以点击该导航工具访问您网站的特定区域。
如果你正在设计移动设备浏览（你应该是），那么滚动的好处远远超过了缺点 - 只要你配置你的网站的滚动明智。 移动设备固有地鼓励互动，并采用精心制作的响应式网页设计，用户将以独特的方式吸引您的内容。
下一篇：网站制作设计：如何在网页中使用视觉讲故事？
上一篇：关于网站设计开发的常见误解
文章标签：
网页滚动
浏览次数： 1266 次
文章评论：