APP界面的设计与实现.docx

APP界面的设计与实现.docx

《APP界面的设计与实现.docx》由会员分享，可在线阅读，更多相关《APP界面的设计与实现.docx（13页珍藏版）》请在冰点文库上搜索。

山东传媒职业学院毕业设计报告

XXXXXXX学院

毕业设计报告

设计题目“乐情旅”APP界面的设计与实现

指导教师/职称XXXXX

作者姓名XXXXXX

XXXXXXXXX学院教务处

2017年6月15日

目录

摘要 3

1绪言 3

1.1项目界面设计基本要求 3

1.2项目界面设计工具介绍 3

1.3项目背景及意义 4

2需求分析 5

2.1用户需求 5

2.2功能需求 6

3APP界面的设计 6

3.1APP功能界面介绍 6

3.2APP图标的设计 7

3.3APP界面的布局设计 8

3.4APP界面的实现 9

3.4.1引导页界面 9

3.4.2网络加载界面 9

3.4.3登录界面 9

3.4.4首页界面 10

3.4.5分类界面 10

3.4.6目的地界面 10

3.4.7抢购界面 11

3.4.8我的界面 11

致谢 11

参考文献 12

“乐情旅”APP界面的设计与实现

摘要

旅行是近几年娱乐休闲的主要方式，而更加方便快捷的出行方式就是使用APP来获取信息，网上订票。

更多的人将“世界那么大，我想去看看”挂在嘴边，旅游散心一则放松自己在工作日中紧张的身心，二则锻炼身体。

基于这种形势，设计一款以旅行为主导的APP是现阶段十分有必要的任务。

乐情旅APP主要服务于中青年群体，基于智能手机平台，希望能够提供更便捷的服务来让用户更好的走出去。

关键词：

旅行；APP；需求

1绪言

智能手机在这几年不断的充斥着我们的日常生活，同时现代人也更加注重生活质量，在假期或者周末期间，一般人都想出去旅旅游散散心以放松自己在工作日中紧张的身心，也是为了锻炼身体。

现如今，旅游也逐渐成为了现代人生活的重要一部分。

所以在这个大背景下，设计一款基于智能手机的旅游软件也是十分有必要的，同时也会让我们的旅游生活变得更加方便。

1.1项目界面设计基本要求

界面设计：

首先一款有价值的APP要拥有良好的用户界面，用户在使用APP的过程中，容易对漂亮的界面产生好感，同时也更容易接受一些。

相反的，如果一款粗糙丑陋的界面会使用户产生厌恶感，然后对这款软件产生不信任感，最终放弃使用。

所以一个好的用户界面是APP在设计时的基础。

用户体验：

软件简单上手易操作是大多数用户的需求，用户首先不会对一款难以操作的软件产生好感，同样的对于操作复杂的也不会有兴趣，难以操作会使整个项目失去原有的活力，也就意味着项目还没开始就已经失败了。

要想做一款成功的APP，让用户在第一眼看到就能够操作基本项目是基本要求。

1.2项目界面设计工具介绍

首先，制定计划方案，设立目标。

确定选题，然后及时与指导老师沟通，进一步完善选题，了解选题所涉及的方面；查阅资料，到图书馆查阅相关图书，到阅览室查阅相关期刊、杂志以及从网上查阅相关知识，准备相关素材，并对毕业设计所需的工具软件进行了解，基本确定毕业设计作品的制作步骤，及毕业报告所要论述的内容，并完成论文开题报告和题目审批表。

其次，该款APP的设计主要使用的软件为AdobeIllustrator。

作为全球最著名的图形软件AdobeIllustrator，以其强大的功能和体贴用户的界面已经占据了全球矢量编辑软件中的大部分份额。

具不完全统计全球有37%的设计师在使用AdobeIllustrator进行艺术设计，尤其基于Adobe公司专利的PostScript技术的运用，Illustrator已经完全占领专业的印刷出版领域。

该软件所具备的精良的绘图工具、具有表现力的自然画笔、各种省时功能基本已经满足了我在设计上的所有需求。

另外，在设计过程中也用到了Photoshop，使用Photoshop设计了整款APP的启动页面，以及利用其进行其他页面的裁剪，美化。

