首頁猿問前端工程師如何在工作中高效制作動效？

前端工程師如何在工作中高效制作動效？

JavaScript

有只小跳蛙 2019-03-21 18:14:53

經(jīng)常被忽略的動效，對于用戶體驗設(shè)計是如此重要動畫效果是用戶體驗設(shè)計中繞不開的環(huán)節(jié)，而在移動端交互當中，動效是作為轉(zhuǎn)場的潤滑劑，承上啟下的重要環(huán)節(jié)而存在。無論是發(fā)送信息，打開設(shè)置，選中元素，導航到下一個頁面，這些變化發(fā)生的時候，動效讓這一切不那么突兀，自然地過渡，呈現(xiàn)狀態(tài)變化，幫助用戶更清晰的明白當前的狀態(tài)，這是絕佳的方式。優(yōu)設(shè)需求：前端工程師如何高效去還原動效呢？

查看完整描述

3 回答

慕哥9229398

TA貢獻1877條經(jīng)驗獲得超6個贊

這個...看了題主的demo，我是很汗顏啊，目前我的每天的"勞動"就是：切圖，對接口...循環(huán)下去（我懷疑我是個假前端）。
但是在項目經(jīng)歷中，還是偶爾會遇到某些動效需求，而大多數(shù)情況下（這個以動效的實現(xiàn)難度為準吧），是自己隨便寫寫，遇到復(fù)雜的，難搞定的，就上插件。
其實在解決問題的過程中，也會有題主這樣的疑惑：
我的看法，如何提高動效實現(xiàn)，還能有比引入插件或者某個庫更快捷的？但是目前沒有任何一個庫或者插件能夠勝任你自己的每一個項目或者需求。所以，我的看法，且目前的做法也是如此：
結(jié)合自己的項目需求，自己造一個動效庫吧

反對回復(fù) 2019-03-25