Hi, 各位
小弟是一位 UI 設計師，在設計過程中，除了溝通 UI 操作流程外，
動畫常常是 UI 設計師最頭痛的地方，
滿腦子的互動式 UI 構想，卻不知道如何跟工程師溝通、討論？
以下這篇文章是最近學習的心得：
http://designtongue.me/animation-design-to-production/
主要重點是：
用程式思維做動畫
這時候要能銜接設計師和工程師，或許可以從
“先設計動畫再尋找實現方法" 的流程，改變成
“先尋找能用的程式再設計動畫" 。
有哪些套件或工具？
Bounce.js
Animate.css
CSS3 Keyframes Animation Generator
文章內會有更多細節，一點點學習心得，希望大家多多指教。

可是換個角度想..這樣會不會就限制住你的想法？比如說想到了一個有趣的效果→做動畫變成找到動畫的程式碼→再來做動畫不曉得你懂不懂我的點XDD

有再好的idea 做不出來也沒用

我曾經有跟你一樣的困擾，然後就走偏變成前端工程師了，最近快變全端了媽的

找能用的程式是錯的 而是先確認團隊的前端可以做到什麼程度再來考量動畫如何安排跟轉場這樣的情況會是最好的，用那些還不能上手或不熟特性的程式很容易把整個產品的品質弄糟(看過太多過度濫用現成套件，卻忘記實用性跟諸多細節的作品)

只能說很麻煩,用程式去做動畫下下策

先尋找能用的程式再設計動畫 個人覺得有點糟

我周邊的朋友（很在意動畫的設計師），最後都變前端了因為前端互動真的很有趣！有興趣後，對於效能、維護性就會特別注意

樓上說的是真的