HTML5动画如何最高效地制作？

众所周知，HTML5+CSS3新出了很多动画相关视觉炫酷的支持，用前端就可以做出来动画。

那么怎么做H5动画才是最高效的？

传统的方法就是，通过前端人员用技术代码把UI设计师设计好的素材串联起来，构成动画。中途需要面对很多前端代码，并且调试方法非常低效，改一改代码，看一看，所有的动画部分都得通过代码来创建修改，算是比较麻烦的。如果是不会前端代码的设计师，就无法创建基于H5的动画。即使是前端人员，在开发与调试时的工作也会很啰嗦繁琐，一些基本的代码与概念总是不断地需要面对。

 

Adobe Animation CC就是一款解决这种基于H5动画开发的软件，利用它可以创作能够运行在前端页面的动画，并且提供可视化操作界面以供设计师使用，轻松开发基本动画内容。并允许设计师用前端代码，在界面创作的基础上，进行更深层次、更复杂的动画拓展。它是一个创作开发工具，面向设计师，让用户能更多地面向设计本身而非技术代码逻辑。

 

有关Adobe Animation CC的介绍、体验请见：https://blog.csdn.net/camillezj/article/details/80405764

 

代码是万能的，用代码可以创建出最大复杂度和可能性的作品，但是代码并不人性化，开发效率不高，因此才需要更加贴近用户体验的开发工具，例如Adobe Photoshop处理图片、3D建模、音视频处理等可视化开发工具。这些工具都有一个共同特点就是开发时可实时预览预期效果，所有可能的操作都通过界面列举出来，符合人性。