2024年5月14日发(作者：电脑参数配置怎么看)

“Now”运动健康主题APP的设计与开发

由于运动健康APP的出现，大大地提升了大众的运动健康意识和运动兴趣。

但是这些APP过于大众化，没有特色，在一定程度上应用并不广泛，特别是年

轻白领和青年学生的运动意愿并不高。本文就相应问题设计开发一款运动健康

APP，推出个性化方案，以推动健康运动的热潮。

标签：APP;运动健康;设计

一 “Now”运动健康主题APP的开发

1 运动健康主题APP开发意愿

目前我国主流城市的人群亚健康比例高达70%，处于过劳状态的白领接近六

成，真正意义上的健康人群比例不足5%。在“亚健康”的概念中，包含“精神紧张、

身体不适、负担过重、浑身乏力、容易疲倦、生活不规律、饮食不平衡……”等

等。据林克艾普舆情监测，亚健康已经成为我国最普遍的公共健康问题，巨大的

工作压力导致我国每年因过劳死亡的人数达60万，其中尤以年轻白领居多。而

对于亚健康问题的改善，人们总觉得心有余而力不足，往往不知道从何下手。

2 APP将成为推广应用的主要途径

2016年中国的手机APP用户规模就已达到4.2亿人，经过近年的发展，手

机APP开发已渐渐地遍及世界每一个角落，手机APP软件的大量出现已经悄然

改变着人们的休闲娱乐、阅读方式、甚至生活习惯等等。市场研究平台App Annie

发布的《年度移动发展情况报告》中显示，2018年中国成为全球移动应用（App）

下载量最大的国家。因此开发运动健康APP，并在手机上安装应用，以帮助人们

运动是一种非常明智的选择。

3 运动健康主题APP的应用现状

艾媒北极星2018年中国手机APPTOP500榜单进行2018年热点盘点[1]， 在

这500榜中，Keep排在142名，乐动力排在389名，由此可见，人们对于运动

健身的意愿和动力还不强。

同时“微信运动”、“乐动力”、“轻+”、“Keep”、“移动健身教练”、“马甲线”

等，这些APP普遍存在着功能简单、内容不够丰富，布局雷同，颜色单调，风

格不突出等问题。据调查运动健康类APP的大众接受度和应用度特别不高与其

功能局限、UI设计千篇一律有很大的关联。

功能齐全、界面友好的运动健康APP能很好的调动人们的运动积极性，与

兴趣相投的运动伙伴交流互动坚持下去，强身健体，从而改善亚健康状态以及提

高生活质量。

二、“Now”运动健康主题APP 运动健康主题APP开发的思路

要开发一款运动健康APP需要做大量的工作，通过对相应类似的APP的调

研和市场考察，调查文献搜集整理国内外关于健康主题的手机APP、UI的设计

手法、数据展示形式等等，全面、正确了解所要研究项目的有关内容，通过比较

分析不同案例，最终筛选出以开发健康和运动主题的APP，决定了“Now”运动健

康主题APP的开发思路。

1 APP的开发流程

产品需求分析 → 功能定义 → 交互原型 → 程序技术预研 → 效果图绘

制 → 开发 → 测试 →发布 → 运营。

2 APP系统规划及UI设计方案

（1）APP名称

“NOW”运动，号召人们现在就来运动，还有现在不做运动等待何时之意。

（2）APP功能模块设定

围绕运动健康主题，进行功能定义和内容划分，拟有“训练”、“发现”、“动

态”和“我的”4个2级模块组成，再到3级直至具体内容项。如“训练”功能模块结

构又由“总共训练”、“推荐课程”、“推荐阅读”、“我的课程表”和“跑步”几个三级

模块组成。

（3）APP的UI设计

通过竞品分析（同类APP）→ 提炼线框图 → 确定Android和ios平台规范

（分辨率、图标尺寸、列表/文字、按钮、头部栏与导航、LOGO、色彩与文字、

输入框与表单、加载/弹出与提示等等）→ 进行线框布局 → 重构细节 → 用户

调研 → 迭代优化 →设计制作 → 平台适应性测试 → 编辑修改，直至最终完

成→发布应用。

A 风格

时尚健康的现代简约风格，每個UI界面风格基本一致。

B 色彩

拟采用深色系，主体色为 #202334和 #34364d;辅助色为 #f7e080 和#ffffff。

留白部分和内容底色，采用黑色和白色或者以自然照片为背景。

C 字体、字号

拟采用冬青黑体;20-36号。

D Logo设计

拟采用App名称的首字母“N”，设计时让“N”看上去像闪电的样子，寓意瘦

成一道闪电，然后再经过变形，让它看上去像跑步时腿的形状，寓意动起来。

（4）APP布局

拟选用宫格式、列表式、图片平铺式、一线连接式进行布局页面内容，以色

块或图标突出该UI界面的重点内容。

（5）技术采用

A.图像处理技术：PhotoShop、Illustrator等等。

B.前端开发技术：高性能前端框架MUI、HTML5、CSS3。

MUI是一个可以方便开发出高性能App的框架，也是目前最接近原生App

效果的框架[2]。

C.后端开发技术：SSM框架（Spring + SpringMVC + MyBatis）。

其中Spring是一个轻量级的控制反转（IoC）和面向切面（AOP）的容器框

架。SpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色，

这种分离让它们更容易进行定制。MyBatis是一个支持普通SQL查询，存储过程

和高级映射的优秀持久层框架。[3]

三、“Now”运动健康主题APP的创新

（1）实用便捷，受众广泛

这款运动健康APP让用户在家就可以练，不用花费多余的资金，也不用单

独挤出时间，只需要有空闲时间都可以锻炼。青年学生是一个很重要的人群，在

没有充足的资金去健身房运动，又很想得到比较专业的指导，那么这款运动APP

就是他们最好的选择。

（2）功能全面

内容不仅仅只有跑步，还有很多锻炼其他身体机能的内容，可以让用户全方

位得到锻炼。

（3）APP信息架构合理、自然，交互性良好

（4）UI设计严格按照相应的平台规范

结束语

本文通过设计开发出一款针对大众人群，应用性强、好感度高的智能手机运

动健康主题APP，号召人们重视运动重视健康，一起来运动，通过美观的UI界

面和丰富的功能弥补目前市场上相关APP的不足。设计美观、主题突出的APP

必将带给人们新的体验，具有艺术性的UI界面能提升人们的好感度从而提高对

该APP的应用率，推动健康运动的发展。

参考文献

[1]艾媒北极星2018-2019年中国手机APP TOP 500榜单，https：

///c900/，

[2]MUI最接近原生APP体验的高性能前端框架，https：

///cuiyadll/article/details/84803683

[3]明日科技，Java从入门到精通（第4版），清华大学出版社，2018-10-08