020-29815005
预约专线时间:09:00-23:59

巧用滚动交互使您的网页设计更加高级

新闻来源:优漫教育 日期:2021-11-13
由于对新型互动模式的探索与技术的发展,曾经有过网页设计的许多禁忌,如今反而成了愈来愈流行的趋势,网页滚动互动,即是如此。滚动式交互作为一种基本的互动方式,并非总是一成不变的,而是在不断发展中加入新的技术和新的规则。
  今日文章,我们将探索网页滚动互动的新变化,探讨新“滚动”的优缺点,共享技术。


 卷轴相互作用的再生。

  理由很简单,移动端设备的出现让滚动交互重新获得了新生。由于手机端的用户数逐渐超过桌面端用户数,UI和UX设计者将不断调整交互和UI。手机终端用户数量众多,滚动交互的重要性也日益凸显。

  同时,另一件事也显得十分重要。为保证尽可能多、尽可能方便地访问因特网,减少网页跳出,尽量通过滚动浏览来提高效率,这些都是滚动互动增加的一个重要原因。社会媒体中普遍存在的动态加载技术的出现,使用户能够在滚动浏览的同时载入适应性内容。


网页设计培训班


  再者,我们以前强调的第一个屏幕,现在看起来并不重要。调查显示,用户并不介意向下滚动浏览大量的内容,换句话说,在用户滚动浏览过程中,该页面的全部内容逐渐扩展,而首屏的重要性无疑被削弱了。

  诚然,当今的滚动需要相应的技术支持,也正是在CSS和JS技术发展之后,滚动交互才成为一个真正有意义的设计模式。以前,通过滚动交互来视觉地呈现故事本身是一件相对困难的事,后来技术的发展,让复杂的UI布局,微妙的动效和特效,加入到滚动交互的过程中,才有了今天全新的滚动交互。

  但是,当你准备把故事推向高潮时,你就可以充分利用所有的手段(图形、动画、图标等等),借助电影般的表现力和戏剧性的起承转合,把用户的吸引力牢牢地拉到一起。

  实际上,一些混合设计正成为滚动交互的主流。和UXPin首页一样,网页采用长卷状的设计,但在窗口中有一个固定的窗口,它随着滚动而改变。这一全新的互动模式带来了与过去传统的滚动互动不同的体验。


  是否适合您的滚动交互?

  每一项技术、每一项工具都有自己独特的使用环境,相应地,有人会喜欢他们,有人讨厌他们,这一切都是很自然的事。因此,当你使用全新的滚动交互时,你需要对自己的产品、需求和滚动互动本身有足够清楚的判断:


  滚动式互动好处:

  促进相互交流。各种交互因素可以持续激发用户的兴趣,这是一种鼓励用户与网页互动的有趣方法,尤其是视差滚动。

  ::更快。与复杂的页面条形相比,滚动交互效率更高,并且不能减缓或限制整体用户体验。

  -诱使使用者。滚动设计将促进用户互动,增加用户停留时间,让用户不断挖掘对自己感兴趣的内容。

  ::反应式设计。这两个方块都能兼容各种大小,不同的设备屏幕,滚动的互动本身就帮助简化了设备与屏幕之间的区别。

  ::姿态互动。与触控操作相比,滚动界面总是和触控机制相结合,向下滚动页面比用向下按钮更方便,在移动端尤其如此。

  -愉快的经历。更少的点击、更直观的互动、有趣的内容和多样的活动效果,让用户感受到滚动互动带来的乐趣。