网站建设过程中四种滚动类型的使用

善微科技 2018 10月04日 发布

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


水平滚动

PRA健康科学的水平滚动


大多数网站使用垂直滚动,但从左到右滚动并不是完全不可能的。有时水平是一个很好的选择,例如当你处理大量的视觉内容,设计移动设备或创建类似幻灯片的网站时。


主要缺点是它不同寻常。计算机用户可能会被设计推迟或导航困难,因此最好用于主要是移动的观众。通过包括导航箭头可以稍微减轻这种情况。


在这些情况下,最好使用水平滚动:


大量的视觉内容。对于文本较多的页面,不建议使用此类型的滚动。

创建幻灯片或讲故事的网站时,滚动到一边。

如果您的访问者主要来自移动设备,并且它符合您的设计愿景。

长滚动

在Magic Leap长时间滚动


你有没有访问过一个网站,并立即被流体效果迷住了?那可能是一个使用长滚动的网站。这种技术通常用于投资组合和讲故事。游客可以通过有趣的动画和有趣的设计立即参与其中。


当页面被分成几个部分时,该技术最有效。滚动到该部分可激活动画。最好添加导航栏以避免混淆,因为访问者可能会在长页面中迷路。


长滚动的缺点是它不适合许多网站。创建动画既困难又耗时。单页设计有时可能对SEO不利,如果你不包括导航,用户可能会迷失方向。最后,此类网站可能会导致较弱的设备放缓。


那么,什么是长滚动适合?


讲述一个有漂亮动画的故事,多页格式不适合。

创建具有引人注目设计的单页网站。

流畅地传达大量信息。

沉重的视觉内容(摄影画廊,信息图表)。

无限滚动

在MADCLEM无限滚动


社交媒体,博客和在线报纸的推出,无限滚动是一个很好的选择,如果您的网站挤满了超过一页可以适应的方式。这种单页设计允许用户在没有中断的情况下随时保持浏览。它比加载新页面更快!


有什么潜在的问题?首先,它可能会对旧电脑造成负担。失去你的位置很容易。如果没有粘性导航,用户可能会迷失方向。


无限滚动并不是适用于每个网站,但这里有一些例子说明它运作良好。


处理大量内容(文章,图像等)。

简化内容交付并更快地将其发送给访问者,而不会破坏参与度。

帮助访问者发现新内容。

缺少组织或类别的内容,例如社交媒体帖子。

视差滚动

Nathan Riley的视差滚动


视差滚动开始是动画和视频游戏中的一个聪明技巧,使场景动态化。该技术使前景和背景以不同的速度移动。在网页设计中,它是相同的概念!与长滚动类似,视差通常使用动画和效果来制作视觉上有趣的网页。


唯一的麻烦是它可能会加载加载速度。它还可以使页面看起来很忙。因此,如果您的网站以内容为中心,通常不适用。


否则,“视差”是一个广泛的类别。它可以从简单的,几乎不引人注意的背景效果到动画般的冒险。它可以在任何类型的网站上使用!


选择正确的滚动类型

有时候最好坚持使用传统的滚动方式。您的网站可能不需要所有额外的效果和功能。但是,当您创建一个讲述故事或包含大量信息的网站时,其中一种滚动类型可能正是您所需要的。


既然你了解它们,你会坚持传统的滚动还是尝试不同的东西?


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/439.html