UI动效是什么?
“没有动效的APP,不是好的APP”,优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹,已经成为现在Web、APP产品交互设计和界面设计必不可少的元素。
动效的三个重要特性
功能性Functional,物理性Material,趣味性Delightful。动效可以帮我们提升UX(用户体验),使UI界面显得更加一致和真实,并给整个产品带来创新的感觉
功能性
优化用户对界面的感知,使其感到更轻快更全面。
引起用户的注意。
提供(用户操作后的)视觉(功能)反馈,并为下一步的跳转做准备。物理性
在一致的动画原则和物理的(符合物理定律的)UI模型基础上构建动画。
定义屏幕和UI元件之间的空间相对关系,他们的相对高度,权重以及速度。趣味性
在上面两个部分都满足的情况下,加入一些有趣的动画。
使它感觉独特,能在诸多动画中能让人眼前一亮。
娱乐用户,并让他们一想到动画就能想到该产品或者反之。
说完了理论自然要实践了,以下是今天的练习作业。
看似非常简单,但里面蕴含了物理学,淡入淡出效果,时间曲线等等各种原理,不可小觑。