南京UI培训分享你一定要知道的UI动效设计三原则

　　UI是什么？首先软件设计可分为两个部分：编码设计与UI设计。而UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。今天南京万和UI培训和大家分享你一定要知道的UI动效设计三原则，希望大家能从中有所收获。

　　UI是基于静态页面来设计的，页面之间通过跳转切换。但是在设计过程中，设计师很重视单页的视觉效果，却经常忽略了对界面跳转的处理，即动效。

　　我们可以确定动效的三个重要特性（侧重类型）：

　　功能性（Functional），物理性（Material），趣味性（Delightful）。

　　动效有多重要？

　　动效可以帮我们提升UX（用户体验），使UI界面显得更加一致和真实，并给整个产品带来创新的感觉。

　　功能性——确定你的动效能够解决用户需求

　　◎优化用户对界面的感知，使其感到更轻快更全面。

　　◎引起用户的注意。

　　◎提供（用户操作后的）视觉（功能）反馈，并为下一步的跳转做准备。

　  功能性动效可以让用户跟着你的应用程序的流程走的同时不会落后（即从哪来到哪去）。帮助人们在界面中定位并建立视觉关系。我们的大脑和眼睛会快速注意到移动的目标——这是一个反射。南京万和UI培训提醒大家，动效可以帮助眼睛注意到新的目标出现或者一个目标的隐藏。

　　物理性——设计高度统一的，能够制作有空间意义转场的用户界面

　　◎在一致的动画原则和物理的（符合物理定律的）UI模型基础上构建动画。

　　◎定义屏幕和UI元件之间的空间相对关系，他们的相对高度，权重以及速度。

　　物理动效Material Animation物理动画其实被很多人误解了。它其实不是google的东西，GOOGLE只是起了一个MD这个名字来表达他得统一设计规范而已。物理动画的真正意思是，让你的UI符合空间逻辑并根据物理定律做动画。南京万和UI培训提醒大家，当你的动效考虑到像重力和惯性，速度和刚性，它就显得很真实，用户会觉得更加自然，当然就有助于快速形成使用习惯，因为这些动效都是熟悉并可预知的。但是，如果动效看起来不真实，会显得你的网站和APP都显得很俗气，并导致用户完全不信任你的内容。

　　趣味性——给你的动画一些关爱（趣味），让用户爱上你的产品

　　◎在上面两个部分都满足的情况下，加入一些有趣的动画。

　　◎使它感觉独特，能在诸多动画中能让人眼前一亮。

　　◎娱乐用户，并让他们一想到动画就能想到该产品或者反之。

　　动效最重要的还是上面两种。但是人类不仅有理性，还有感性。我们喜欢好玩的东西。我们希望网站和应用程序能够和用户建立联系，而趣味动效可以让用户体验变得真正愉快和难忘。

　　把动效做的统一又有感染力，需要在设计动画时不仅让用户感觉真实，还要有自己的独特风格。以上是南京万和UI培训跟大家分享的UI动效设计三原则，身为设计师的你，新技能Get到了么？