4种吸引人的动效,使网站获得令人难忘的效果

2020-10-29 16:16:23  21 浏览  0 评论   赞

页面空间转换动效,让用户感知到空间变化;视觉信息反馈动效,告知用户已经完成了;动能操作引导动效,趣味性动效,增加视觉愉悦感

4种吸引人的动效,使网站获得令人难忘的效果

图1311-1:空间转换动效

网页设计中的功能性动效,是一种嵌入UI设计中带着明确且合理目标的微妙动画,多用于移动端网页或APP使用。其类型包括:页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味四种,下面,香港网页集团将从这四大类型入手,为大家介绍功能性动效怎样设计才能更容易让用户接受。

页面空间转换动效

所谓的页面空间转换就是告诉用户对象和窗口的状态是如何变化的,防止页面转换视盲,同时在空间上也能营造好印象。其目的就是为了让用户通过理解页面中空间转换的动效,了解界面和元素之间的空间关系,并随时感知空间元素的变化。

使用场景:轮播Banner、页面切换以及导航菜单切换等。

视觉信息反馈动效

视觉信息反馈能给用户每个操作都提供反馈,使用户觉得自己与屏幕上的元素进行真实互动,告知用户目前的操作和实时状态,缓解用户对应用处理速度的量化感知。视觉信息反馈动的具体表现主要三种:确认系统接收到用户的操作;确认(或拒绝)用户的行为;明确告知用户当前操作的进度/状态,缓解用户的紧张/焦虑感。

使用场景:系统信息提示、状态反馈、操作结果反馈、进度提示、加载提示等。

功能操作引导动效

用户第一次使用某APP的时候,如果没有帮助,大多数可能都不会知道如何操作,因此功能操作引导动效就能提示用户接下来的可行操作方式,并告知用户即将发生的事情。

使用场景:新手引导、功能操作引导。

品牌与趣味

避免与市场大多数APP同质化和千篇一律的用户体验,很多APP都会将品牌动画作为产品的营销工具,展现公司的品牌价值或产品优势,同时还能给用户带来一种愉快又难忘的用户体验。

使用场景:加载细节、动效速度感知、动效色彩的具体场景中使用。

功能性动效除了帮助用户快速找到他们想要的东西,达到他们想完成的任务,同时也是一种向用户传递情感的交互元素。因此在设计功能性动效时,应该满足功能效率的同时,给用户带来额外的附加体验,这样也会相对比较容易引起体验峰值。

 

转载请注明:网创网 www.netcyw.cn/b1311.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com