问一下前端大佬，你们公司的产品或者 UI，在出原型或者设计稿的时候，是怎么体现动画的？

ae + lottie

口述

口述+手势

另一个 app 的录屏

口述 + AE

我们连 UI 都没有，全靠前端自己拿张破纸先画画页面，画好了大家一看，修修改改然后敲代码 （野路子，不要学。。）

figma
设计会在设计稿上把动画做好

一颗流星，从这儿，就这样一下子，biu biu biu，从这里到这里，然后嗖的一下调头，绕回来，要绕回来，到这儿，对对这儿，然后再来一次，（拍肩）你懂的吧？

这里是个从天而降的动画

评论区太真实了，哈哈哈哈 口述+手势+另外一个 APP 的录屏。一口饭给我呛到了。笑死我了

上述的各种都经历过。
感受比较好的就是设计师 ae 出动画，配合 lottie 或者手写实现。

@lneoi 键盘给你，你来写

设计师还掌握 AE 出原型的技能是我没想到的

我们有专业动效师，会给你做个视频出来。。。

@TwoDogSon 太 tm 真实了 我怀疑你就是策划！

输出视频，然后通过进度控制显示

这种 AE+ Lottie，导出 json 文件，直接用

呢个，这个按钮需要加个动画，首先你要让它抖动起来，就是左右那种，幅度不是很大，但是要动起来，然后呢，从这边这个点开始放大，尽量让放大的速度和抖动的速度一样，这样用户看起来比较舒服。放大完之后呢，你要有一道光从这边滑过去，滑了过去之后，又要一道光继续刚才的动作，对对对，就是你说的循环。

@wobuhuicode 我怀疑你在放视频

简单的口述 或者给参考效果，复杂的 AE 出视频

sketch xd 就可以做简单的动画吧

有个动画就行了

反正也不怎么写样式了

厉害的设计师可以直接用 Sketch 做出各种转场效果，乍一看以为已经开发完了。

特别花哨的动画（涉及颜色、形状之类的），直接给 GIF 吧。。

@lneoi 有画面了

pr+ae

@Gris rp 不是 pr

“这里要个动画”，然后 FE 自己挑喜欢的

@lneoi

UI 自己 AE 导出 lottie

while(UI 觉得不好){
打回重做（ UI 说的改动部分）；
}

@lneoi 哈哈哈哈，最后拍一下肩，有画面了

没钱口述 加钱给你用 AE 做

@TwoDogSon 优秀。

有时会找同效果的动画案例 一般动效一定是在哪看到过的....

PowerPoint