知识分享

滚动型长页面设计注意要点

发表日期:2018/11/14 10:20:50 文章编辑:莹晨建站 浏览次数:2860


滚动型长页面设计注意要点


单屏的网站页面现在不多见了,长条滚动和无限滚动的网站最近变得越来越盛行,这种技术在移动设备上更是能很很好地呈现。移动屏幕的运用越来越多,在普遍承受长卷技术的过程中无疑起到了关键作用:屏幕越小,滚动的时间越长。长长的滚动条为设计师翻开了许多新的大门。但是,这种形式也有其缺陷。它请求设计师对内容、导航和动画给予高度关注。那滚动型长页面怎样设计?


滚动型长页面设计注意要点-莹晨建站-www,itccx,com

1、从一开端就提供有趣的内容

人们通常会在页面加载时就开端滚动,屏幕顶部的内容是十分重要的。在页面顶部呈现的内容会给用户带来最初的印象,并为用户设置质量需求。用户能够滚动,但只要当他们进入页面时看到的内容是有希望的。因而,把你最引人瞩目的内容放在页面的顶部区域,运用有趣的故事或美观的图像吸引用户。


2、让长滚动内容和短滚动内容交替呈现

在长滚动页面当中,有些内容需求快速滚动阅读,而有的内容则需求用户认真阅读,逐渐查看,这些长滚动和短滚动的内容应该交替呈现,分段搭配。比方大片的图片就是易于消化的内容,用户会快速滚动查看,而包含文本的内容,则常常需求用户停下来,逐行滚动查看,你需求让这些不同的内容长短搭配起来,这样不只让交互愈加富有韵律,而且让页面愈加沉着地加载。


3、给用户一个视觉提示

有时让用户滚动的最好办法就是直接让他们去做。简单地通知用户,大局部内容都能够在下面找到。一个奇妙的视觉提示,如指向屏幕外的箭头或文本“向下滚动”,能够告知用户大局部内容都在下面。


4、为用户提供道路图

长滚动页面所需求面临一个十分实践的问题,就是导航和视觉线索,用户需求晓得他们阅读到了什么位置,以及他们间隔页面的首位有多远。道路图和导航是十分重要的。目前常见的形式有以下几种:悬浮导航;运用小点或者其他替代元从来告知用户进度;运用箭头和符号来通知用户接下来的操作;提供快速跳转到开头和结尾的按钮。


滚动型长页面设计注意要点-莹晨建站-www,itccx,com

5、设计出明晰的目的

长滚动页面不应该是无限的。设计的时分,应该可以让用户明白从哪里开端,以及最终的完毕会在什么中央。固然长滚动页面曾经不再是什么新颖的东西,但是它的UX设计和交互形式仍然还在不时生长,逐步成熟。现往常仍然在讨论它的利害,只要充分思索到客户需求和行业特性之后再能选择能否运用长滚动网页设计


6、坚持导航选项一直可见

导航是网站用户体验的一个组成局部。在你的设计中运用长时间滚动的最大风险之一是用户迷失方向。假如导航条在用户向下滚动时失去了可见性,那么当它们在页面深处时,它们将不得不滚动回去。这个问题的最明显的处理计划是运用一个具有粘性的导航菜单,它显现当前位置,并且一直坚持在同一位置的屏幕上。


7、防止滚动劫持

完成卷轴劫持的网站控制了卷轴并掩盖了web阅读器的根本功用。滚动劫持是不好的,由于用户不再完整控制页面滚动,无法预测其行为。用户对网站滚动互动的希望不应该由于叙说的体验而被毁坏。


8、运用功用动画来吸引访客

像视差滚动和滚动激活动画等发明性的效果能够吸引用户更多的滚动。他们把滚动变成更有趣的事情,让用户想晓得“接下来会发作什么?”思索将你的页面拆分为可滚动的“块”。在每一组中,你能够经过发明性的动画来引见内容。当用户滚动时,动画将它们转换到下一个屏幕,同时创立一个内容途径。视差是另一种受欢送的动画效果,能够改善滚动体验。视差效应使背景图像的移动速度低于前景中的内容,从而产生深度和沉浸感。


固然如今长滚动页面的设计运营的很普遍,但是也不能为了做长滚动页面而去做,作为企业来说应该充分思索到行业、产品特征,而作为网站设计公司的设计师来说的话应该充分思索到用户的特性以及阅读需求。

将文章分享到..
相关新闻
全新新闻
随机新闻
最新网站设计案例

芭迪熊亲幼馆

托幼早教品牌 网站设计建设

Hi,我来帮您!