Hi, 各位
小弟是一位 UI 设计师，在设计过程中，除了沟通 UI 操作流程外，
动画常常是 UI 设计师最头痛的地方，
满脑子的交互式 UI 构想，却不知道如何跟工程师沟通、讨论？
以下这篇文章是最近学习的心得：
http://designtongue.me/animation-design-to-production/
主要重点是：
用程式思维做动画
这时候要能衔接设计师和工程师，或许可以从
“先设计动画再寻找实现方法" 的流程，改变成
“先寻找能用的程式再设计动画" 。
有哪些套件或工具？
Bounce.js
Animate.css
CSS3 Keyframes Animation Generator
文章内会有更多细节，一点点学习心得，希望大家多多指教。

可是换个角度想..这样会不会就限制住你的想法？比如说想到了一个有趣的效果→做动画变成找到动画的程式码→再来做动画不晓得你懂不懂我的点XDD

有再好的idea 做不出来也没用

我曾经有跟你一样的困扰，然后就走偏变成前端工程师了，最近快变全端了妈的

找能用的程式是错的 而是先确认团队的前端可以做到什么程度再来考量动画如何安排跟转场这样的情况会是最好的，用那些还不能上手或不熟特性的程式很容易把整个产品的品质弄糟(看过太多过度滥用现成套件，却忘记实用性跟诸多细节的作品)

只能说很麻烦,用程式去做动画下下策

先寻找能用的程式再设计动画 个人觉得有点糟

我周边的朋友（很在意动画的设计师），最后都变前端了因为前端互动真的很有趣！有兴趣后，对于效能、维护性就会特别注意

楼上说的是真的