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

0161b8568a2ccb6ac7251bb603539a.png

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

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

0176bd568a2cce6ac7251bb62a923c.png

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

014ade568a2cce32f8759f04fa7cd8.png

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

01b2a1568a2ccc32f8759f0400558a.png

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

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

01f1c7584d8173a801219c770b5280.gif

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

017eff620905c311013e8cd0cae867.png

01e50f5c8679dba80120af9af1a77a.png

知识付费产品V1.0PRD

0149f9584d7c11a8012060c8c36f74.gif

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

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

01844258568a05a8012060c8125a33.gif

01f1ba5ef6f45ba801215aa07d2299.jpg

平面印刷

0150a45a9675f2a8012045b3fa1258.png

Note-UI-轻拟物风格尝试

0136ac5767c9760000012e7e6fc7ca.png

Daily UI 031-035

01c75f598ab2680000002129c09150.jpg

一些随手的临摹练习

01aebe5c76563ba801213f26d649d7.png

原型图设计

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

01bc04584d81d3a8012060c8a77427.gif

01d2765ed6614ca801215aa0332852.jpg

UX Portfolio 2018-2020

0138555a44a29ca801206ed3e027dc.png

《2017》作品集

[设计助理]让你早一小时下班的ps插件，提高工作效率

013dfb5b55eb19a8012036be71ef62.gif

4.ICON系统-2.运用/一键修改ICON的颜色

018dbd5f0944a0a801206621950e79.gif

设计系统的建立

写给新手设计师看的设计经验（陆续更新）

0144105d802c79a8012060beedb7ad.png

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

01216a584d81d7a801219c772e568c.gif

01d25258abf1a6a801219c770fa9ca.png

Daily UI 100

018c1b57e906540000018c1bc232a1.png

Dribble作品－5

准时下班？小白看了都会的figma高精尖教程！

66c866b765499jxs2rsoxr917.gif

01fb6c5823d89da84a0e282b6119c5.png

Dribbble练习作品整理

66c867f173487dzahtzj135556.gif

UI animation / illustrator ／Motion graphic