健身类手机app界面设计

admin管理员组

文章数量:1532179

2024年4月26日发(作者：)

word

毕业设计〔论文〕

论文题目：健身类手机app界面设计

系 别：计算机与信息技术系

专业班级：14 计算机信息管理

学生某某：

指导教师：

二〇一七 年 五 月 十八 日

1 / 15

word

目 录

摘 要1

引 言2

1 项目的介绍2

1.1 相关概念设定2

此行业开展前景分析3

1.3研究项目的目的和意义3

2 界面详情设计3

2.1 界面风格与图标3

2.2 标准色定义4

3 设计概要5

3.1 用户体验5

3.2 用户界面6

4 效果图总揽6

4.1 首页6

4.2 商城8

5 App开发陈述9

参考文献11

致 谢13

i / 15

word

健身类手机app界面设计

【摘要】随着现代社会的飞速开展，人民物质文化生活不断提高。如今生活节奏愈来愈快，

人们在繁忙的工作生活之余，逐渐意识到体育健身运动的重要性。健康的体魄，健美的形

体是每个人的强烈渴望。健身运动在当今社会中的重要性不仅仅是因为人们单纯的喜欢某

项运动，而是因为参加这些运动可以调节精神，摆脱烦恼，消除疲劳，延长寿命，防病治

病，减少医疗开支，还能提高社会劳动生产力，对开展国民经济具有积极意义。改革开放

以来，随着我过跨世纪现代化建设的稳步进展，国民的经济生活水平不断提高，机械化水

平更进一步提升，提高国民体质逐渐被提上日程。全民健身计划是党中央，国务院在建设

和谐社会时期提出的以提高全民族身体素质和健康状况为中心的战略性决策。全民健身计

划的提出和实施指明了我国体育事业的开展方向，对我国群众体育实践，促进体育理论建

设，全面提高中华民族乃至全人类的健康水平和整体素质都具有重大意义。

【关键词】健身 运动 消费 全民

1 / 15

word

引 言

健身运动的广泛开展，使越来越多的城市居民逐步的体会到体育活动对提高健康水平

的重要作用。人们的体育活动意识明显增强，参加体育活动的人数明显增多。最新的调查

数据显示，我国经常参加体育锻炼的人口比例为28.2%。然而，我国居民参加体育锻炼的

科学化程度不高，大众健身运动某某存在许多误区，运动科学健身科学知识有待进一步普

与，运动健身的指导仍需不断加强。体育锻炼作为一种健康、积极的生活方式在增强人民

体质、提高人体健康水平中发挥着不可替代的作用。研究证实，科学的运动健身可以促进

人体生长发育，提高人体机能水平，缓解精神压力，保持心情舒畅降低心血管病、糖尿病

等慢性病发病几率，延缓衰老过程，使人延年益寿。

1 项目的介绍

相关概念设定

Talking Data 2014移动互联网数据报告中显示，在IOS与Android两个平台上移动

健康管理用户规模宏达，并且增长速度不断提高[4]。像咕咚、乐动力跑步等APP用户量

已超过千万，Nike Training、超级减肥王等APP下载量增长速度超过300%。由此看出拥

有庞大的用户群，在人群中已经广泛的使用，并在以一种高速的形势不断增加。健身类APP

辅助指导锻炼改变了传统的体育健身方式需要抽出固定的时间段针对不同的运动项目或

不同的器械进展锻炼，更加适应生活压力大，工作繁重的今天，受到更多人的欢迎。目前，

市场上的健身APP的功能主要有以下几方面：〔1〕记录运动健身数据，利用智能手机中GPS

定位系统、陀螺仪等实时记录用户的运动轨迹，耗能以与其他运动数据，还根据传感器和

其他设备提供用户的心率、血压、体温等身体数据供健身者参考。〔2〕健身指导，健身APP

内配备各种项目的视频、音频、文字图片等这种功能，用户可根据自己的爱好进展锻炼项

目的选择进展科学指导练习。〔3〕科学生活，健身APP通过介绍均衡膳食、合理作息时间、

督促用户改正错误的生活方式，提高生活质量，引导用户健康生活方式。〔4〕私人社交、

健身APP为每一位用户制定科学的健身计划，并形成健身任务，用户可以提交健身成果数

据在健身圈进展排名，并且可以相互交流健身心得，还可以随时随地和健身爱好者进展邀

