我们最近创造了一个Mograph​，并且进行的非常顺利。

我们需要在进行动效设计之前就要进行很多准备工作。同时也需要考虑很多其他的事情，比如说在脑海中开始设计脚本如何写，有一个合作非常愉快的同事，等等。等到要开始设计2D或者3D动效的时候，我同通常会遵循一下这几个步骤，来达到一个无缝的工作流程。

组织

​把你的文档组织好，是最容易去告诉别人的，但是是最难去遵守的。但是我很难完全传达，从你制作动效开始到结束，你可以从你整理的文档中省下多少时间。最好是从一个文件夹分门别类，放好你的文件开始，直至创意收集到最后的作品结束。在那个文件中，为每一个步骤建立一个子文件夹，比如说复制文件、动效、弃稿等等。最重要的是，当你开始整理文档的时候，你的文档系统就开始附着于你的动效项目中了。无论你是用AE、C4D还是什么其他的，命名还有整理文档会伴随到你这个项目的最后一秒，而且你可以非常快的找到任何你需要的场景和图层。

写

无论是否写脚本。无论是用写的方式还是别的方式，最重要的事情是注意哪些关键点。把强有力的关键帧和比较强的视觉组件配合在一起才能创造出强有力的视觉动效。如果你采用写脚本的方式，试着去把关键点和你知道的视觉组件组合在一起。如果你采用关键帧的方式，你要确定你留有足够的时间，允许动效设计中有一些空隙。

把每一个元素都用单独图层

把每一个东西都单独放在每一个图层，可能会看起来非常困难，或者在最初像是一个很大的挑战，但是在制作动效的灵活性上是非常值得的。​如果你要设计一所房子，也许想要赋予它一条石子小径，这条小径可以提供一个有趣的方法让你的房子有生气，而不是一个死板的立方体。同时字体也经常在动效设计中占重要的位置，把它们拆开命名每一个部件并不会伤害你的动画。

了解每一个部件将如何运动

理解你的动效的性格可以帮助你定义你的部件如何运动。这是一个非常有趣的部分，你在你的脑海中你就会设计弹性、流畅的动效。这个动效是需要持续的运动吗？或者需要其他元素的动作吗？你可以问问自己，是否需要停止、轻弹、滑动、弹性、渐隐、扩展或者一些其他的？他可以帮助你让你参考。这个参考可以小到当你点击 Twitter的喜欢icon时候的动效。我提及这个是因为这个动效​First Bank的整个灵感，并且这个灵感非常自然的扩展到了整个动效设计。

无缝衔接

如果你试着再做一个无缝的动效设计，没有任何剪辑在中间，你可以试着思考每一个场景如何和下一个场景连接到一起。把这个做好的关键是有秩序的制作动效，从第一帧到最后一帧。这么做，你可以把特定的元素之间制作简单的链接，最后你可以看到，一个元素贯穿了整个动效设计，同时也给了观看者一个聚焦。

​动效设计的对立面是切断场景

如果你准备在动效设计中有很多cut，你需要改变你的想法了。如果你用一个电影导演或者一个编剧的头脑去思考，你的想法会变得更加开放，允许自己可以有更多的组合和结合。摄像机运动了吗？还是有其他的什么行为?顺着这个思路，更多的方面向拍摄电影一样，现在可以应用到你的动效设计其中，当你开始制作故事版的时候，就把你的想法加进来。

字体

在动效设计中​加入字体的时候，有一些其他的方面我们需要考虑。观看者可能在一台70吋的电视上或者一部手机上看，你的文字需要在任何地方都是易读的。大多数时候我们使用特定的字体来保持品牌的一致性。如果在这个项目拟，你找到了一种字体形式可以让你的动效感觉更好，如果设计规范允许，你可以在字体上增加一些效果

让视觉上更同步，如果设计规范不允许，并且你也不准备做字体设计，还是选用聪明并且有趣的动效来配合你的字体设计比较好。

结论

如果你需要一个快速指导来记忆，或者你仅仅想滑动到底部看这个文章的答案，那就在这儿了。再声明一次，每个人工作的方式都是不同的。如果你讨厌这些建议，或者你工作的方式完全不同，你可以跟来分享你的想法。​

1. ​从开始到结尾，花时间整理文档。
2. 使用、寻找、聚焦在视觉元素上丰富关键点到设计方向
3. 每一个元素都单独放在一个图层，制作动效的时候可以提供足够的灵活性
4. 在设计时候同时注意每一个元素是如何运动的
5. 为了无缝衔接，从第一帧到最后一帧设计的时候都要保持秩序
6. 当想要CUT动效的时候，注意独特的元素组合方式。
7. 使用一种不管什么尺寸的设备都可以看清的字体。