美文网首页产品设计
效率类App原型制作分享-One List

效率类App原型制作分享-One List

作者: 我是一颗小小的雨花石 | 来源:发表于2017-11-20 10:36 被阅读20次

    ​​​原型设计制作由Mockplus提供。

    One List是一款效率类工具,这款App最大的亮点是前面用了6页动画,来引导用户如何操作这款软件,引导页采用动画的形式,比较有趣,且演示清晰易懂。今天我也会给大家分享如何利用原型工具Mockplus来实现引导动画。

    先简单看看动图:

    点击这里,可以立即在线预览:http://run.mockplus.cn/W2qfYImZXg5zEaH4/index.html

    引导页动画制作步骤如下:

    1. 首先将要做动画的组件链接“自己”。

    2. 因为动画是当页面切换时,自动执行的,因此触发方式选择“载入时”,然后选择动画类型(显示/隐藏、移动、缩放等)。

    3. 最后在右边交互面板上,设置动画执行时间与延迟时间。

    这样,一个简单的动画就做好啦,如果需要多个动画组合起来的话,注意延迟时间一定要设置准确,保证动画连贯流畅。

    再送上UI Flow大图:

    这个原型的主要页面有:启动动画、主页、新建页面、菜单页面、设置页面等。

    以上设计的所有页面可以在这里下载分享

    所有页面的图片集(13张),在这里下载

    Enjoy it!​​​​

    相关文章

      网友评论

        本文标题:效率类App原型制作分享-One List

        本文链接:https://www.haomeiwen.com/subject/mdomvxtx.html