1、手势下移； 2、内容和按钮随手势下移； 3、图片同时放大； 4、手势消失，内容回到原点、图片缩小回去--这里用的是神奇移动。

014ade568a2cce32f8759f04fa7cd8.png

Keynote交互动画2加强版&附教程

1、手势圆点移动上滑； 2、文字和按钮一起跟着手势移动上滑； 3、图片随着内容的上滑，逐渐模糊（这边用的渐隐渐现）； 4、最后手势圆点消失。

0176bd568a2cce6ac7251bb62a923c.png

1、手势上滑-移动动作； 2、文字内容随手势向上-也是移动动作（注意这里要将按钮和文字内容分开）； 3、按钮和文字一起随手势移动-移动动作； 4、此时内容和图标接近屏幕顶部，按钮消失-弹入弹出动作； 5、手势继续向上滑动-移动动作； 6、内容随手势移动，按钮已消失-移动动作； 7、手势消失-模糊动作。

0161b8568a2ccb6ac7251bb603539a.png

从业五六年的经验直说，这些软件好用到爆

017eff620905c311013e8cd0cae867.png

1、手势向下移动； 2、内容随手势移动； 3、文字顶端出现时，按钮出现； 4、手势继续下移； 5、内容随手势继续下移； 6、按钮跟内容一起下移； 7、图片随着内容的下移，由模糊转清晰； 8、手势消失。

01b2a1568a2ccc32f8759f0400558a.png

Principle教程（二）：静态、拖拽、滚动、翻页（附源文件）

对相同命名的组，重新命名。最后在预览里进行交互，发现显示正常了。

01f1c7584d8173a801219c770b5280.gif

01e50f5c8679dba80120af9af1a77a.png

知识付费产品V1.0PRD

0149f9584d7c11a8012060c8c36f74.gif

用事件触发器里的Tap来进行转场效果。

01bc04584d81d3a8012060c8a77427.gif

记住这几个在线网站，PC很容易

01145b613c332911013f4720da9f83.jpg

UI animation / illustrator ／Motion graphic

站酷推荐设计师

高高手老师

0146a658b3e1dba801219c77189cf3.gif

01c75f598ab2680000002129c09150.jpg

一些随手的临摹练习

01f1ba5ef6f45ba801215aa07d2299.jpg

平面印刷

01aebe5c76563ba801213f26d649d7.png

原型图设计

选中3个色块编组后（编组快捷键和sketch里一样），选用检查器里的Page(翻页)功能进行编辑。

0110c0584d7d2fa801219c77d95ae6.gif

0136ac5767c9760000012e7e6fc7ca.png

Daily UI 031-035

Principle教程（三）：联动视图的运用

选择青色形状图层，打开联动视图，点击X轴栏下的“+”号图标，选择“Opacity”（透明度），在时间节点“0”的时候，检查器里的透明度改为“0”，鼠标拖动时间节点到-340的位置将检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，左边的青色卡片消失，向右边移动时，青色卡片会渐变出现。备注：鼠标移到时间节点区域上，按住键盘空格键+鼠标点击可以左右拖动时间线区域。

01844258568a05a8012060c8125a33.gif

Lay设计PC端组件库【视觉规范文档篇】

01eff95e1f14e0a80120a8953c76df.gif

继续完善每个页面之间的转场效果。在GIF最后的预览效果里，当标签TWO页面进标签ONE页面时，会发现文字是从上到下显示，这个问题是因为两个Artboards里的btn组命名相同，接下来改一改。

01216a584d81d7a801219c772e568c.gif

01rygqfzckgj48rkyoynk53134.png

三月份打卡-11

018874558a09cd000000b18fcff0d1.jpg

原型图

远程协作办公，一些非常好用的设计软件

0141a96204752a11013e8cd03d0070.png

自主研发自动生成各种图表设计神器免费分享大家

013b175d50d66ba8012187f42d1915.gif

动效就是这么简单，principle配合sketch

015e5658a3d1c6a801219c77193c6e.png

016ba458ad0e28a801219c77696be4.png

Adobe XD-iPhone6-Prototype

iphone6 Plus 壁纸制作 —— 调整蒙板和颜色选择工具的应用案例

01c1ab554227120000019ae93abc5f.jpg

01s1qscvk3nvvuanbpw46f3234.gif

OFD阅读器-项目总结

Light系列VOL.1&gt;&gt;Streak Effects Manipulation (含PS教程)