在设计启动页面的过程中，主要是利用Photoshop设计了启动页面中心LOGO，以及“乐情旅”的字体设计。

1.3项目背景及意义

Android操作系统是与ios等手机操作系统处在同一级别的手机操作系统，是Google公司在2007年11月发布的基于Linux核心的手机操作系统，是一个开放性、开源性上午移动平台操作系统。

2012年11月数据显示，单是Android手机就占据全球智能手机市场76%的份额，中国市场占有率为90%。

2013年9月24日谷歌开发的Android操作系统迎来了5岁生日，全世界采用Android手机数量已经达到10亿台。

而ios系统以其流畅的运行速度，在智能手机市场更是首屈一指。

基于以上，我认为开发一个基于智能手机的旅游软件必定有其广阔的市场价值和重要的意义。

对于现代人来说，手机已经和生活紧密相连，可以说离了手机，大多数人很多事情都办不成。

所以基于以上几点，我认为开发这么一款软件必定能给用户带来极大地方便。

随着现在智能手机的功能越来越强大，智能手机在我们的日常生活中可谓是无处不在。

同时，基本上每个人在手机上都会装一些APP以方便自己的生活，比如美团外卖，淘宝，支付宝……在智能手机平台上，开发者可以随意开发各式各样的应用，因此手机上的应用程序也越来越多。

现在，越来越多的人已经不满足蜗居在自己熟悉的地方了，很多人都喊着“世界那么大，我想去看看”的口号，越来越多的人选择走出去，去看看外边的风景，体验一把不同的风土人情。

但是出门在外，难免会有很多不适应的地方，所以拥有一个方便实用的旅游APP显得格外重要，它会帮助我们少走很多弯路，我们在软件的帮助下也能快速找到喜欢的酒店，也可以提前了解一下我们所要去的目的地，最重要的是可以网上订酒店，订门票。

如此一来，就极大的方便了用户使用，同时为用户节省了时间，提高了出行效率，减少了出行烦恼。

2需求分析

一般来说，用户对于一款旅游APP的基本需求主要倾向于以下几个方面：

首先APP应该具备基础的注册登录，查看景点简介、图片、评价、旅行游记等功能。

此外还应具备良好的稳定性能和交互性。

2.1用户需求

一个产品的成败往往最关键的部分就是产品经理能否判断出用户的需求，同样的，对用户的需求进行分析也是设计产品的第一步。

美国心理学家亚伯拉罕•马斯洛在《动机与个性》中提出人类的需求像阶梯一样从低到高按层次分为五种，分别是：

生理需求（对食物、水、空气和住房等需求都是生理需求）；安全需求（对人身安全、生活稳定以及免遭痛苦、威胁或疾病等的需求）；社交需求（对友谊、爱情以及隶属关系的需求）；尊重需求（对成就或自我价值的个人感觉，也包括他人对自己的认可与尊重）；自我实现需求（发挥自身潜能，实现一定的目标）。

马斯洛在晚年还提出过一个七层次需求理论，相对五层次需求理论，他在尊重需求和自我实现需求之间增加了认知和审美两个需求。

七层次需求理论的具体内容为：

生理需求、安全需求、社交需求、尊重需求、认知需求、审美需求和自我实现的需求。

认知的需求，是指对己对人对事物变化有所理解的需求，例如阅读书籍了解未知的事物；审美的需求，是指对美好事物欣赏并希望周遭事物有秩序、有结构、顺自然、循真理等心理需求，例如听音乐。

综合马斯洛的需求分析理论，我认为做一款优质的旅游类APP，需要满足人的社交需求、审美需求、生理需求。

用户的需求是多方面的、多层次的，但资源和条件的限制决定了单个产品不可能满足用户的所有需求，所以我们有必要将需求进行排序。

基本型需求：

是产品所必须满足的用户需求。

比如，旅游类APP需要让用户能够随时随地查询景点咨询，网上购票等基础功能。

期望型需求：

用户满意度随着此类需求的满足程度而线性提升或下降。

当此类型需求越得到满足则用户满意度越高，反之则用户满意度越低。

比如，本款APP在使用过程中，用户希望景点越多越好，同时景点信息也越多越好。

兴奋型需求：

是一种完全出乎用户意料的属性或功能。

