本文最后更新于 527 天前,其中的信息可能已经有所发展或是发生改变。
前言
无意翻到了某篇收藏的旧文章,对比了当前阶段设计领域的一些变化,感慨了一下,觉得还是有必要把一些动效方面的设计理念、定义、属性、方法分享一些的,以下是我过往看过的一篇理解的比较好的文章概要,完整文章请前往原地址查看阅读。
动效原则
Motion 动效
- 动效价值
- 衡量动效意义
界面动效能加强用户认知且增加活力。
动效价值
- 增加体验舒适度: 让用户认知过程更为自然。
- 增加界面活力:第一时间吸引注意力,突出重点。
- 描述层级关系:体现元素之间的层级与空间关系。
- 提供反馈、明确意向:助力交互体验。
衡量动效意义
衡量一个动效是否有意义,我们可以通过以下几个标准来考核:
- 一个动效的存在是否合理:是否带有明确的目的性,助力交互体验,没有多余的动效。
- 动效与性能:不能出现大幅度波动丢帧或者卡顿现象, 动效的体验须是流畅的,并且不影响产品的性能。