效率类App原型制作分享-One List
One List是一款效率类工具，这款App最大的亮点是前面用了6页动画，来引导用户如何操作这款软件，引导页采用动画的形式，比较有趣，且演示清晰易懂。今天我也会给大家分享如何利用原型工具Mockplus来实现引导动画。先简单看看动图：http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E5%88%86%E4%BA%AB-One-List.gif点击这里，可以立即在线预览：http://run.mockplus.cn/W2qfYImZXg5zEaH4/index.html引导页动画制作步骤如下：1. 首先将要做动画的组件链接“自己”。http://doc.mockplus.cn/wp-content/uploads/2016/11/1.png2. 因为动画是当页面切换时，自动执行的，因此触发方式选择“载入时”，然后选择动画类型（显示/隐藏、移动、缩放等）。http://doc.mockplus.cn/wp-content/uploads/2016/11/2.png3. 最后在右边交互面板上，设置动画执行时间与延迟时间。http://doc.mockplus.cn/wp-content/uploads/2016/11/3.png这样，一个简单的动画就做好啦，如果需要多个动画组合起来的话，注意延迟时间一定要设置准确，保证动画连贯流畅。再送上UI Flow大图：http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E4%BE%8B%E5%AD%90-One-List%E6%B5%81%E7%A8%8B%E5%9B%BE.png这个原型的主要页面有：启动动画、主页、新建页面、菜单页面、设置页面等。以上设计的所有页面可以在这里下载分享。所有页面的图片集(13张)， 在这里下载。Enjoy it！
页:
[1]