UI基礎動效設計需要考慮的點：
①邏輯? ②空關(guān)系 ③層次感 ④架構(gòu)
UI動效的三個特性：
功能性：動效對交互引導和了解系統(tǒng)狀態(tài)及其重要
物理性：在制作動效的時候考慮到重力和慣性牡借，速度和剛性因俐，展現(xiàn)給用戶的感覺就是自然蝙泼，符合物理規(guī)則的，更助于快速形成用戶的使用習慣效床。
趣味性：例如在制作加載動效時，增加一些有趣味性的動效，可以使用戶在等待中不會缺乏耐心囤攀，增加產(chǎn)品和用戶的粘性丈氓。
動效功能
基本目的：①加強體驗舒適度? ②減弱不可避免的不舒適感? ③交互小細節(jié)增加產(chǎn)品質(zhì)感
表現(xiàn)層級關(guān)系：展示層與層的關(guān)系周循，平級或者切換，讓用戶更加了解上万俗，下頁面的關(guān)聯(lián)性湾笛。
與手勢相結(jié)合：當用戶手勢操作，讓界面的動態(tài)走向更符合手指的運動闰歪，從而讓用戶感覺到是自己再控制頁面嚎研，而不是機械化的跳轉(zhuǎn)。
愉快的提示功能：在某些需要注意提醒的時候能吸引用戶的注意库倘，又不會過于生硬临扮，符合預期的出現(xiàn)（如：登入的密碼提示）
額外增加界面的活力：在用戶預期之外增加的驚喜，讓用戶感知到產(chǎn)品的生命力教翩，（如賣萌杆勇，搞笑，可愛）
讓等待變的更愉快：常出現(xiàn)在加載饱亿，刷新蚜退，發(fā)送等界面中闰靴，讓等待貶得可視化。
情感設計：情感化設計增加用戶體驗
增加界面與界面銜接的延續(xù)感：界面的跳轉(zhuǎn)不可避免钻注，讓本來兩個獨立的頁面銜接起來可以顯得更加好玩
去除用戶不再需要的元素：隨著用戶的操作蚂且，隱藏一些用戶不再需要的內(nèi)容
動效應用場景
H5營銷，趣味游戲：應用式體驗幫助項目推進過稿表達直接幅恋，客戶可直接下單
產(chǎn)品包裝杏死，簡歷包裝：Demo展示，動態(tài)展示
水波反饋：卡片上的觸點反饋佳遣，app banner切換识埋，網(wǎng)格中選擇確認
圖標變換：通過圖標變換暗示用戶界面及功能的變化
元素轉(zhuǎn)換：從圓形變?yōu)槠渌螤钍亲⒁鈱ΨQ性和空間關(guān)系（投影）
動效四大規(guī)則：①對用戶手勢的及時響應? ②暗示即將展示的界面或動作 ③反應元素間的層級和空間關(guān)系 ④界面切換的過度畫面
MD動效設計當中窒舟，響應設計最長不應該超過400ms（0.4s），最短不應該少于150ms（0.15s）
UI動效?AE細節(jié)解說
介于接觸AE也有些時間诵盼，常常遇到一些沒有注意到的問題惠豺，我做了問題以及解決的方案
①在導出視頻的時候我想要選擇背景透明怎么辦？
解：相比于在輸出模塊中更改參數(shù)來達到透明背景的目的风宁，我覺得這個方法更為實用洁墙，
∴在保存渲染列隊之前，選擇你想要去除的背景--在右上角有一個“效果和預設”點擊--“通道”--找到“32轉(zhuǎn)換通道”將文字拖到畫面中--在AE的左上角找到“從獲取Alpha”點擊小三角--“完全關(guān)閉”就可以變成透明圖層啦戒财！
補充方法2：
首先選擇導出添加到渲染列隊——選擇無損（如下圖）
然后選擇渲染就大功告成啦热监！
最后給點溫馨提示：在保存源文件和導出avi之前最好先建一個文件夾，如果是全部保存到桌面然后一個個在放到文件夾里饮寞，相信我孝扛，你會后悔的。
動效插件輔助
緩動插件：Flow
Flow腳本擁有一個簡單的操作界面幽崩，能夠自定義動畫曲線的效果苦始，而不需要觸摸圖形編輯器，包含25種關(guān)鍵幀曲線效果慌申，可自定義修改編輯陌选，好可自定義保存自己調(diào)整的預設。
【安裝方法】
Win系統(tǒng):復制 Flow 文件夾到以下路徑：
C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\
然后運行一下Add Key.reg 點擊是蹄溉！
Mac系統(tǒng):拷貝 Flow 文件夾到以下路徑：
/資源庫/Application Support/Adobe/CEP/extensions/
然后運行一下install-as-admin
最后打開AE軟件咨油，在【窗口】-【擴展】-【Flow】找到腳本使用
圖形運動動畫神器插件：Mition 2
可視化滑塊調(diào)節(jié)關(guān)鍵幀的屬性，例如緩入緩出等类缤，不需要打開關(guān)鍵幀滑竿手動調(diào)節(jié)臼勉，同時可以指定中心點位置，而且包含多個常用表達式控制餐弱，方便快捷宴霸，節(jié)約大量時間囱晴。
下載方式：https://www.cgown.com/ae/ae-tutorials/14881.html
（由于暫時沒能找到直接下載的安裝包，在此鏈接高速下載需要付費瓢谢，你可以選擇普通下載畸写，后期找到更便捷的下載鏈接一定附上）
動效網(wǎng)站推薦：cocoa China， uplabs氓扛， UImovement 枯芬， TripFlow
2021年1.25更新
AE立體翻轉(zhuǎn)如何實現(xiàn)?
