页面空间转换动效，让用户感知到空间变化；视觉信息反馈动效，告知用户已经完成了；动能操作引导动效，趣味性动效，增加视觉愉悦感
空间转换动效
网页设计中的功能性动效，是一种嵌入UI设计中带着明确且合理目标的微妙动画，多用于移动端网页或APP使用。其类型包括：页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味四种，下面，香港网页集团将从这四大类型入手，为大家介绍功能性动效怎样设计才能更容易让用户接受。
页面空间转换动效
所谓的页面空间转换就是告诉用户对象和窗口的状态是如何变化的，防止页面转换视盲，同时在空间上也能营造好印象。其目的就是为了让用户通过理解页面中空间转换的动效，了解界面和元素之间的空间关系，并随时感知空间元素的变化。
使用场景：轮播Banner、页面切换以及导航菜单切换等。
视觉信息反馈动效
视觉信息反馈能给用户每个操作都提供反馈，使用户觉得自己与屏幕上的元素进行真实互动，告知用户目前的操作和实时状态，缓解用户对应用处理速度的量化感知。视觉信息反馈动的具体表现主要三种：确认系统接收到用户的操作;确认(或拒绝)用户的行为;明确告知用户当前操作的进度/状态，缓解用户的紧张/焦虑感。
使用场景：系统信息提示、状态反馈、操作结果反馈、进度提示、加载提示等。
功能操作引导动效
用户第一次使用某APP的时候，如果没有帮助，大多数可能都不会知道如何操作，因此功能操作引导动效就能提示用户接下来的可行操作方式，并告知用户即将发生的事情。
使用场景：新手引导、功能操作引导。
品牌与趣味
避免与市场大多数APP同质化和千篇一律的用户体验，很多APP都会将品牌动画作为产品的营销工具，展现公司的品牌价值或产品优势，同时还能给用户带来一种愉快又难忘的用户体验。
使用场景：加载细节、动效速度感知、动效色彩的具体场景中使用。
功能性动效除了帮助用户快速找到他们想要的东西，达到他们想完成的任务，同时也是一种向用户传递情感的交互元素。因此在设计功能性动效时，应该满足功能效率的同时，给用户带来额外的附加体验，这样也会相对比较容易引起体验峰值。
本文地址：https://www.pizijiang.com/tougao/110449.html
举报投诉邮箱：253000106@qq.com
微信扫一扫 
支付宝扫一扫 
