摘要:从1981年北京举办第一次马拉松比赛开始，国内各个城市开始掀起跑步热潮，有发现就有商机，在提倡“互联网+”概念的潮流下，多款运动型APP落地而生，主要功能有计步，约跑等。人们的生活水平在不断的提高，更多人关注健康的问题，用正确的姿势，适当的速度跑适当的距离，适当的时间，不会损伤膝盖，反而会增强关节的强健性，对以后的身体有不少好处。若膝盖已经受损，那就应该寻找正确的锻炼方法比如加强关键部位的肌肉锻炼来好好恢复。

本文在此背景下，设计了“氧跑”这个APP，主要面向于那些想要跟着热潮开始跑步，但是对跑步方式，健康的跑步知识等不了解的群众，充分达到以用户为中心的设计目的。我在经过一段时间的调查，根据交互设计原则，用故事背景法将调查得出的问题写成故事，从而得到相应的软件需求，进行需求分析，最后用iOS技术实现主体功能代码。

关键词：跑步；健康；UI设计；交互设计；用户体验

目录

摘要

Abstract

1 绪论-1

1.1 编写目的-2

1.2 背景-2

1.3 定义-3

2 需求分析-4

2.1 确定人物角色-4

2.2 APP目标人物-5

2.3 故事背景-5

2.4 功能需求-6

3 系统设计-7

3.1 流程设计-7

3.2 原型设计-7

3.2.1注册页-9

3.2.2 登录页面-9

3.2.3 首页面-10

3.2.4 开始拉伸页面-10

3.2.5 拉伸间隔页面-11

3.2.6 开始跑步页面-12

3.2.7 健康页面-12

3.2.8 什么是健康页面-13

3.2.9 周边页面-13

3.2.10 束身衣页面-14

3.2.11 设置页面-14

3.2.12 资料修改页面-15

3.2.13 密码修改页面-15

3.2.14 退出登录页面-16

3.3 界面设计-16

3.3.1 注册页、登录页-16

3.3.2首页面、开始拉伸页面、拉伸间隔页面、开始跑步页面-17

3.3.3健康页面、什么是健康页面-18

3.3.4周边页面、束身衣页面-18

3.3.5设置页面、资料修改页面、密码修改页面、退出登录页面-19

4 系统实现-20

4.1 最初目标-20

4.2 拟定最终目标-20

4.3 完成目标-20

4.4 部分代码展示及说明-21

4.4.1 第三方登录及获取头像、获取昵称-21

4.4.2 百度地图的使用-22

结    论-24

参 考 文 献-26

附录A 程序说明和程序全文-27

致    谢-31