交互动效是UI设计师和程序员的噩梦

如今你可以在各种网站和 APP 上看到动效的身影。

设计师想通过运动的物体来吸引用户的注意力，从而实现其目的。

然而，有些动效仅仅是为了好看而做，并没有和界面的实际功能联系起来，因此造成用户的认知障碍。

如何将动效运用在合适的场景，以及如何制作流畅的动效成为了很多设计师思考的问题。

动效的使用目

• 吸引用户注意力在指定区域
• 表现对象和用户操作间的关系
• 维持多窗口或多状态的上下文关系
• 提供持续性事件的认知感
• 创造虚拟空间引导用户在状态和功能间转化
• 创造沉浸感和趣味性

当界面中对象状态需要发生变化时，可以用动效展示变化的过程，让用户更清楚的感知到该变化。

相应的，当窗口发生变化时，可以用动效更清楚展示窗口是如何从一个状态转变到另一个状态的。

当你想让用户关注某一个区域，或执行某一个操作时，可以通过动效吸引他们的注意力。

当用户需要执行操作时，注意 UI 和动效的结合要能告知用户需要进行的操作。

缓解用户对应用处理速度的感知

当应用执行一个长时间操作时，可以用动效缓解用户对时间的感知，甚至创建一个假的动效效果

（其实应用并不用处理这么长时间）。

当下许多 APP 下拉时的加载动效运用的便是该原理。

对于用户，他们关注的是感受到的速度，而不是应用实际消耗的速度。

为了让产品更有趣味性

可以在某些场合适当运用动效创造一些让人愉悦的动画效果。

两点是笔者觉得需要注意的，一是动效时间要足够短，二是动效要足够流畅。

需要说明的是，这些目的不是独立存在的。

设计师可以运用其中任意几条去设计一个动效。

比如，两个窗口间的切换动效不仅吸引了用户的注意力，告诉用户面板在切换了。

而且还告诉用户两个面板的位置和空间关系，上下，左右还是前后。

但是制作动效需要花费巨大的时间成本和人力成本，

可以说，动效设计是行业趋势，但是也是UI设计师和程序员的噩梦。

交互设计师费尽心思，用After Effects、FLASH、AXURE等软件，

花了三个月精心设计了漂亮的界面，但是被程序员改的面目全非。

不过，这并不是程序员无能，而是很多交互设计，真的是没有办法沟通清楚。

一个使用动画制作软件，一个使用编程软件，两个完全不同的平台，如何做得到丝毫不差？

一个像素的偏差、一个效果的减弱，对整个交互的影响可以忽略不计。

但是十个这样的细节，就可以让设计师和程序员拼命。

解决这个问题最关键的是要让这两个群体使用同一个软件平台

，大家分工合作，最后无缝融合，说到这里会有人问：这很难吗？！

是的，真的很难。

看看我们的行业状态，再看看设计师和程序员的恩怨情仇你们就知道了。

这是整个行业的痛点和需求，业内对这种状态充满了无奈和争执，但是争执无益于发展，解决才是王道。

为了这个近乎“执念”的追求，软石智控“十年磨一剑”精益求精，

推出了可以满足整个行业的方案：让UI设计师和程序员共用一个平台、

像单片机一样便宜、像安卓交互那样漂亮、免编程、研发环节简单、

开发时间缩短一半、两秒开机、运行稳定……

为了这份执念，软石智控努力多年，精益求精。虽说坎坷艰难，但始终初心不改。

这份执着，这份苛求完美的精神，早已融入软石文化之中，

一如软石智控智控诞生之初的情怀，细细品味依然铿锵有力：

夫经营之道，当以君子为鉴。

朗朗心胸，可容山海，安然守正，允执厥中。

言出必重逾九鼎，成器必精益求精。

处世立身，当为善，为信，为德，为仁。

诺事承请，必为专，为精，为快，为新。

如此，方能立世长远，以承同仁之信！