018874558a09cd000000b18fcff0d1.jpg

原型图

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

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

01f1c7584d8173a801219c770b5280.gif

0158bd558a09ae000000b18fd37d36.png

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

017eff620905c311013e8cd0cae867.png

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

01bc04584d81d3a8012060c8a77427.gif

选中文字组，选用检查器里的Scroll(滚动)功能，然后对Clip Sublayers打钩，再进行编辑。

01f09f584d7d84a801219c77f05bde.gif

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

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

01844258568a05a8012060c8125a33.gif

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

66c867f173487dzahtzj135556.gif

0197db5e0885aca8012165184f596e.png

custom首饰定制

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

0110c0584d7d2fa801219c77d95ae6.gif

013wcnnvgt5hm4vsvdgc8r3138.png

mac电脑AE插件安装教程

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

015e5658a3d1c6a801219c77193c6e.png

010f8c5e7abc78a80121651886c5f5.jpg

「UniLeeds」· 毕业设计

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

01216a584d81d7a801219c772e568c.gif

01e50f5c8679dba80120af9af1a77a.png

知识付费产品V1.0PRD

01fa425970dea8a8012193a34a8103.png

ui/ux好工具

01dc7c5542e57f0000019ae924893b.jpg

app界面第二稿

0195355c7b66f8a801203d22adb306.png

。。。Axure原型3

0131945c86791ea80120af9af20ebd.png

民宿产品

011fbe583d03aaa801219c77f52fa7.png

原型图交互截图(ps:慎点)

667d2c8720f22xnfij2dul4691.jpg

平面+ui设计作品集

01c8d05913e4acb5b3086ed4854707.gif

Favoread reading APP

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

0141a96204752a11013e8cd03d0070.png

按住ALT键+鼠标拖动（边框左右两边可同步变长变短），编辑区域范围。