作者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/cn.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