本次教程是principle的晉階篇！
或者說是動效demo的教程更貼切。因為在實現(xiàn)一款動效的時候常常用到的不止一款軟件。今天的案例三合一，用到了AE PS等軟件配合principle去實現(xiàn)交互動效。我認為教程文章跟去網(wǎng)上自己看教程的區(qū)別在于?？梢苑窒砦业慕?jīng)驗，思考，而不是單純教給大家一些軟件的操作，那樣做出來文章毫無疑義。希望特別是新手，能夠舉一反三做出自己的原創(chuàng)。但是在原創(chuàng)之前你需要大量瀏覽。需要理解動效的規(guī)律。運動的曲線。你需要知道現(xiàn)在最好的動效做成什么樣。在ui中的動效，要盡量遵從ios跟Android的規(guī)范.
這個案例需要注意錄屏時的細節(jié)，畫板調(diào)大點，背景調(diào)成白色。錄制的時候不要錄制到卡片到邊緣，不然會出現(xiàn)穿幫。利用app實時預覽pp的動效并且可以高保真交互。在進入燈頁面的時候給燈圖片本身一個可以拖拽屬性（drag）跟調(diào)解頁面切換的屬性（page）一樣。
懸浮demo。
這個動效利用drivers滑動老司機切換頁面。切換的同時背景顏色有變化。如文章初篇中講到到頁面切換。
在配合tap點擊事件跳轉到其它頁面。頁面切換后手表有個旋轉跟位移的變化。神奇移動。
這個動效在進入數(shù)據(jù)頁面的時候，圖表從右邊到左自動進場的一個demo，用到的是pp中的auto，頁面自動跳轉。把圖表做的很長，這時候畫板就起到了一個蒙板的作用。就形成了這種障眼法。
很多同學說炫酷的動效為什么在應用中見不到。這不就是模擬的探探的交互嗎。利用dervers老司機切換頁面，切換的時候卡片旋轉，位移。其它元素透明度跟位置的變化讓整個交互豐富與和諧。
tap點擊，圖片放大 位移。
這個跟上面類似探探的案例相同。只不過把老司機橫向移動改成了縱向，那么給元素在drivers軸上添加效果的時候就不是x屬性了，應該是y。還是那句話，舉一反三～帶著思考去創(chuàng)新吧。
