当前位置:首页>> >>


运动APP《享动》UI设计与实现.rar

收藏

资源目录
    文档预览:
    编号:20181030003212139    类型:共享资源    大小:132.99MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    35
    金币
    关 键 词:
    运动 APP UI 设计 实现
    资源描述:
    名 称: 运动 APP《享动》UI 设计与实现学 院: 文学与传媒学院专 业: 数字媒体技术班 级: 2013 级 1 班姓 名: 贺冬学 号: 20130104019指导教师: 冯利华2017 年 5 月 10 日毕业设计(创作)报告毕业作品基本信息作品名称 运动 APP《享动》UI 设计与实现作者姓名 贺冬 创作时间 2015.12 - 2016.05担任职责简介:这是一款为喜爱运动,也喜欢交友的年轻人提供分享交流的平台和各种线下资源的 App 。这款 App 具有四大模块,分别是资讯模块、好友模块、分享模块、发布模块,不但整合了年轻人外出运动时需要的各种线下资源,而且着重研究了分享交流功能。通过《享动》用户可以快速寻找到需要的场馆、教练、设备等信息,也可以体验优秀分享交流功能,包含自行组织用户活动,在圈子中发表与评论,参加各种官方的活动,让运动不再孤单。APP 设计主要内容包含,logo 制作,ICON 设计,界面设计。除了界面的功能设计外,用户体验也很重要。《享动》中的 Icon 全部采用原创,从线稿到着色,最终以绘图软件生成。交互设计以目前常用的墨刀软件,以动态交互的效果展示出来。I摘 要社会经济的快速发展,在提高了人们的生活水平的同时,也提高了人们对于运动健身的认识。如今“全民健身”的热潮,使越来越多的人积极参与各种活动,这就需要一款 APP 满足这些人的需求,提供分享交流的平台,《享动》应运而生。此款应用不仅整合线上与线下的资源,满足用户运动中可能的需求,并且用户可以在发布的活动中找到适合自己的活动,让运动不再孤单。本作品在满足用户对于运动的线下需求之余,更着重于提升用户体验与视觉感受,希望通过此次研究制作的过程,创作出用户喜欢的运动 APP。 【关键词】 运动应用,交互设计,界面设计IIABSTRACTSports APP “Enjoy“ UI Design and ImplemEntationWith the rapid development of society and economy, people's living standards have been improved and people's awareness of sports and fitness has been improved. Today, the “national fitness“ boom, so that more and more people actively participate in various activities, which requires a APP to meet the needs of these people, to provide a platform for sharing and communication, “enjoy“ came into being. This application will not only integrate the online and offline resources, meet the needs of the user's movement, and users can find their own activities in the release of activities, so that sports are no longer lonely.In this work, to meet the user's demand for sports offline, but also focus on improving user experience and visual experience, I hope through this process of research and production, creating the user's favorite sports APP.【Key Words】 Sports application,UI design,Interaction design目 录毕业作品基本信息 .........................................................I摘 要 ..................................................................IIABSTRACT ...............................................................III引言 .................................................................- 1 -一、UI 设计理念与定位 .................................................- 1 -(一)UI 设计理念 .....................................................- 1 -(二)功能定位 .......................................................- 1 -(三)用户定位 .......................................................- 1 -二、设计概要 .........................................................- 2 -(一)设计来源 .......................................................- 2 -(二)风格定位 .......................................................- 2 -(三)原型图 .........................................................- 3 -三、《享动》APP 界面设计与制作 ........................................- 4 -(一)图标设计 .......................................................- 4 -(二)启动界面设计 ...................................................- 5 -(三)资讯界面设计 ...................................................- 6 -(四)好友界面设计 ...................................................- 7 -(五)圈子界面设计 ...................................................- 8 -(六)发布界面设计 ...................................................- 9 -(七)个人界面设计 ..................................................- 10 -四、《享动》APP 交互制作 .............................................- 11 -(一)个人界面交互制作 ..............................................- 11 -(二)资讯界面交互制作 ..............................................- 11 -五、《享动》APP 宣传与推广 ...........................................- 12 -(一)网站界面制作 ..................................................- 12 -(二)宣传视频制作 ..................................................- 12 -结论 ................................................................- 13 -参考文献 ............................................................- 14 -致谢 ................................................................- 15 -石家庄学院毕业设计(创作)报告- 0 -引言社会经济的快速发展,在提高了人们的生活水平的同时,也提高了人们对于运动健身的认识。而互联网+的蓬勃发展更是促使一批运动 APP 的产生,一款 APP 想要从众多的 APP 中脱颖而出,除了独特创新的操作功能之外,出众的视觉体验不可或缺,而简洁直观的设计更加符合现代得流行趋势。一、UI 设计理念与定位(一)UI 设计理念一个好的交互设计对产品的成功起着很关键的作用。一般而言用户更加关心界面视觉效果和软件操作方式,因此用户体验是否出众就成为一款应用能否成功关键因素,只有做到界面美观,色彩风格统一,布局简洁,逻辑清晰,应用简单易懂,才能减少用户流失,保证用户的留存率。因此产生了本次课题---运动交互 APP《享动》的 UI设计。《享动》是一款基于运动的交友类 APP,其特点是整合线上与线下的资源,满足用户运动中可能的需求,让运动不再孤单。设计注重简约,凸显应用核心内容,使得界面更加干净整洁,优雅大方,同时又使得软件易于响应,增加了用户使用的流畅性,提高了软件的性能。 (二)功能定位《享动》的功能设计包含四大块:分别为资讯模块,好友模块,分享模块,发布模块。应用的功能决定应用的大框架,这也是应用界面设计出发点。资讯模块为用户提供时下讯息、课程信息、教练信息、装备信息、场馆信息,为用户提供需要的各种资料。好友模块分为好友和信息两个小模块,方便用户间的交流与沟通。分享模块则为用户提供发表状态与观点的平台,记录运动时的点点滴滴,给予自己及他人鼓励。发布模块为用户提供丰富的活动,用户可以参加各种活动也可以自己组织活动,让运动不再孤单。(三)用户定位社会经济的快速发展,在提高了人们的生活水平的同时,也提高了人们对于运动健身的认识。如今“全民健身”热潮的兴起,让越来越多的人积极参与各种活动。这些人需要各种即时的讯息,喜欢与朋友一起运动,喜欢参加活动更希望在活动中认识更多的志同道合的朋友,分享运动中的经验与感触。所以这款应用设计定位是喜欢运动的青年人。二、设计概要(一)设计来源《享动》设计来源于身边的朋友们,他们喜欢运动,更喜欢参加活动。但是在想石家庄学院毕业设计(创作)报告- 1 -去运动时总会有一些问题出现,专业的课程与教练资源难以获得、适合的场馆不知道在哪里,运动设备不知道在哪里购买,各种活动信息更是不知哪里获得等等。我认为这就是喜爱运动的青年人面临的共同问题,若是能解决这些问题,这些人就可能成为《享动》的用户,于是产生了这次课题《享动》UI 设计与实现。(二)风格定位这款 APP 界面设计采取了简约的路线,以红色为主,并辅助使用深灰色,迎合用户参加活动的火热,并保证不会给人烦躁感。版式设计沿用当前最流行的扁平简约风格,具有简单明快的特点,实用性和美观性都比较强。标准色是应用的特定色彩系统,它应用的主要形象。因此应该始终保持标准色的一致运用。辅助色是为了辅助设计应用界面,丰富界面色彩构成。吸引用户关注。如图 1 所示:图 1 色彩构成《享动》APP 设计与实现- 2 -(三)原型图原型是需求和功能的具象化表达,且相较于 UI 稿来说修改更方便,所以在制定结构框架与设计 UI 稿之间,还有一个必不可少的步骤,就是原型图的制作,根据这一初步的设计方案再去完成 UI 稿,会更加便捷高效。如图 2 所示:图 2 原型图石家庄学院毕业设计(创作)报告- 3 -三、《享动》APP 界面设计与制作(一)图标设计LOGO 是一款应用的标志,优秀的 LOGO 设计可以使用户直观的了解应用。这款应用 LOGO 设计来源于《享动》中文拼音首字母的变形组合和运动哑铃。LOGO 释义:根据应用的功能与定位,logo 设计要结合运动,交友两个理念,使用户明确这款应用是基于运动的交友类应用。logo 主体色彩以红白为主,与软件主色调呼应,最上层采用大写字母 X、D 的变形组合,是《享动》首拼音的首字母,同时字母的变形整合也象征用户因为喜欢运动而聚集在一起,共同分享交流。底层的健身哑铃则象征这是一款基于运动交友类应用。LOGO 整体上看即火热动感,而又简洁优雅,符合时下简约的审美观念。此款软件的图标属于功能抽象+首字母变形,第一眼就可以使用户印象深刻。这种表现的形式在体现功能同时也有利于用户区分同类功能的其他应用。效果如图 3 所示 图 3 应用 logo(二)启动界面设计启动页作为开启软件时最先被用户看到的界面,有着关键的作用。一优秀的启动《享动》APP 设计与实现- 4 -界面能给用户好的第一印象,从而吸引用户去细细体验。启动页中 logo 图与享动字样都旨在加深用户印象,下方的一排字“您的健身交互专家”则阐述应用功能。背景为多张健身人们的渐变图,除了美观的作用,也在阐述分享交流的理念,吸引用户深入进入其中。效果如图 4 所示:图 4 启动界面(三)资讯界面设计资讯界面采用段式布局,顶部为宣传内容与重要信息的轮播图,中部为功能区,
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:运动APP《享动》UI设计与实现.rar
    链接地址:http://www.gold-doc.com/p-255152.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    [email protected] 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开