如果提供此类因素，用户会感觉十分惊喜，同时满意度也会大幅提升，但如果不提供此需求，用户满意度也不会随之降低。

无差异型需求：

这类需求无论满足与否，用户满意度都不会受其影响，用户对此因素并不在意。

例如景点简介。

反向型需求：

用户没有此需求，提供后满意度适得其反。

例如不知名的链接广告。

将用户需求归纳结果就是：

用户需要出去旅行，在查询经典信息时想要更加便利一些，想要在移动端平台获取经典信息，并能提前预定好景点门票或者是酒店民居。

2.2功能需求

所以我们做本款产品就需要满足用户使用的需求，也就是产品需求，我们这款产品需要所具备的信息是在用户出行前，能够给用户提供景点讯息，让用户足不出户就能了解到自己想要了解的内容资讯，能够实现网上购买门票，以及网上预订酒店。

在了解完前面两项之后，我们就需要将用户需求进而转化为产品功能，将产品功能需求在移动端平台实现，也能够分为两种，一种是微信公众平台，一种是APP软件。

在这里由于功能涉及较多，用微信公众平台恐怕难以实现，所以最终考虑还是用APP来实现产品功能。

了解完用户的需求之后，接下来就是将用户的需求转化为APP的主要功能。

旅游类APP其系统用于展示和存储景点信息，存储相关的旅游信息是本款APP最主要的功能。

另外，用户希望拥有更加快捷便利的旅行方式，希望足不出户就能了解到景点的各种信息，以及规划好的旅游线路，所以为了配合该功能的实现，APP在设计过程中还应该具有用户信息发布的功能，以及一些丰富软件性能的功能。

例如订购火车票，飞机票，酒店等等。

3APP界面的设计

在洞悉用户的基本需求之后，做好简单的界面搭设之后，接下来就是本款APP设计最关键的部分——界面设计，一个实用美观的界面会给一款APP的用户带来不一样的体验效果。

如图1

3.1APP功能界面介绍

用户注册：

首先APP内部要有存储功能，能够查看景点和发布一些旅游心得，也要在这同时设置一些私人属性。

所以用户如果想要更快捷的使用这些功能，就必须注册使用，有自己的账户来存放信息，注册时可以采用手机号注册，或者qq，微信登录。

另外开发者在设计登录界面时也应注意揣测用户心理变化，可能有些人担心泄露信息，就不会选择注册，所以为了增加注册量，开发者就应在界面中设置一些小心机，比如发布心得体会，点赞别人的图片，购买门票或者预定酒店等必须登录才可以使用。

景点列表：

用户在登录之后可以通过下拉来查看各个景点信息，在主界面上通过分类来选择自己需要的旅行方式。

景点介绍：

在选中景点之后，可以点击进入景点主菜单，查看景点介绍以及门票价格等信息。

网上订票：

现阶段，网上订票已经成为一种潮流，那么将这一功能置入此款APP中也就有了锦上添花的效果，当用户距离想要的景点较远时，便可以采用网上订票的功能，该功能可以提前预定火车票，飞机票，各景区景点门票等等，为用户省去了大量排队买票的时间。

图1

3.2APP图标的设计

一个优秀的界面不仅是功能布局清晰、易操作，更要具有视觉美感。

在这里，图标不仅起到代替文字描述以节约空间的作用，也是一种装饰图形与符号，更重要的，它发挥着交互性、情感化、指代性、隐喻性等作用，所以图标成为人机界面中不可或缺的元素。

图2

我在设计APP图标时，秉承着简介，易操作的理念，采用扁平化的设计风格，在设计过程中也参考了其他APP的设计风格，再加上自己的创作理念，最终设计出一套适用于“乐情旅”的图标。

如图2

首页：

采用了房子的理念，因为首页作为进入APP的第一个界面，更像是一个开始，而在我心中，最初的地方就是一个家的概念。

在旅游APP的设计中引入家的概念，也是一种隐喻，旅行要从家出发，首页也从家开始。

另外，在图标的设计上，也分为正反两面，比如打开首页，首页的图标就会变成蓝色，其他的依旧保持不变。

分类：

采用了列表式的设计，因为分类本身就富有极强的排列思维，所以采用列表式的设计也显得更加直观。

目的地：

