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

[kelzake]

比如很多 CSS3, SVG 或者 canvas 的动画
我要实现这颗流星在这里 biu 一下划到右边转个圈再绕回来
他们是怎么准确地要前端实现这种动画，包含轨迹，速度，角度
我目前还没遇到这种需求，只是好奇

[Lin0936]

www.protopie.io

[muyunyun]

ae + lottie

[waiaan]

口述

[oxromantic]

口述+手势

[TwoDogSon]

另一个 app 的录屏

[GopherTT]

口述 + AE

[Doracis]

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

[diliburong]

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

[lneoi]

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

[Chhxin]

这里是个从天而降的动画

[WishMeLz]

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

[daysv]

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

[xrr2016]

@lneoi 键盘给你，你来写🐶

[Vegetable]

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

[hockor]

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

[andyskaura]

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

[wunonglin]

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

[leeeeec]

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

[wobuhuicode]

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

[xiaolongyuan]

@wobuhuicode 我怀疑你在放视频