① 让用户清晰地感受到当前所处场景和层级关系。 ② 多种UI元素之间的相互转换。 ③ 给用户制造惊喜感使用户愉悦。
三. 界面交互动效五大注意点
① 避免动效过于花哨、酷炫、标新立。 ② 在效率型应用中,过度、无意义的动画只会阻塞任务流程。 ③ 动作动效不超过1秒。 ④ 用户专注内容时,不要用吸引注意的动画去打扰。 ⑤ 出现频率高的操作动效,避免用户反感,延迟操作时间。
四. 如何设置缓动曲线与时间让动效更加自然,可以看下面的一些总结
① linear曲线(匀速运动)除了一些特殊场景如加载、很少被使用。 ② easeIn(先缓后快)使用场景较少,主要在掉落、中使用。 ③ easeInOut(头尾缓、中间快)通常在轮转切换的动画中使用,这类动画的触发对象与运动对象并不是同一个元素。 ④ easeOut(先快后缓)最常见的效果,其触发对象与运动对象往往是同一个。⑤ 主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时,用这个一般不会错。 ⑥ 曲度主要表现运动过程的力的大小,曲度越大,启示力或阻力越大。 ⑦ 回弹则表现的是运动的剧烈程度及对象的质地。 ⑧ 运动时间一般都控制在0.3s-0.8s之间,过长的时间会让人感觉拖沓,不自然。