微信咨询
咨询电话:021-37656315 手机:13818750604
上海营销型网站建设 网站优化 seo优化 网络营销 就选上海百橙网络技术有限公司
我们的优势: 优化团队核心成员10年SEO经验 5000+新闻媒体资源,1500家企业合作 企业保证,正规流程,正规合作 承诺24小时快速解决问题
您的位置: 首页 > 首页 > 营销学院 > 网站设计 >
什么是网页设计中的滚动设计?如何进行滚动设
发表日期:2020-02-10 12:04       游览次数:   

  曾经的网站设计“禁忌”已经成为最受欢迎的技术之一,下面将讨论一些滚动设计的利弊,并分析一些技巧。

  每一种设计技巧和工具,都有喜欢这个概念的人和那些讨厌它的人。在大多数情况下,任何一方都不是本质上对错的;因此,在处理此类项目之前,权衡所有注意事项非常重要。

  鼓励互动 – 随着不断变化的元素不断刺激,它可以是一种有趣的讲故事方法,鼓励用户交互 - 尤其是高雅执行的视差滚动。

  更快 – 长滚动比单击复杂的导航路径更快,并且不会减慢或限制用户体验。如Interaction Design Best Practices中所述,对时间的感知通常比实际时间的流逝更重要。

  吸引用户 – 易用性可促进交互性,增加现场时间。对于无限滚动网站尤其如此,您可以在其中帮助用户发现他们可能甚至没有想到的相关内容。

  响应式设计 – 页面设计在具有不同屏幕大小和功能的设备之间可能会变得复杂,但滚动有助于简化差异。

  手势控制 – 滚动似乎与触摸有着有机的联系,因为向下轻扫比在屏幕上不同区域重复点击要自然得多。用户(尤其是移动设备)通常接受这一方式来显示信息。

  令人愉快的设计 – 不需要多次单击即可获得更快的交互,从而获得更类似于应用或游戏的用户体验。

  固执用户 –一些用户总是毫无理由地去抵制改变。尽管如此,该技术现在非常普遍(特别是在移动体验期间),可以说大多数用户都习惯了这种技术。

  导航困难 – 返回页面上的先前内容可能会很尴尬。为了对付这种情况,您可以创建一个持久的顶部导航,其中每个部分都锚定到页面。

  网站速度 – 视频或图像图库等大量内容可能会降低网站速度,尤其是视差滚动网站,它们依赖于 Javascript 和 jQuery

  没有页脚 – 使用无限滚动网站,我们建议使用简约的粘性页脚,这样您就不会牺牲可导航性。否则,用户可能会因为页面底部缺少进一步的导航而感到困惑。

  撇开优点和缺点不谈,某些类型的网站更适合长滚动设计。更长的滚动网站更适合……

  长滚动、视差效应和类似机制在设计领域中仍然比较新(约4年历史),但仍从试错经验中可以获取一些基本的最佳实践。

  从 2015 和 2016 的 Web 设计趋势总结,以下是成功实现长滚动的一些日常技巧。

  不用担心短滚动和长滚动交替使用。 让内容决定滚动长度,而不是反过来。 使用短滚动主页和长滚动着陆页(如产品,旅游等)非常好(并且非常受欢迎)。

  考虑粘性导航,以便用户始终可以快速返回或从滚动中的元素跳转到另一个元素。

  将滚动与设计元素或工具结合,以便每个用户都能快速了解网站的工作方式。箭头、动画按钮或类似的用户界面工具是帮助用户确定下一步操作的有趣且简单的方法。有些网站甚至包含一个小按钮,其中包含滚动更多或开始等说明,来提高页面的导航性。

  做一些研究,看看用户如何与滚动交互。例如,在 Google 分析中,可以打开网页分析选项卡,查看屏幕下方(第二屏及之后)用户的点击数。然后,你可以根据需要调整设计。

  不要过分。长滚动并不意味着 500 页的连续内容 - 长滚动也可以很简单。讲述你的故事,然后适可而止,不要喋喋不休 。食堂承包

  专注于用户目标,并接受即使是无限滚动网站也不是真正无穷无尽的。 创建长滚动网站时,要了解用户仍需要方向感(当前位置)和导航(其他可能的路径)。

  包括有助于在滚动中定位用户的视觉提示,例如左下方用于“七种类型的摩托车骑手”站点的头盔图标。

免责声明:本站部分资源图片及文字信息来自网络,如侵犯到您的权益,请及时通知我们:Email: 68409478@qq.com
新闻分类

为您推荐相关资讯 MORE

为您推荐相关建站案例

关于我们

百橙云专注网站建设,SEO优化,网络品牌塑造,我们以专业的技术实力,打造各行业品牌网站。公司的服务宗旨是:"用诚心做好服务,用实力做好质量"!

联系我们

  • 地址: 上海市松卫北路295号陆国时代大厦911室
  • 电话: 021-37656315 13818750604
  • QQ咨询: 68409478
扫描二维码 关注我们官方微信 解决SEO建站问题
咨询电话

021-37656315

周一至周六9:00-18:00

售后服务

© 2017-2018  上海百橙网络技术有限公司  沪ICP备15052651号-1  沪公网安备 31011702002363号