请，利用其分享功能，将信息分享到各大社交品台供更多健身爱好者进展交流。

2 / 15

word

此行业开展前景分析

目前，健身APP记步、视频指导和社交几个主要功能受到用户的广泛使用，随着健身

APP的功能的愈加完善，用户群体会更加的年轻化，普与化在全民健身中得到充分的发挥。

随着健身APP流行起来，健身功能会更加完善，你想运动了，通过健身APP定一X电子门

票，既方便快捷，又实用环保，打球、健身、游泳、滑雪等都轻松搞定。不仅如此，健身

APP还可以实现更多人性化目标，如体育知识推广、场馆预订查询、预约健身教练，查询

路况，停车场等等，更加方便实用，体育自然而然地更加接近广阔手机用户，健身APP让

运动变得更简单、更快乐。

健身APP改变传统的健身方式，克制可健身爱好者场地困难，缺乏时间等一系列问题，

使体育健身成为随时随地的一种时尚，用户可根据自己的时间和爱好自由选择锻炼的项

目，不受场地的限制。在不久的将来健身类APP可以为更多的用户带来便捷方便的体育锻

炼方式。在这样一个形势下，健身类APP不断迅速开展，以与全民健身的热潮是的APP的

开展有一个很好的开展空间，2014年全民健身首次作为国家战略被提出，运动健身领域再

次成为焦点，基于移动互联技术、智能手机和可穿戴技术的运动类 APP 也日益引起人们

的关注。在全民健身的战略下，健身类APP有更广阔的市场价值。本人设计的此款app。

拥有健身视频一对一功能，相关产品售卖商城，社交网络功能，健步计跑功能等，完全满

足顾客健身所需所有的要求。

1.3 研究项目的目的和意义

全民健身计划有利于维系社会活动力，维护社会安定，陶冶情操，对社 会主义精神

文明建设具有重要作用，更有利于改善人与人之间的关系。而大众健美操作为最受大众欢

迎的健身方式在全民健身计划中有着怎样的作用，民众对全民健身的反映以与大众健美操

在民众中的认可度，这是我的研究重点，最终目的是为了给我国的全民健身计划提出更好

的计划，让全民健身计划得以更好的实施，进而增进国民体质，进一步提高国民整体素质，

以更好的建设和谐社会，最终实现民族的伟大复兴！《全民健身计划》是一项国家领导、

社会支持、全民参与的体育健身计划,目的在于:全面提高中华民族的体质和健康水平,根

本建成具有中国特色的全民健身体系。

2 界面详情设计

2.1 界面风格与图标

如果说信息架构是软件的骨架，那么界面就好比软件的面，用户一看这X脸就知道这

个APP好看不好看，合不合自己的眼，以与对这个APP的感觉怎么样；图标如此可以形容

3 / 15

word

成是软件的眼睛和嘴巴，图标会引导你如何去操作这款APP，好的图标用户一看就知道点

这个是干什么的，该如何去操作这款APP。

无论什么样的界面风格和图标风格都是允许的，因为这没有很严格的风格界面规X，

只有长得好看的，和长得不好看的；也没有最好的风格，所有界面被设计出来的前提是：

美观，并且风格保持一致。比如图标的风格，如果都是线型的，就不用再用填充的。分割

线的颜色粗细等也要保持一致。界面整体风格又最好与图标的风格相配套，保持一致性的

风格能让用户在使用产品时才会有比拟深的印象，一款软件同样需要靠风格的统一来达到

建立“形象〞的目的。

为了让用户快速学会使用软件，图标的设计最好是简洁的，而现在图标的设计风格都

是以扁平化为主的。能够让用户在看见的同时，脑海中就有了正确的联想从而知晓该图标

所表示的功能与含义，这应当是所有风格的前提。

2.2 标准色定义

App启动图标如图1-1 所示：

图1-1 APP启动图标

设计主要规格：

4 / 15

word

主要颜色：藏青色

〔1〕设计尺寸：以iphone6屏幕分辨率为主750px 1334px 图标尺寸120px 状态

栏40px 导航栏88px 图标44px 搜索框60px 菜单栏98px 边距24px;

〔2〕最优显示分辨率：72ppi;

〔3〕色彩模式：RGB;

〔4〕字体：苹方 字体大小18~36;

