作为一个产品经理，对交互颇有兴趣，还记得最初做动画是使用Flash，现在慢慢的尝试了新的软件：Axure、Justinmind、Protopie；最后移动端更喜欢使用Protopie，所以和大家分享一些细微效果的教程。 动效见下图所示： 一、元素介绍 为了方便

本篇文章展示了如何实现“完成点击删除按钮后，列表自动更新”的效果。 在上一篇教程中，与大家分享了微信列表滑动显示删除按钮的效果。 今天进一步完善删除特效，我们将向大家展示，如何实现“完成点击删除按钮后，列表自动更新”的效果。 一、最终效果 二、触发介绍 单击

本篇教程将展示如何制作一个可以跟随鼠标移动导航菜单特效，enjoy~ 一、最终效果 二、触发介绍 三、制作过程 1. 首先我们创建按钮层+背景层+焦点背景层 完成图层创建后，我们对鼠标移动到按钮上，焦点背景跟随鼠标移动的特效。 点击“菜单A”图层，在触发面板选

本篇教程将展示如何使用Protopir制作一个邮箱验证特效，enjoy~ 一、最终效果 二、知识点 在本次教程中，我们用到了一个新的知识点：监听&条件。 监听：图层的属性值或者变量 发生变化时，就会触发相应的反应动作。 条件：当触发动作满足预设条件时，

本篇教程将展示如何制作悬浮按钮特效，enjoy~ ^_^ 一、最终效果 二、功能点介绍 单击 旋转 移动 条件 三、制作过程 1. 首先我们来看一下，本案例中用到的元素 如下图所示： 在上图中，我们已经将点击“主按钮”后，3个子按钮（账户、手机、邮箱）展开时的

本篇教程将展示如何使用Protopie制作一个登录页转场特效 O(∩_∩)O 一、最终效果 二、知识点 场景：使用添加场景功能，可以制作包含多个页面的原型；设计复杂的交互效果时，也可以将每个交互细节分别制作在不同的场景上以方便存档。 自动加载：运行原型或场景转

本文主要介绍用户查看个人账户资金或者积分的时候，资金从0开始增长的效果如何制成，enjoy~ 在很多应用中，用户查看个人账户资金或者积分的时候，可以看到资金从0开始增长的效果，类似于这样的效果： 我们可以通过监听“变量”的方法来实现这个效果： 在界面左下角的“