摹客教程

摹客教程

摹客,让设计更快更简单

健康类App原型制作分享-Life Cycle

Life Cycle是一款健康类App,它能自动跟踪你的时间和你的生活习惯,清晰地展示出你的日常活动。App中比较有特色的是首页,直接以一个数据饼图的方式展示你今天的活动时间比例。饼图在Mockplus的图表分类里面直接可用,双击即可编辑占比和颜色,此例子中,为了还原实际App的效果,我采用的是形状组件+线条组合的饼图,页面中还使用了柱状图组件。

先简单看看动图:

Life Cycle

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

再送上UI Flow大图:

Life Cycle

这个原型的主要页面有:引导页面、登录注册页面、主页、数据页面、设置页面等。

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

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

Enjoy it!