[心得] 如何讓介面中的動畫設計較容易被實現?
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://www.ptt.cc/bbs/Web_Design/M.1437831597.A.647.html
推
07/25 23:59, , 1F
07/25 23:59, 1F
→
07/26 00:00, , 2F
07/26 00:00, 2F
→
07/26 00:00, , 3F
07/26 00:00, 3F
→
07/26 00:01, , 4F
07/26 00:01, 4F
→
07/26 00:30, , 5F
07/26 00:30, 5F
推
07/26 01:23, , 6F
07/26 01:23, 6F
→
07/26 01:23, , 7F
07/26 01:23, 7F
→
07/26 03:12, , 8F
07/26 03:12, 8F
→
07/26 03:13, , 9F
07/26 03:13, 9F
→
07/26 03:15, , 10F
07/26 03:15, 10F
→
07/26 03:15, , 11F
07/26 03:15, 11F
→
07/26 03:17, , 12F
07/26 03:17, 12F
→
07/26 11:48, , 13F
07/26 11:48, 13F
→
07/26 15:23, , 14F
07/26 15:23, 14F
→
07/27 12:12, , 15F
07/27 12:12, 15F
→
07/27 12:13, , 16F
07/27 12:13, 16F
→
07/27 12:14, , 17F
07/27 12:14, 17F
推
07/30 21:22, , 18F
07/30 21:22, 18F