邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用

2019,都在用 iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用

【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多

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

Anny 2018-01-26 17:49:00 阅读:47148

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


先简单看看动图:


Steps


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


再送上UI Flow大图:


Steps


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

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

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

Enjoy it!



原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:629143492 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