作者jeremy0417 (jeremy)
看板Web_Design
標題[心得] 如何讓介面中的動畫設計較容易被實現？
時間Sat Jul 25 21:39:54 2015
Hi, 各位
小弟是一位 UI 設計師，在設計過程中，除了溝通 UI 操作流程外，
動畫常常是 UI 設計師最頭痛的地方，
滿腦子的互動式 UI 構想，卻不知道如何跟工程師溝通、討論？
以下這篇文章是最近學習的心得：
http://designtongue.me/animation-design-to-production/
主要重點是：
用程式思維做動畫
這時候要能銜接設計師和工程師，或許可以從
“先設計動畫再尋找實現方法" 的流程，改變成
“先尋找能用的程式再設計動畫" 。
有哪些套件或工具？
Bounce.js
Animate.css
CSS3 Keyframes Animation Generator
文章內會有更多細節，一點點學習心得，希望大家多多指教。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.4.164
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1437831597.A.647.html
1F：推 a926: 可是換個角度想..這樣會不會就限制住你的想法？ 07/25 23:59
2F：→ a926: 比如說想到了一個有趣的效果→做動畫 07/26 00:00
3F：→ a926: 變成找到動畫的程式碼→再來做動畫 07/26 00:00
4F：→ a926: 不曉得你懂不懂我的點XDD 07/26 00:01
5F：→ tracetw: 有再好的idea 做不出來也沒用 07/26 00:30
6F：推 aspdoctor: 我曾經有跟你一樣的困擾，然後就走偏變成前端工程師了 07/26 01:23
7F：→ aspdoctor: ，最近快變全端了媽的 07/26 01:23
8F：→ alog: 找能用的程式是錯的 而是先確認團隊的前端可以做到什麼程度 07/26 03:12
9F：→ alog: 再來考量動畫如何安排跟轉場 07/26 03:13
10F：→ alog: 這樣的情況會是最好的，用那些還不能上手或不熟特性的程式 07/26 03:15
11F：→ alog: 很容易把整個產品的品質弄糟 07/26 03:15
12F：→ alog: (看過太多過度濫用現成套件，卻忘記實用性跟諸多細節的作品) 07/26 03:17
13F：→ wt5566: 只能說很麻煩,用程式去做動畫下下策 07/26 11:48
14F：→ oToToT: 先尋找能用的程式再設計動畫 個人覺得有點糟 07/26 15:23
15F：→ jeremy0417: 我周邊的朋友（很在意動畫的設計師），最後都變前端了 07/27 12:12
16F：→ jeremy0417: 因為前端互動真的很有趣！ 07/27 12:13
17F：→ jeremy0417: 有興趣後，對於效能、維護性就會特別注意 07/27 12:14
18F：推 Zeusken: 樓上說的是真的 07/30 21:22