界面交互动效核心知识的总结

什么是界面交互效果？

界面交互效果是显示界面之间的转换和界面中元素变化的交互反馈.而效果表现在触发和结束的过程中,呈现出清晰的层级关系,自然引出和结束.互动在承上启下中起着重要的作用.

界面交互效果是用来干什么的？

让用户清晰感受到当前场景和层级关系.

各种UI元素之间的转换.

给用户创造惊喜感,让用户开心.

界面交互注意五点.

避免过于花哨、酷炫、新颖的想法.

在高效的应用中,过多无意义的动画只会阻塞任务流.

动作效果不得超过1秒.

当用户关注内容时,不要为吸引注意力的动画而烦恼.

出现高频率的运行动态效果,避免用户反感,延迟运行时间.

如何设置放松曲线和时间,让动作效果更自然,可以看下面的总结.

线性曲线(匀速运动)除了加载等一些特殊场景很少使用.

EaseIn(先慢后快)的使用场景很少,主要用于坠落和坠落.

旋转切换的动画通常使用的是EaseInOut(结尾慢中间快),这类动画的触发对象和移动对象不是一个元素.

easeOut最常见的效果是触发对象和移动对象往往是相同的.主要用于展开、折叠、出现、移动等动画.当你不知道用哪个缓和曲线的时候,这个是不会错的.

曲率主要表现运动过程中的力.曲率越大,吸气或阻力越大.

反弹显示了运动的强度和物体的纹理.

运动时间一般控制在0.3s-0.8s之间,时间太长会让人觉得拖沓,不自然.