016af762b2cd7f0002c45e3721cbe3.png

六款交互软件，推荐给你们

0161af569ba12332f87574bee8752c.png

My home page

01e49e58dc7b6da801219c776d0472.jpg

护慧云课堂原型图

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

66c86443c420el2mlzy9ep2288.gif

012fc760f78eef11013f47204462be.png

Design specification

01fc8e5f094271a80120662131733f.gif

设计系统的建立

012f2b5c617df4a801203d226963b1.png

vlog App原创概念设计

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

017f4e620905c111013e8cd09b42b3.png

产品经理原型设计UE用户体验流程图

01610c625108450002c4212c6e73a0.jpg

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

将做好的sketch文件导进Principle。（有源文件可以下载）

0148a8584d79bfa8012060c8f467c6.png

01219b59df41d7a801204463298cca.jpg

8只小猪分享式旅游 / Travel App

019fcc5e5c7137a80120a89560b35b.png

企业产品网站设计

01bf4b574a981932f875a4291a24c0.gif

Edate

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

Principle教程（四）：动效视图的运用（附源文件）

调整Artboard 2里命名为icon的图标组，调整为想要的最后样子。在Artboard 2里，首先选择icon组里的Layer 2,把透明度调整为0，然后选择Layer 1，把角度调整为45度，再选择Layer 3，角度调整为135度。最后调整下Layer 1和Layer 3的位置。

019fd7585fe4d2a8012060c888983d.png

微信uikit-sketch-微信原生样式设计库-微信设计组件-微信企业-微信号公众号网页设计组件

0167be570b51ad32f8751b3f337f7f.png

没有分组的概念<br>真是一点都不乱呢

0147275922ee1ca801216a3e304f07.png

四十天交互训练

制作动画的转场效果。选择Artboard 1,点击事件触发器（闪电图标）选择Auto，拖到Artboard 2上。

0157d0585fe469a801219c77f15d89.png

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

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

01e72258568ae3a8012060c86cc7bf.gif

定位出行xd交互app黄色卡通17页高保真含交互运动出行

01gjsgbug4tkkr0qqmsj6z3732.jpg

012a8f58efc8a2a8012049ef2e093b.png

无聊做了几张原型图

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

01fab758568acca8012060c868f959.gif

0130605ff2cb1f11013ee04d526243.png

直播带货程序-产品原型

01yga3rtcjl2nnkmztddms3332.png

汽车app界面

67337191eee01w9lu9uc5x9271.png

A game app about Western food

01afd1620905bf11013f01cdf7fc0d.png

激活动效视图。打开工具栏的Animate,下方出现动效视图窗口，此时的窗口是空的，这时点击两个画板上方的箭头图标，激活视图。

011708585fe4afa801219c772395aa.png

照片穿衣搭配英文试衣镜15页黑色黄色高保真含交互

01ag0egm3tql0axpwukrxx3736.jpg

0150805dde9b4fa8012159724a51da.png

心晴app-心理

Sirui移动端之“视觉规范文档”