健身类手机app界面设计

精品文档 1欢迎下载 毕业设计 论文 毕业设计 论文 论文题目 论文题目 健身类手机健身类手机 appapp 界面设计界面设计 系系 别 别 计算机与信息技术系计算机与信息技术系 专业班级 专业班级 1414 计算机信息管理计算机信息管理 学生姓名 学生姓名 指导教师 指导教师 二二 一七一七 年年 五五 月月 十八十八 日日 精品文档 i i欢迎下载 目目 录录 摘摘 要要 1 1 引引 言言 2 2 1 1 项目项目的的介绍介绍 2 2 1 11 1 相关概念设定相关概念设定 2 2 1 21 2 此行业发展前景分析此行业发展前景分析 3 3 1 31 3 研究项目的目研究项目的目的的和意义和意义 3 3 2 2 界面详情设计界面详情设计 3 3 2 2 1 1 界面界面风风格与图标格与图标 3 3 2 22 2 标准色定义标准色定义 4 4 3 3 设计设计概概要要 5 5 3 13 1 用户用户体体验验 5 5 3 23 2 用户界用户界面面 6 6 4 4 效果效果图图总总揽揽 6 6 4 14 1 首页首页 6 6 4 24 2 商商城城 8 8 5 5 AppApp 开发陈述开发陈述 9 9 参考文献参考文献 1212 致致 谢谢 1313 精品文档 11欢迎下载 健身类手机健身类手机 appapp 界面设计界面设计 摘摘 要要 随着现代社会的飞速发展 人民物质文化生活不断提高 如今生活节奏愈来 愈快 人们在繁忙的工作生活之余 逐渐意识到体育健身运动的重要性 健康的体魄 健美的形体是每个人的强烈渴望 健身运动在当今社会中的重要性不仅仅是因为人们单 纯的喜欢某项运动 而是因为参加这些运动可以调节精神 摆脱烦恼 消除疲劳 延长 寿命 防病治病 减少医疗开支 还能提高社会劳动生产力 对发展国民经济具有积极 意义 改革开放以来 随着我过跨世纪现代化建设的稳步进行 国民的经济生活水平不 断提高 机械化水平更进一步提升 提高国民体质逐渐被提上日程 全民健身计划是党 中央 国务院在建设和谐社会时期提出的以提高全民族身体素质和健康状况为中心的战 略性决策 全民健身计划的提出和实施指明了我国体育事业的发展方向 对我国群众体 育实践 促进体育理论建设 全面提高中华民族乃至全人类的健康水平和整体素质都具 有重大意义 关键词关键词 健身 运动 消费 全民 精品文档 22欢迎下载 引引 言言 健身运动的广泛开展 使越来越多的城市居民逐步的体会到体育活动对提高健康水 平的重要作用 人们的体育活动意识明显增强 参加体育活动的人数明显增多 最新的 调查数据显示 我国经常参加体育锻炼的人口比例为 28 2 然而 我国居民参加体育锻 炼的科学化程度不高 大众健身运动中尚存在许多误区 运动科学健身科学知识有待进 一步普及 运动健身的指导仍需不断加强 体育锻炼作为一种健康 积极的生活方式在 增强人民体质 提高人体健康水平中发挥着不可替代的作用 研究证实 科学的运动健 身可以促进人体生长发育 提高人体机能水平 缓解精神压力 保持心情舒畅降低心血 管病 糖尿病等慢性病发病几率 延缓衰老过程 使人延年益寿 1 1 项目的介绍项目的介绍 1 11 1 相关概念设定相关概念设定 Talking Data 2014 移动互联网数据报告中显示 在 IOS 与 Android 两个平台上移动 健康管理用户规模宏达 并且增长速度不断提高 4 像咕咚 乐动力跑步等 APP 用户量 已超过千万 Nike Training 超级减肥王等 APP 下载量增长速度超过 300 由此看出拥 有庞大的用户群 在人群中已经广泛的使用 并在以一种高速的形势不断增加 健身类 APP 辅助指导锻炼改变了传统的体育健身方式需要抽出固定的时间段针对不同的运动项目 或不同的器械进行锻炼 更加适应生活压力大 工作繁重的今天 受到更多人的欢迎 目前 市场上的健身 APP 的功能主要有以下几方面 1 记录运动健身数据 利用智能 手机中 GPS 定位系统 陀螺仪等实时记录用户的运动轨迹 耗能以及其他运动数据 还 根据传感器和其他设备提供用户的心率 血压 体温等身体数据供健身者参考 2 健 身指导 健身 APP 内配备各种项目的视频 音频 文字图片等这种功能 用户可根据自 己的爱好进行锻炼项目的选择进行科学指导练习 3 科学生活 健身 APP 通过介绍均 衡膳食 合理作息时间 督促用户改正错误的生活方式 提高生活质量 引导用户健康 生活方式 4 私人社交 健身 APP 为每一位用户制定科学的健身计划 并形成健身任 务 用户可以提交健身成果数据在健身圈进行排名 并且可以相互交流健身心得 还可 以随时随地和健身爱好者进行邀请 利用其分享功能 将信息分享到各大社交品台供更 多健身爱好者进行交流 精品文档 33欢迎下载 1 21 2 此行业发展前景分析此行业发展前景分析 目前 健身 APP 记步 视频指导和社交几个主要功能受到用户的广泛使用 随着健 身 APP 的功能的愈加完善 用户群体会更加的年轻化 普及化在全民健身中得到充分的 发挥 随着健身 APP 流行起来 健身功能会更加完善 你想运动了 通过健身 APP 定一 张电子门票 既方便快捷 又实用环保 打球 健身 游泳 滑雪等都轻松搞定 不仅 如此 健身 APP 还可以实现更多人性化目标 如体育知识推广 场馆预订查询 预约健 身教练 查询路况 停车场等等 更加方便实用 体育自然而然地更加接近广大手机用 户 健身 APP 让运动变得更简单 更快乐 健身 APP 改变传统的健身方式 克服可健身爱好者场地困难 缺乏时间等一系列问 题 使体育健身成为随时随地的一种时尚 用户可根据自己的时间和爱好自由选择锻炼 的项目 不受场地的限制 在不久的将来健身类 APP 可以为更多的用户带来便捷方便的 体育锻炼方式 在这样一个形势下 健身类 APP 不断迅速发展 以及全民健身的热潮是 的 APP 的发展有一个很好的发展空间 2014 年全民健身首次作为国家战略被提出 运动 健身领域再次成为焦点 基于移动互联技术 智能手机和可穿戴技术的运动类 APP 也日 益引起人们的关注 在全民健身的战略下 健身类 APP 有更广阔的市场价值 本人设计 的此款 app 拥有健身视频一对一功能 相关产品售卖商城 社交网络功能 健步计跑功 能等 完全满足顾客健身所需所有的要求 1 31 3 研究项目的目的和意义研究项目的目的和意义 全民健身计划有利于维系社会活动力 维护社会安定 陶冶情操 对社 会主义精神 文明建设具有重要作用 更有利于改善人与人之间的关系 而大众健美操作为最受大众 欢迎的健身方式在全民健身计划中有着怎样的作用 民众对全民健身的反映以及大众健 美操在民众中的认可度 这是我的研究重点 最终目的是为了给我国的全民健身计划提 出更好的计划 让全民健身计划得以更好的实施 进而增进国民体质 进一步提高国民 整体素质 以更好的建设和谐社会 最终实现民族的伟大复兴 全民健身计划 是一 项国家领导 社会支持 全民参与的体育健身计划 目的在于 全面提高中华民族的体质 和健康水平 基本建成具有中国特色的全民健身体系 2 2 界面详情设计界面详情设计 2 12 1 界面风格与图标界面风格与图标 如果说信息架构是软件的骨架 那么界面就好比软件的面 用户一看这张脸就知道 这个 APP 好看不好看 合不合自己的眼 以及对这个 APP 的感觉怎么样 图标则可以形 精品文档 44欢迎下载 容成是软件的眼睛和嘴巴 图标会引导你如何去操作这款 APP 好的图标用户一看就知道 点这个是干什么的 该如何去操作这款 APP 无论什么样的界面风格和图标风格都是允许的 因为这没有很严格的风格界面规范 只有长得好看的 和长得不好看的 也没有最好的风格 所有界面被设计出来的前提是 美观 并且风格保持一致 比如图标的风格 如果都是线型的 就不用再用填充的 分 割线的颜色粗细等也要保持一致 界面整体风格又最好与图标的风格相配套 保持一致 性的风格能让用户在使用产品时才会有比较深的印象 一款软件同样需要靠风格的统一 来达到建立 形象 的目的 为了让用户快速学会使用软件 图标的设计最好是简洁的 而现在图标的设计风格 都是以扁平化为主的 能够让用户在看见的同时 脑海中就有了正确的联想从而知晓该 图标所表示的功能与含义 这应当是所有风格的前提 2 22 2 标准色定义标准色定义 App 启动图标如图 1 1 所示 图 1 1 APP 启动图标 设计主要规格 精品文档 55欢迎下载 主要颜色 藏青色 FFFFFF F6C930 1 3 3 规格定义 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 设计概要设计概要 3 13 1 用户体验用户体验 用户体验简单的说就是用户用这个软件用起来觉得舒不舒服 如果用起来舒服 用 得顺手那肯定就是好软件 但如果用起来很不舒服 甚至操作困难 连怎么用都不知道 那在人机交互上肯定有问题 用户体验也就肯定好不了 好的创意设计充满灵性与美感 用户体验 简称 UX 或 UE 从广义的角度上来讲 用户体验可以定义为正在使用某个产品 的过程中的使用体验舒适度以及全部的过程感受 一点也不夸张的说 它包含着世界上 任何一个产品 在很多人的理解中 一提到用户体验设计就会首先联想到技术设备这一类 譬如手 机 软件 电脑以及网站 易用性 顾名思义 就是使用户容易使用 使用的更方便 从用户的角度出发而设计 一款软件的易用性 是用户体验在 APP 的设计中所呈现的重 中之重 也是留住客户的最有力的一个筹码 用户体验最强调的就是用户的可用性 实 精品文档 66欢迎下载 用性以及易用性 易用性的设计要随时考虑到用户的使用场景 并且从多方面的角度为 用户考虑 使用户在使用产品的时候更容易与方便 其实不然 在我们的日常工作生活中 我们每一个人每天都接触到的用户体验不计 其数 可以这么说 用户体验几乎遍布我们生活的方方面面 大到飞机 汽车 小到饭 店吃饭 商城购物 用户体验无处不在 一个好的用户体验 可以帮助用户在生活中的 方方面面都更加舒服与方面 想要给用户一个良好的使用体验 用户的浏览体验就不得不提 浏览体验是用户体 验最直观的表现 也是第一步 提及浏览体验 基本的要求就是界面的整体布局不可以 太混乱 整体布局要突出重点 分清主次 就图文分享软件 LOFTER 而言 现在运营 的与改版后的 LOFTER 虽然只是在原有的基础上进行了一点点的调整 但是两个版本 在给用户的使用体验中却有着极大的不同感受 3 23 2 用户界面用户界面 用户界面 简称为 UI UI 是在人机互动的过程中的一个层面 界面设计是一个具有 复杂的 具有着不同的学科参与的一项工程 设计学 心理学等在此都具有着其特有的 重要的位置 例如 设计建立一个购物的 APP 时 不仅仅只是要考虑到用户的使用便利 同时也 要把其绚丽的商品图片 和谐的色彩搭配以及合理的 icon 放置的位置以协调美观的方式 排版展现出来 如果把一个 APP 比喻成一个人 那么用户界面则是一个人的穿着与发型 是一个人的形象 只有形象简单健康大方得体 才会让人愿意去进一步了解你并且与你 交流 情感体验设计 强调友好性 注重给用户心理上的体验 产品中的情感化的设计经 常会是产品与用户之间的情感传递的纽带 这种传达情感的设计不但能够增强用户对产 品的友好度 更可以促使产品更加深入人心 让用户给产品带来口碑效用 或许仅是一 句友好的文案 一个简短的动画都可以打动用户内心 使其与产品产生情感上的共鸣 这便是产品设计中的情感体验的作用 情感化的设计可以帮助用户化解负面的情绪 在注册登录以及 Leading 界面的出现 无疑是让人头疼的流程 他们的出现使用户不能直接的使用产品的功能及享受结果 所 以在登录与注册的枯燥过程中很容易造成用户的流失 而巧妙地运用情感化的设计则可 以很好的避免这一点 从而还能很好的留住用户 精品文档 77欢迎下载 4 4 效果图总揽效果图总揽 4 14 1 首页首页 app 首页如图4 1 所示 图 4 1 APP 首页 精品文档 88欢迎下载 4 24 2 商城商城 App 商城如图 4 2 所示 图 4 2 APP 商城 精品文档 99欢迎下载 5 5 AppApp 开发陈述开发陈述 app 移动项目 属于快速开发项目 一般仅需 3 个月左右的时间即可完成项目的开发 以及产品的最终上线运营 正因此 客户在需求阶段 也能够看到其产品将来的基本概 貌 app 原型设计 一般的 APP 设计流程是由客户提出要求 然后项目经理作出高低保真原型图 再交 给设计人员根据原型图进行设计 最终设计出完整方案 app 原型设计是以草稿图的形式为客户描绘到整个 app 产品每一个页面的基本布局情 况 以及页面与页面之间的交互情况 它是与 app 前端需求编写同时进行的一项工作 作为 app 开发公司的项目专员 其有义务为客户描绘到整个产品的基本打造情况 且应该以书稿的形式呈现到客户眼前 以此作为凭证 供日后开发使用 而不是说单纯 仅通过口头传达 因为口头描述的东西 过后如果没有以书稿的形式记录起来 便将会 有 80 遗忘 相当于整场会议下来 到最后 只是浪费了双方的时间 App 原形图如图 5 1 所示 图 5 1 APP 原形图 精品文档 1010欢迎下载 App 个人页如图 5 2 所示 图 5 2 APP 个人页 精品文档 1111欢迎下载 App 设置页如图 5 3 所示 图 5 3 APP 设置页 参考文献参考文献 1 王文晓 运动解剖学 M 人民邮电出版社 2013 精品文档 1212欢迎下载 2 王瑞元 运动生理学 M 人民邮电出版社 2013 3 齐伟 肌肉健美训练图解 N 钱江晚报 2015 10 31 12 4 美 唐纳德诺依曼 骨骼肌肉功能解剖学第 2 版 M 张魏霞译 2000 5 美 卡莱热尔曼 运动解剖书 M 刘芳译 2008 6 美 马克韦勒 力量与肌肉训练图谱 M 2013 7 徐志阳 亚洲人肌肉结构缝隙 M 华北工业大学出版社 2007 8 新 舒维益 论肌肉增长周期 M 2009 9 教育部 文化部 关于深化文化改革 推动互联网发展 EB OL 10 美 罗斯 运动 app 的崛起 M 2013 致致 谢谢 光阴似箭 日月如棱 三年的时间 在我们漫长的人生旅途中是那么的短暂 但是 这短短的三年是最真诚的青春 是最