运动健康类App原型制作分享-Steps(附源文件下载)

标签: 原型设计 界面设计 APP设计 产品经理 交互设计
17人阅读 评论(0) 收藏 举报
分类:

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

先简单看看动图:



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


再送上UI Flow大图:



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


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


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


Enjoy it!

查看评论

Android项目实战——资讯类App

剔除繁杂的理论,注重实践,循序渐进的介绍资讯类视频应用的实现
  • 2018年03月13日 23:18

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

Movesum 是一种全新的计步概念,它可帮助您找到锻炼的动力。这款设计精美的应用程序可为您提供一种简单有效的方法,以设定运动目标、保持专注,并将您的活动与饮食方式结合在一起。首页展示的是各种食物对应...
  • aimeeth
  • aimeeth
  • 2018-04-09 10:21:57
  • 10

iOS获取设备常用健康数据

iOS获取设备常用健康数据:https://github.com/CocoaMiAo/EMHealthyKit
  • MiAo_EM
  • MiAo_EM
  • 2017-06-19 17:50:01
  • 387

健康类App原型制作分享-Pillow

Pillow,一款健康类App,主要是睡眠管理类型的,这类App比较讲究页面视觉上的舒适安心。功能上,有一个时间选择器,这个功能采用的是两个滚动区组件,分别在组件内设置小时和分钟数值,演示时,用户可以...
  • weeen960
  • weeen960
  • 2017-11-07 10:51:27
  • 138

运动类App原型制作分享-Zombies, Run

Zobies, Run,一款运动类App,帮助监督你实行自己的健身计划。这款App我试着做了板块的立体视觉效果,由于Mockplus中没有阴影效果(当然在原型阶段这是不必要的),但是为了尝试让这款Ap...
  • weeen960
  • weeen960
  • 2017-09-19 10:12:27
  • 218

AXURE RP8网站和APP原型制作从入门到精通

  • 2018年01月31日 14:47
  • 36.51MB
  • 下载

iOS-OC-修改微信运动步数(读取和修改健康步数HealthKit)

1.首先打开HealthKit 2.导入HealthKit.framework,并且导入头文件 3.获取步数的写入和读取权限; - (BOOL)application:(UIApp...
  • u014220518
  • u014220518
  • 2016-07-18 17:34:39
  • 11941

基于Android的运动APP设计与实现

  • 2018年03月04日 10:47
  • 760KB
  • 下载

各种健康类APP真的能让你高枕无忧?

摘要:目前软件市场上充斥着各种健康APP,主打“包治百病”的口号吸引着用户的目光。事实上,我们不禁想要问这些健康APP真的能像它们所说的那样神奇?而我们又真的需要这样的APP吗? 近些年来,移动端...
  • waldmer
  • waldmer
  • 2015-05-04 12:58:00
  • 1031

吊炸天!74款APP完整源码!(安卓+IOS)

超级干货大集合! 收集这74款APP源码真的是殚精竭虑,呕心沥血呀!哈哈 现在你只需要添加“代码零件”微信号,在“代码零件”后台回复:“1”,按步骤操作,74款APP源码将发送给您! ...
  • rockmilk1
  • rockmilk1
  • 2016-02-23 22:12:23
  • 8769
    个人资料
    持之以恒
    等级:
    访问量: 2万+
    积分: 1274
    排名: 4万+
    最新评论