logo设计的灵感由来:

首先，为什么要以一个“燃〞字作为app的名称以与logo的主要参考。在我看来，

运动，无非就是要让自己动起来，身体动起来了，你全身的肌肉就会活跃，新陈代谢速度

加快了，身体发热，脂肪燃烧。所以，无论是增肌还是减肥，都是以燃烧身体为前提的。

再者，“燃〞这个字给人有无限发挥的空间，第一眼见到这个字，我就决定logo以这个

字为出发点，火字旁在我看来就像一个健壮的人在展示自己健美的肌肉。而健身当中，哑

铃作为必不可少的器械，当然也被我参加到创作的灵感当中来，就这样，一个简单的字，

融入了两个元素之后。就更加能够表现app的主题，然后是配色的理由，底色的藏青色一

直是我喜欢的颜色，此色并不显得生硬，但是又有着一种让人沉稳的感觉。我们主要的使

用对象大多数是年轻人一代，但这并不需要太多的色彩冲击感。绿色和藏青色是同属一个

色系，放在一起搭配不会显得太过冲击。绿色代表着青春，朝气，也更加适合我们这个年

代的人。综上所述，为我设计此logo的灵感来源。

3 设计概要

3.1用户体验

用户体验简单的说就是用户用这个软件用起来觉得舒不舒服，如果用起来舒服，用

得顺手那肯定就是好软件。但如果用起来很不舒服，甚至操作困难，连怎么用都不知道，

那在人机交互上肯定有问题，用户体验也就肯定好不了。好的创意设计充满灵性与美感用

户体验，简称UX或UE。从广义的角度上来讲，用户体验可以定义为正在使用某个产品的

过程中的使用体验舒适度以与全部的过程感受，一点也不夸X的说，它包含着世界上任何

一个产品。

在很多人的理解中，一提到用户体验设计就会首先联想到技术设备这一类，譬如手机，

软件，电脑以与。易用性，顾名思义，就是使用户容易使用，使用的更方便。从用户的角

度出发而设计。一款软件的易用性，是用户体验在APP的设计中所呈现的重中之重，也是

留住客户的最有力的一个筹码。用户体验最强调的就是用户的可用性、实用性以与易用性。

5 / 15

word

易用性的设计要随时考虑到用户的使用场景，并且从多方面的角度为用户考虑，使用户在

使用产品的时候更容易与方便。

其实不然，在我们的日常工作生活中，我们每一个人每天都接触到的用户体验不计其

数，可以这么说，用户体验几乎遍布我们生活的方方面面，大到飞机，汽车，小到饭店吃

饭，商城购物，用户体验无处不在。一个好的用户体验，可以帮助用户在生活中的方方面

面都更加舒服与方面。

想要给用户一个良好的使用体验，用户的浏览体验就不得不提。浏览体验是用户体验

最直观的表现，也是第一步。提与浏览体验，根本的要求就是界面的整体布局不可以太混

乱，整体布局要突出重点，分清主次。就图文分享软件“LOFTER〞而言，现在运营的与改

版后的“LOFTER〞，虽然只是在原有的根底上进展了一点点的调整，但是两个版本在给用

户的使用体验中却有着极大的不同感受。

3.2用户界面

用户界面，简称为UI，UI是在人机互动的过程中的一个层面；界面设计是一个具有

复杂的，具有着不同的学科参与的一项工程，设计学、心理学等在此都具有着其特有的重

要的位置。

例如，设计建立一个购物的APP时，不仅仅只是要考虑到用户的使用便利，同时也要

把其绚丽的商品图片,和谐的色彩搭配以与合理的icon放置的位置以协调美观的方式排版

展现出来。如果把一个APP比喻成一个人，那么用户界面如此是一个人的穿着与发型，是

一个人的形象。只有形象简单健康大方得体，才会让人愿意去进一步了解你并且与你交流。

情感体验设计，强调友好性，注重给用户心理上的体验。产品中的情感化的设计经常

会是产品与用户之间的情感传递的纽带，这种传达情感的设计不但能够增强用户对产品的

友好度，更可以促使产品更加深入人心，让用户给产品带来口碑效用。或许仅是一句友好

的文案，一个简短的动画都可以打动用户内心，使其与产品产生情感上的共鸣，这便是产

品设计中的情感体验的作用。

