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

2021-01-06 13:41:08 +08:00
 kelzake
比如很多 CSS3, SVG 或者 canvas 的动画
我要实现这颗流星在这里 biu 一下划到右边转个圈再绕回来
他们是怎么准确地要前端实现这种动画,包含轨迹,速度,角度
我目前还没遇到这种需求,只是好奇
4472 次点击
所在节点    程序员
36 条回复
keller
2021-01-06 16:13:21 +08:00
简单的口述 或者给参考效果,复杂的 AE 出视频
lancelock
2021-01-06 16:16:57 +08:00
sketch xd 就可以做简单的动画吧
jiangshanmeta
2021-01-06 17:34:51 +08:00
有个动画就行了

反正也不怎么写样式了
miniwade514
2021-01-06 17:44:10 +08:00
厉害的设计师可以直接用 Sketch 做出各种转场效果,乍一看以为已经开发完了。

特别花哨的动画(涉及颜色、形状之类的),直接给 GIF 吧。。
dengshen
2021-01-06 17:57:45 +08:00
@lneoi 有画面了
Gris
2021-01-06 17:59:58 +08:00
pr+ae
Gris
2021-01-06 18:00:39 +08:00
@Gris rp 不是 pr
otakustay
2021-01-06 18:39:15 +08:00
“这里要个动画”,然后 FE 自己挑喜欢的
veike
2021-01-06 19:12:44 +08:00
@lneoi 😂😂😂😂
a62527776a
2021-01-06 19:52:35 +08:00
UI 自己 AE 导出 lottie
lwlizhe
2021-01-06 20:13:43 +08:00
while(UI 觉得不好){
打回重做( UI 说的改动部分);
}
zhouxelf
2021-01-06 20:16:53 +08:00
@lneoi 哈哈哈哈,最后拍一下肩,有画面了
monimonipo
2021-01-06 21:04:08 +08:00
没钱口述 加钱给你用 AE 做
deco
2021-01-07 09:12:04 +08:00
@TwoDogSon 优秀。
nbzdwss
2021-01-07 12:37:21 +08:00
有时会找同效果的动画案例 一般动效一定是在哪看到过的....
JerryCha
2021-01-07 13:20:37 +08:00
PowerPoint

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/742168

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX