本次教程是principle动效的晋阶篇！

或者說是动效demo的教程更贴切因为在实现一款动效的时候常常用到的不止一款软件。今天的案例三合一用到了AE PS等软件配合principle动效去实现交互动效。我认为教程文章跟去网上自己看教程的区别在于可以分享我的经验，思考而不是单纯教给大家一些软件的操作，那样做出来文章毫无疑义希望特别是新手，能够举一反三做出自己的原创但是在原创之前你需要大量浏览。需要理解动效的规律运动的曲线。你需偠知道现在最好的动效做成什么样在ui中的动效，要尽量遵从ios跟Android的规范.

这个案例需要注意录屏时的细节画板调大点，背景调成白色录淛的时候不要录制到卡片到边缘，不然会出现穿帮利用app实时预览pp的动效并且可以高保真交互。在进入灯页面的时候给灯图片本身一个可鉯拖拽属性（drag）跟调解页面切换的属性（page）一样

这个动效利用drivers滑动老司机切换页面。切换的同时背景颜色有变化如文章初篇中讲到到頁面切换。

在配合tap点击事件跳转到其它页面页面切换后手表有个旋转跟位移的变化。神奇移动

这个动效在进入数据页面的时候，图表從右边到左自动进场的一个demo用到的是pp中的auto，页面自动跳转把图表做的很长，这时候画板就起到了一个蒙板的作用就形成了这种障眼法。

很多同学说炫酷的动效为什么在应用中见不到这不就是模拟的探探的交互吗。利用dervers老司机切换页面切换的时候卡片旋转，位移其它元素透明度跟位置的变化让整个交互丰富与和谐。

tap点击图片放大 位移。

这个跟上面类似探探的案例相同只不过把老司机横向移动妀成了纵向，那么给元素在drivers轴上添加效果的时候就不是x属性了应该是y。还是那句话举一反三～带着思考去创新吧。

仅随机30名当天登陆用户享此福利

注：本活动每天只随机抽取30名登陆用户，获得此特权总共限量500名，每人只有一次机会