课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
动效设计是大多数界面设计师在设计产品的时候都会用到的一个设计技巧,今天我们就通过案例分析来简单了解一下,界面交互动效设计用法分析。
什么是界面交互动效?
界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中,表现清晰的层级关系,自然的引出与结束。交互动效有着承上启下的重要作用。
界面交互动效是用来干什么的?
让用户清晰地感受到当前所处场景和层级关系。
多种UI元素之间的相互转换。
给用户制造惊喜感使用户愉悦。
界面交互动效五大注意点:
避免动效过于花哨、酷炫、标新立意
在效率型应用中,过度、无意义的动画只会阻塞任务流程
动作动效不超过1秒
用户专注内容时,不要用吸引注意的动画去打扰
出现频率高的操作动效,避免用户反感,延迟操作时间
如何设置缓动曲线与时间让动效更加自然,可以看下面的一些总结:
linear曲线(匀速运动)除了一些特殊场景如加载、很少被使用。
easeIn(先缓后快)使用场景较少,主要在掉落、中使用。
easeInOut(头尾缓、中间快)通常在轮转切换的动画中使用,这类动画的触发对象与运动对象并不是同一个元素。
easeOut(先快后缓)常见的效果,其触发对象与运动对象往往是同一个。主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时,用这个一般不会错。
曲度主要表现运动过程的力的大小,曲度越大,启示力或阻力越大。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。