Steps是一款运动健康类App,它可以获取你每天的行走步数进行统计分析,并且可以设定目标和提供专业的健身指导课程。在“Activity”这个页面中,有一个小的交互,当点击柱状图中的数据时,上方显示区域的颜色和数据会相应变化,在Mockplus中,使用设置颜色和设置文本交互就可以轻松实现。
先简单看看动图:
点击这里,可以立即在线预览:https://run.mockplus.cn/43PA2ZqZYfKWi08k/index.html
再送上UI Flow大图:
这个原型的主要页面有:启动页面、登录注册页面、数据统计页面、个人信息页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(10张),在这里下载。
Enjoy it!