什么是動效？

?1. 動效是源于國外的MG?

????????M 指 Motion運動?

????????G 指 Graphic靜態(tài)圖片 合在一起就是運動的靜態(tài)圖片

? 動態(tài)的圖片， 傳遞信息 ，表達氛圍

? 2. 動效的作用是什么？

（1）產品展示?

? ? ? A. 展示了頁面之間是如何切換的 元素跟元素之間是如何過渡的

? ? ? B.?菜單頁的展示，比如圓圓的按鈕運用動效，給我們交代了點開按鈕之后它應該是什么

? ? ? C.?List點擊后是如何展開的以及是如何滑動的

（2）品牌建設（因為很多時候，靜態(tài)的圖片傳遞信息畢竟是有限的，所以運用動效展示品牌會更形象立體）

（3）交互展示（就是界面的跳動，信息的展示以及細節(jié)的展示）

3. UI為什么需要動效

（1）流暢過渡 （UI最基本功能），它交代了元素之間是如何過渡的，點擊后頁面是怎么跳轉的，標簽之間的滑動效果是個什么樣子，整個操作非常流暢

（2）高效反饋 : 知道時間多久效率高

（3）增強操縱 : 結合手勢操作比如看小說，動效簡單到就是跟我們實際翻書效果是一樣的，直到上一頁下一頁怎么翻很輕松的駕馭

（4）幫助引導 : 比如滑動解鎖，利用顏色的漸變跳動引導我們向那個方向解鎖

（5）升華體驗 : 產品做得很好就是缺乏亮點就可以用動效設計提高產品的魅力值

4. 動效的 “坑”

（1）復雜繁瑣：所以我們做動效的時候一定要做到簡潔適度

（2）未考慮開發(fā)成本；會出現(xiàn)項目延期而不被采納

（3）性能和響應度差：在做動效的時候一定的考慮設備的性能跟響應度，因為我們的動效是在設備上來跑的，所以由于硬件的一個性能注定我們不能任憑自己的性子來做動效

（4）如果開發(fā)已經優(yōu)化到最大程度了 設備上還是跑不起來

總結

1. 動效是指，會動的圖片，它能夠傳遞信息表達氛圍

2. 動效設計與動畫設計，動效設計與平面設計，是有區(qū)別的

3. 動畫設計有個性鮮明的角色 有曲折離奇的劇情 有環(huán)境氛圍的烘托 有特定信息的傳遞從而反映社會現(xiàn)象哲學道理等這些元素組成了動畫片的迷人之處

4. 平面設計有信息的傳遞，比如海報品牌信息，還有氛圍的烘托

5. 動效設計它是處于 "動畫設計" 跟 "平面設計" 之間一門交叉性的學科，所以它是用動態(tài)的圖片來傳遞信息表達氛圍的

6. 品牌和動效完美地結合能反映產品的本質

對自己說：路在自己腳下，沒有人可以決定我的方向 ~