看上去像是一个倒立的水滴，不过，这个图标的设计是借鉴了百度地图的定位，百度地图在定位某个地点时就会采用这种方式。

将其他APP的理念引入，也更容易让用户接受，本身出行去一个地方就和地图息息相关，所以引入百度地图的概念也会更加让用户感到亲切。

抢购：

考虑到抢购一般和时间有关，比如什么限时抢购，所以在设计“抢购”的图标时引入了秒表的概念，意味着抢购是机不可失，失不再来。

同时也能吸引用户点击进入抢购界面，以了解最新的旅行优惠活动。

我的：

作为用户信息的主界面，我在设计时选择延续其他APP的设计风格，设计了一个扁平化的小人，作为这个界面的图标，是因为这样的风格以被大多数人所接受，如果一味去改变，可能会适得其反。

3.3APP界面的布局设计

在确定了需求和主流程后，开始着手设计app界面，我们所要面临的问题就是如何将信息以最优的方式组合起来，针对这个问题所作出的设计决策对整个app的核心体验起到关键作用。

在整个界面的布局上，对于一级页面，采用宫格布局的方式。

（在这里，以首页作为例子）

在首页部分，顶bar设计成搜索框，底bar作为导航栏，分别设置首页，分类，目的地，抢购，我的。

如图3

在顶bar之下，设置照片轮换的形式放置一些风景图或是一些广告大图。

再往下是主打的优惠线路。

之后是以宫格形式设计的菜单栏。

，之所以采用方格形式，就是为了防止误操作。

最下面是以内容主导的瀑布流，当然也是有小心机的成分，在下滑的时候最下面一张图永远是显示一半的，这样能吸引用户向下滑动，另外在滑动到一定位置时，右下角会有一个置顶图标，能够带来更好的用户体验。

图3

3.4APP界面的实现

3.4.1引导页界面

图4

3.4.2网络加载界面

图5

3.4.3登录界面

图6

3.4.4首页界面

图7

3.4.5分类界面

图8

3.4.6目的地界面

图9

3.4.7抢购界面

图10

3.4.8我的界面

图11

致谢

光阴荏苒，日月如梭，美好的三年大学生活即将画上句点。

这个句点不仅标志着我的求学之路暂且告一段落，也标志我即将要踏上一片新的征程。

在这三年幸福的时光中，我学到了知识，收获了友情，更体会到了做设计的艰辛和追求真理的喜悦。

回首做论文的那段痛并快乐的日子，甚是百感交集，如今看着丰厚的论文成果，喜悦之情溢于言表。

“三教圣人，莫不有师;千古帝王，莫不有师。

”在求学生涯中，数位令人钦佩的教师为我导航引路，指点迷津。

首先，要特别感谢我的指导老师牛芸老师，在我的论文撰写过程中，您从选题、开题、设计、创意、行文规范等方面给予了我宝贵的意见，每当我遇到困难或陷入困境，您总是能够给予我耐心的指导和积极的鼓励，正是有了您的精心点拨和启迪，我才能够突破自己，不断前进。

值此毕业设计完成之际，谨向牛芸老师致以崇高的敬意和衷心的感谢!

其次，我还要感谢在大学生涯中给予我教育和帮助的其他老师，正是有了你们耐心细致、严谨专业、高效无私的教导，我才能在这几年的学习中汲取大量专业知识，迅速提高自身能力。

求学之路，因为有了同窗好友的陪伴，才会显得格外的精彩和让人难忘。

因此感谢我同窗三年的同学们，因为有了你们，我的大学生涯才充满欢乐与喜悦。

最后，感谢所有参考文献的作者，是你们的成果给我写作论文提供了坚实的基础，谢谢你们！

三年的大学生活，充满了快乐，也伴随着艰辛，值得我一辈子去珍惜和留恋，希望这篇论文能为我的大学生生活划上一个圆满的句号。

带着感恩之心，我即将踏上一个新的征程，我将继续保持虚心的求知态度，以求得自我的深造。

参考文献

【1】杨新庆基于智能手机的无限旅游导航系统的设计与实现

【2】张秀华我国旅游产业国际竞争力研究

【3】搜狗百科

【4】亚伯拉罕•马斯洛《动机与个性》（美国心理学家）

【5】狩野纪昭（NoriakiKano）Kano模型（东京理工大学教授）

13