效率类App原型制作分享-One List
2017-10-24 11:42
483 查看
One List是一款效率类工具,这款App最大的亮点是前面用了6页动画,来引导用户如何操作这款软件,引导页采用动画的形式,比较有趣,且演示清晰易懂。今天我也会给大家分享如何利用原型工具Mockplus来实现引导动画。
先简单看看动图:
点击这里,可以立即在线预览:http://run.mockplus.cn/W2qfYImZXg5zEaH4/index.html
引导页动画制作步骤如下:
1. 首先将要做动画的组件链接“自己”。
2. 因为动画是当页面切换时,自动执行的,因此触发方式选择“载入时”,
4000
然后选择动画类型(显示/隐藏、移动、缩放等)。
3. 最后在右边交互面板上,设置动画执行时间与延迟时间。
这样,一个简单的动画就做好啦,如果需要多个动画组合起来的话,注意延迟时间一定要设置准确,保证动画连贯流畅。
再送上UI Flow大图:
这个原型的主要页面有:启动动画、主页、新建页面、菜单页面、设置页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(13张), 在这里下载。
Enjoy it!
先简单看看动图:
点击这里,可以立即在线预览:http://run.mockplus.cn/W2qfYImZXg5zEaH4/index.html
引导页动画制作步骤如下:
1. 首先将要做动画的组件链接“自己”。
2. 因为动画是当页面切换时,自动执行的,因此触发方式选择“载入时”,
4000
然后选择动画类型(显示/隐藏、移动、缩放等)。
3. 最后在右边交互面板上,设置动画执行时间与延迟时间。
这样,一个简单的动画就做好啦,如果需要多个动画组合起来的话,注意延迟时间一定要设置准确,保证动画连贯流畅。
再送上UI Flow大图:
这个原型的主要页面有:启动动画、主页、新建页面、菜单页面、设置页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(13张), 在这里下载。
Enjoy it!
相关文章推荐
- 效率类App原型制作分享-Swipes
- 求职类App原型制作分享-Part-time Clouds
- 优秀原型设计欣赏:交通类App原型制作分享-DiDi
- 美食类App原型制作分享-Beanhunter
- 工具类App原型制作分享-Asana App
- 阅读类App原型制作分享-Another Read
- 教育类App原型制作分享-Encode
- 饮品类App原型制作分享-Starbucks
- 优秀原型设计欣赏:美食类App原型制作分享-Sooshi
- 体育类App原型制作分享-AusOpen
- 健康类App原型制作分享-Pillow
- 购物类App原型制作分享-Lyst
- 音乐类App原型制作分享-Qello Concerts
- 购物类App的原型制作分享
- 旅游类App原型制作分享-Triposo
- 优秀原型设计欣赏:社交类App原型制作分享-LinkedIn
- 运动类App原型制作分享-Zombies, Run
- 美食类App原型制作分享-Bon App!
- 视频类App原型制作分享-VUE
- 购物类App原型制作分享-Polyvore