网页滚动的常用的三种类型(以及何时使用它们) - 北京传诚信
网页滚动的常用的三种类型(以及何时使用它们)
滚动网页的方法不止一种!还有其他3种值得注意的滚动类型,可让您为网站添加一些额外的香料。它们适用于什么?什么时候最好包括它们?我们将回答这些问题并帮助您选择滚动条以补充您网站的主题和内容。

1、水平滚动
大多数网站使用垂直滚动,但从左到右滚动并不是完全不可能的。有时水平是一个很好的选择,例如当你处理大量的视觉内容,设计移动设备或创建类似幻灯片的网站时。
主要的缺点是它不同寻常。计算机用户可能会被设计推迟或导航困难,因此最适合主要是移动受众。通过包括导航箭头可以稍微减轻这种情况。
在这些情况下,最好使用水平滚动:
很多视觉内容。对于文本较多的页面,不建议使用此类型的滚动。
创建幻灯片或讲故事的网站时,滚动到一边。
如果您的访问者主要来自移动设备,并且它符合您的设计愿景。
2、长滚动
你有没有访问过一个网站,并立即被流体效果迷住了?那可能是一个使用长滚动的网站。这种技术通常用于投资组合和讲故事。游客可以通过有趣的动画和有趣的设计立即参与其中。
当页面被分成几个部分时,该技术最有效。滚动到该部分可激活动画。最好添加导航栏以避免混淆,因为访问者可能会在长页面中丢失。
长滚动的缺点是它不适合许多网站。创建动画既困难又耗时。网站设计有时会对SEO造成不利影响,如果您不包含导航,用户可能会迷失方向。最后,此类网站可能会导致较弱的设备放缓。
那么,什么是长滚动适合?
讲述一个有漂亮动画的故事,多页格式不合适。
创建具有引人注目设计的单页网站。
流畅地传达大量信息。
沉重的视觉内容(摄影画廊,信息图表)。

3、无限滚动
社交媒体,论坛和在线报纸的推出,无限滚动是一个很好的选择,如果您的网站挤满了超过一页的方式。这种网站设计允许用户在没有中断的情况下随时保持浏览。它比加载新页面更快!
有什么潜在的问题?首先,它可能在较旧的计算机上征税。失去你的位置很容易。没有粘性导航,用户可能会迷失方向。
无限滚动并不适用于每个网站,但以下是一些有效的方法。
处理大量内容(文章,图像等)。
简化内容交付并更快地将其发送给访问者,而不会破坏参与度。
帮助访问者发现新内容。
缺少组织或类别的内容,例如社交媒体帖子。
有时候最好坚持使用传统的滚动方式。您的网站设计可能不需要所有额外的效果和功能。但是,当您创建一个讲述故事或包含大量信息的网站时,其中一种滚动类型可能正是您所需要的。
相关阅读
-
图像利用在网站设计中的重要性 - 北京传诚信
图像利用在网站设计方面发挥着至关重要的作用。图像有助于吸引访问者访问网站,因为视觉效果会影响人类的思维。您可以通过多种方式使用图片来吸引对您网站的关注。图片可以通过许多不同的方式为网站增添意义; 但是在使用图片时必须非常小心,因为错误的图片
-
印刷和网站设计的不同之处有哪些? - 北京传诚信
许多客户常常说要把网站的内容直接列印当成印刷品,这个观念是急需要更正的,现在就来作个说明:许多人的问题就是把印刷用的图片文档当成网站在制作,常常印出来惨不忍睹,最大的问题就在于不了解印刷的特性与需求。或许你的电脑绘图一流,不过要用在印刷上的
-
如何摆脱网站漏洞 - 北京传诚信
您的网站是您公司的官方店面。如果它没有启动并运行,或者它无法执行其最真实的功能,这可能会极大地影响您的整体业务,并降低您获得更多客户的可能,从而对您的销售产生负面影响。这就是为什么选择最好的网站设计公司必须确保他们知道如何去除错误以及如何删
-
提高网站可用性的5种方法 - 北京传诚信
网站设计中,一个用户友好,反应灵敏且整齐的网站不仅会给访问者带来直接的好处,还会增加他们在网站上的时间,但它提供了许多间接的好处,包括提高搜索引擎的可见性和潜在客户。在本文中,我们将介绍一些更精细的细节; 在具有高可用性的成功网站中经常出现
-
UX不算是一种技术,也不该是一种工作。如何提升网站UX设计! - 北京传诚信
在设计网页时,使用者体验设计师(UX Designer) ,工作内容只有一句话,就是「创造出『最棒的』使用者经验」,但这句话绝对只有说容易而已,真正要做起来是有绝对的难度的。而这篇文章就是要来提供几个提供提升使用者经验的方法!其实UX不算是
-
什么是适应性网站?如何定义。
什么是适应性网站?如何定义。自适应或“响应式”网站可适应所有屏幕尺寸和所有分辨率。无论使用哪种设备,网站都将显示并通过调整其格式来提供对相同信息的访问。它有助于在所有设备上提供符合人体工程学的用户体验。为什么要建设一个自适应网站?除了有用之

