在上篇中我们提到了动效\动画对于HMI设计的重要性。好的动效设计除了夺人眼球的画面效果外，还应满足客户感官与心理需求的现实意义，如此才能铸就优秀的HMI设计作品。并提升用户的满意度以及体验感。今天我们将和大家继续分享更多关于动效\动画设计方面的内容。
优秀的动效界面体系应符合以下四点原则：
通过动效展示二维界面蕴含的三维层级关系，以及操作逻辑
引导用户关注界面重点元素。
通过动态设计让情感化设计变得更为生动。
动效视觉效果应具备统一性，并控制使用数量，不宜滥用。
1层级、操作暗示
切换界面时，新打开的APP界面覆盖在原有的主界面上，同时主界面内容区域缩小，营造出原界面向后延伸的后退效果。直观地展示出主界面和APP界面的层级关系。
2提示、加强
点击按钮，调用弹窗界面，虽然弹窗界面较小，但并不影响使用者的操作，且清晰地表达出设计者的意图。在这个案例中（见下图所示），如用户需要调节风量，可直接在弹窗界面调节即可。
3趣味
这里的趣味是指交互方式的多样化。用户在操作时，页面的布局形式以及显示的内容，可以根据用户的不同需求，而变化不同的形式。同时，在切换过程中伴随着动画效果，这些有趣的动效细节将给用户带来额外惊喜，提升界面的品质感。
4克制
动效使用频率不宜过多，要控制数量。如在页面中，所有元素都在动，很难让人抓住视觉重心。如下图中，当菜单栏下滑时，每个菜单都伴有抖动效果，但并没有传达任何的实际内容。诸如此类的动效设计，其实在无形中增加了用户的操作负担。
其次，一个好的动效设计要懂得时间的控制，0.3~0.5秒为最佳。如下图展示，菜单完整呈现所需时间为1秒。若频繁打开菜单，将容易引起用户的疲倦感。因此，这里的动效设计可以说是画蛇添足了。
关于HMI动效/动画设计内容与案例分析的全部内容已分享完毕，想要了解更多相关信息，可持续关注我们。
上期回顾：
怿星一意，专注车载
引领汽车科技新高度
