摹客教程

摹客教程

摹客,让设计更快更简单

运动健康类App原型制作分享-Steps

Steps是一款运动健康类App,它可以获取你每天的行走步数进行统计分析,并且可以设定目标和提供专业的健身指导课程。在“Activity”这个页面中,有一个小的交互,当点击柱状图中的数据时,上方显示区域的颜色和数据会相应变化,在Mockplus中,使用设置颜色和设置文本交互就可以轻松实现。

先简单看看动图:

Steps

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

再送上UI Flow大图:

Steps

这个原型的主要页面有:启动页面、登录注册页面、数据统计页面、个人信息页面等。

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

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

Enjoy it!