情感化的设计可以帮助用户化解负面的情绪。在注册登录以与Leading界面的出现无

疑是让人头疼的流程。他们的出现使用户不能直接的使用产品的功能与享受结果。所以在

登录与注册的枯燥过程中很容易造成用户的流失。而巧妙地运用情感化的设计如此可以很

好的防止这一点，从而还能很好的留住用户。

4 效果图总揽

4.1 首页

app首页如图4-1 所示：

6 / 15

word

图4-1 APP首页

7 / 15

word

4.2 商城

App商城如图4-2 所示

图4-2 APP商城

8 / 15

word

5 App开发陈述

app移动项目，属于快速开发项目，一般仅需3个月左右的时间即可完成项目的开发，

以与产品的最终上线运营。正因此，客户在需求阶段，也能够看到其产品将来的根本概貌

app原型设计。

一般的APP设计流程是由客户提出要求，然后项目经理作出上下保真原型图，再交给

设计人员根据原型图进展设计，最终设计出完整方案。

app原型设计是以草稿图的形式为客户描绘到整个app产品每一个页面的根本布局情

况，以与页面与页面之间的交互情况。它是与app前端需求编写同时进展的一项工作。

作为app开发公司的项目专员，其有义务为客户描绘到整个产品的根本打造情况，且

应该以书稿的形式呈现到客户眼前，以此作为凭证，供日后开发使用。而不是说单纯仅通

过口头传达。因为口头描述的东西，过后如果没有以书稿的形式记录起来，便将会有

遗忘，相当于整场会议下来，到最后，只是浪费了双方的时间。

App原形图如图5-1 所示

图5-1 APP原形图

9 / 15

80%

word

App个人页如图5-2 所示

图5-2 APP个人页

10 / 15

word

App设置页如图5-3 所示

图5-3 APP设置页

11 / 15

word

参考文献

[1][M].人民邮电,2013

[2][M].人民邮电,2013

[3][N].钱江晚报,2015-10-31〔12〕

[4][美][M]

[5][美][M]

[6][美][M].2013

[7]徐志阳.亚洲人肌肉结构缝隙[M]

[8][新]舒维益.论肌肉增长周期[M].2009

[9]教育部. 文化部、关于深化文化改革，推动互联网开展[EB/OL]

[10][美][M].2013

12 / 15

word

致谢

光阴似箭，日月如棱。三年的时间，在我们漫长的人生旅途中是那么的短暂，但是，

这短短的三年是最真诚的青春，是最纯真的岁月，是最美丽的大学生活,我们的自学能力

在这里得提升，我感谢所有的恩师：是您赋予我们最有意义的收获；是您带领我们走进知

识殿堂，使我们不但丰富了知识；是您给我们一个全新的角度去发现美、创造美、欣赏美，

给我们美的眼睛去发现世界的美，感悟生活的美；是你教会我们珍惜友谊和时间；是您给

了我们看世界的眼睛，是你们用博大的胸怀，给予我们最无私的关怀和奉献。这在这次的

毕业论文中，我结合了自己在学校学的，以与在实习地方学到的知识，也算是我最后一次

做学校的作业了，我要感谢我的指导教师，还有我的班主任教师，以与任课教师，感谢他

们的教导，让我知道在社会上懂得怎样去做好自己，端正自己的位置，为社会贡献出我自

己的力量。

历时将近两个月的时间终于将这篇论文写完，在论文的写作过程中遇到了无数的困难

和障碍，都在同学和教师的帮助下度过了。尤其要强烈感谢我的论文指导教师，她对我进

展了无私的指导和帮助，不厌其烦的帮助进展论文的修改和改良。另外，在校图书馆查找

资料的时候，图书馆的教师也给我提供了很多方面的支持与帮助。在此向帮助和指导过我

的各位教师表示最中心的感谢！

感谢这篇论文所涉与到的各位学者。本文引用了数位学者的研究文献，如果没有各位

学者的研究成果的帮助和启发，我将很难完本钱篇论文的写作。

感谢我的同学和朋友，在我写论文的过程中给予我很多素材，还在论文的撰写和排版

等过程中提供热情的帮助。

由于我的学术水平有限，所写论文难免有不足之处，恳请各位教师和同学批评和指正！

13 / 15

本文标签： 健身用户设计体验