本次教程是principle的晉階篇！

或者說是動效demo的教程更貼切。因為在實現一款動效的時候常常用到的不止一款軟件。今天的案例三合一，用到了AE PS等軟件配合principle去實現交互動效。我認為教程文章跟去網上自己看教程的區別在于。可以分享我的經驗，思考，而不是單純教給大家一些軟件的操作，那樣做出來文章毫無疑義。希望特別是新手，能夠舉一反三做出自己的原創。但是在原創之前你需要大量瀏覽。需要理解動效的規律。運動的曲線。你需要知道現在最好的動效做成什么樣。在ui中的動效，要盡量遵從ios跟Android的規范.

這個案例需要注意錄屏時的細節，畫板調大點，背景調成白色。錄制的時候不要錄制到卡片到邊緣，不然會出現穿幫。利用app實時預覽pp的動效并且可以高保真交互。在進入燈頁面的時候給燈圖片本身一個可以拖拽屬性（drag）跟調解頁面切換的屬性（page）一樣。

懸浮demo。

這個動效利用drivers滑動老司機切換頁面。切換的同時背景顏色有變化。如文章初篇中講到到頁面切換。

在配合tap點擊事件跳轉到其它頁面。頁面切換后手表有個旋轉跟位移的變化。神奇移動。

這個動效在進入數據頁面的時候，圖表從右邊到左自動進場的一個demo，用到的是pp中的auto，頁面自動跳轉。把圖表做的很長，這時候畫板就起到了一個蒙板的作用。就形成了這種障眼法。

很多同學說炫酷的動效為什么在應用中見不到。這不就是模擬的探探的交互嗎。利用dervers老司機切換頁面，切換的時候卡片旋轉，位移。其它元素透明度跟位置的變化讓整個交互豐富與和諧。

tap點擊，圖片放大 位移。

這個跟上面類似探探的案例相同。只不過把老司機橫向移動改成了縱向，那么給元素在drivers軸上添加效果的時候就不是x屬性了，應該是y。還是那句話，舉一反三～帶著思考去創新吧。