Galacean Effects 动态设计规范流程（建议）

一、概念收集（设计师）

设计师根据品牌调性寻找收集灵感

首先要评估界面是否要添加动画。如果动画能够起到指引、优化流程感受的作用，则考虑添加动画。然后根据界面的风格和布局以及项目调性，想象出出几种动画的可能性 —— 更为重要的是，你要想象出你的动画会给你的用户怎样的操作方式和感觉，记住那个感觉。然后在 Dribbble、Behance、Vimeo、Github、Appealing、capptivate.co 等网站上寻找灵感。

二、绘制草图 DEMO（设计师）

1、分镜脚本

无论是转场还是特效，大部分都是根据界面布局而进行相应的变化，拿出纸笔，在笔记本上，先把自己的概念进行草图绘制，形式不限。

2、前后链路

带入整条动画链路的概念，起到承上启下的作用，可在草稿中体现。

3、手势动作

以及初步的交互创意想法，什么动作交互能触发，让脑海里有个大致的概念。

4、具体 Demo

软件不限形式，什么能最快出概念表达你的想法用什么，先不用考虑落地问题，尽最大可能进行概念尝试，并实现最舒服的动画曲线和效果，可以 1~3 种方案。

三、评估同步（开发/业务/设计）

相关业务负责评估动画的可行性/方案评估

用 Demo 的效果与各业务评估可行性，进行多方案 A/B 评估。

确定动画落地实现形式/方案

项目达成统一共识，拆分任务专人专项给出大概进度时间表

四、Galacean Effects 动画设计（设计师）

1、规范图层与命名

为了协作方便以及养好动效设计习惯，规范化图层与命名，该合成的合成，该颜色区分的区分，对于其他协作者不管是其他设计师也好开发者也好，理解成本降低。

2、第一轮自主素材优化

做好自主优化素材工作，节约上线时调整工作时间。

五、测试上线（设计/开发/测试/业务）

1、性能优化

通过 Galacean Effects 上线实现后，要多进行测试，继续看性能以及体验是否有问题出现，以便改正。

2、修复Bug

最后根据用户/部门/项目提的 Bug 进行修复。