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

017eff620905c311013e8cd0cae867.png

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

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

01f1c7584d8173a801219c770b5280.gif

0149f9584d7c11a8012060c8c36f74.gif

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

0176bd568a2cce6ac7251bb62a923c.png

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

016ba458ad0e28a801219c77696be4.png

Adobe XD-iPhone6-Prototype

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

01214f596393baa8012193a3489417.jpg

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

01bc04584d81d3a8012060c8a77427.gif

012c3e57cc35270000012e7e6544fa.png

100个app

站酷学习优秀学生

019fcc5e5c7137a80120a89560b35b.png

企业产品网站设计

动效练习——格瓦拉APP动效模拟

01079c5923ff88a801216a3eafceab.png

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

014ade568a2cce32f8759f04fa7cd8.png

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

66c86443c420el2mlzy9ep2288.gif

大厂设计师们都在使用的设计工具，早下班美美哒

Adobe XD Adobe XD适用于矢量设计过程中，可以快速构建出快速设计规范，实现高效分享和复用。拥有私密、公开、嵌入三种分享方式，在多个场景中具有重大应用价值。智能化的标注能够提高操作过程的准确性，快速复制标注信息，自由补充手动标注内容，准确传达设计要求，具有较高的操作准确性。

01435b62218bdf11013f01cd39d59b.png

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

01216a584d81d7a801219c772e568c.gif

以南征老师的版式设计之延展 web界面设计（1）

0183d057ab94fd0000018c1b8b1e36.jpg

PHOTOSHOP CC 2017启动画面诞生过程

0112e45a127a77a80121985c32c70f.jpg

0150ff5a3a71f6a80121db805c5adf.png

闲暇作品

15款高效网页制作工具，助你快速建站！

014yqcjkmiuof0pojveogy3938.png

017f4e620905c111013e8cd09b42b3.png

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

015e5658a3d1c6a801219c77193c6e.png

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

时间节点在“0”的位置时，选择绿色形状图层，然后在联动视图里点击X轴栏下的“+”号图标，选择“Opacity”（透明度），把检查器里的透明度改为“0”，然后拖动时间线到节点“340”的位置时，检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，右边的绿色卡片消失，向左边移动时，绿色卡片会渐变出现。

01e72258568ae3a8012060c86cc7bf.gif

01afd1620905bf11013f01cdf7fc0d.png

01911b5a3a71f1a801201a1f662808.png

随便 百度 随便 看到 于是 随便 临摹

0191f859003daea80121455076d0b2.jpg

sketch 习作（临摹）

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

0161b8568a2ccb6ac7251bb603539a.png

01dad95b3f0886a80120b95973a880.png

XD真的容易入门

01aswmxoss2rbgq4eeuvrh3439.png

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

0110c0584d7d2fa801219c77d95ae6.gif

01de295ac458a9a80121257378178d.png

Hotel app

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