[心得] 如何讓介面中的動畫設計較容易被實現?

看板Web_Design作者 (jeremy)時間10年前 (2015/07/25 21:39), 編輯推噓3(3015)
留言18則, 8人參與, 最新討論串1/1
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
不曉得你懂不懂我的點XDD
07/26 00:01, 4F

07/26 00:30, , 5F
有再好的idea 做不出來也沒用
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
文章代碼(AID): #1Liv6jP7 (Web_Design)