APP界面的设计与实现

XXXXXXX学院毕业设计报告设计题目“乐情旅”APP界面的设计与实现指导教师/职称XXXXX作者姓名XXXXXXXXXXXXXXX学院教务处6月15日目录摘要 31绪言 31.1项目界面设计基本规定 31.2项目界面设计工具介绍 41.3项目背景及意义 52需求分析 62.1顾客需求 62.2功效需求 83APP界面的设计 83.1APP功效界面介绍 93.2APP图标的设计 103.3APP界面的布局设计 113.4APP界面的实现 123.4.1引导页界面 133.4.2网络加载界面 133.4.3登录界面 133.4.4首页界面 143.4.5分类界面 143.4.6目的地界面 153.4.7抢购界面 153.4.8我的界面 16致谢 16参考文献 17“乐情旅”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等手机操作系统处在同一级别的手机操作系统，是谷歌公司在11月公布的基于Linux核心的手机操作系统，是一种开放性、开源性上午移动平台操作系统。11月数据显示，单是Android手机就占据全球智能手机市场76%的份额，中国市场占有率为90%。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的顾客带来不同的体验效果。如图13.1APP功效界面介绍顾客注册：首先APP内部要有存储功效，能够查看景点和公布某些旅游心得，也要在这同时设立某些私人属性。因此顾客如果想要更快捷的使用这些功效，就必须注册使用，有自己的账户来寄存信息，注册时能够采用手机号注册，或者qq，微信登录。另外开发者在设计登录界面时也应注意揣测顾客心理变化，可能有人紧张泄露信息，就不会选择注册，所觉得了增加注册量，开发者就应在界面中设立某些小心机，例如公布心得体会，点赞别人的图片，购置门票或者预定酒店等必须登录才能够使用。景点列表：顾客在登录之后能够通过下拉来查看各个景点信息，在主界面上通过分类来选择自己需要的旅行方式。景点介绍：在选中景点之后，能够点击进入景点主菜单，查看景点介绍以及门票价格等信息。网上订票：现阶段，网上订票已经成为一种潮流，那么将这一功效置入此款APP中也就有了锦上添花的效果，当顾客距离想要的景点较远时，便能够采用网上订票的功效，该功效能够提前预定火车票，飞机票，各景区景点门票等等，为顾客省去了大量排队买票的时间。图SEQ图\*ARABIC13.2APP图标的设计一种优秀的界面不仅是功效布局清晰、易操作，更要含有视觉美感。在这里，图标不仅起到替代文字描述以节省空间的作用，也是一种装饰图形与符号，更重要的，它发挥着交互性、情感化、指代性、隐喻性等作用，因此图标成为人机界面中不可或缺的元素。图SEQ图\*ARABIC2我在设计APP图标时，秉承着介绍，易操作的理念，采用扁平化的设计风格，在设计过程中也参考了其它APP的设计风格，再加上自己的创作理念，最后设计出一套合用于“乐情旅”的图标。如图2首页：采用了房子的理念，由于首页作为进入APP的第一种界面，更像是一种开始，而在我心中，最初的地方就是一种家的概念。在旅游APP的设计中引入家的概念，也是一种隐喻，旅行要从家出发，首页也从家开始。另外，在图标的设计上，也分为正反两面，例如打开首页，首页的图标就会变成蓝色，其它的仍旧保持不变。分类：采用了列表式的设计，由于分类本身就富有极强的排列思维，因此采用列表式的设计也显得更加直观。目的地：看上去像是一种倒立的水滴，但是，这个图标的设计是借鉴了百度地图的定位，百度地图在定位某个地点时就会采用这种方式。将其它APP的理念引入，也更容易让顾客接受，本身出行去一种地方就和地图息息有关，因此引入百度地图的概念也会更加让顾客感到亲切。抢购：考虑到抢购普通和时间有关，例如什么限时抢购，因此在设计“抢购”的图标时引入了秒表的概念，意味着抢购是机不可失，失不再来。同时也能吸引顾客点击进入抢购界面，以理解最新的旅行优惠活动。我的：作为顾客信息的主界面，我在设计时选择延续其它APP的设计风格，设计了一种扁平化的小人，作为这个界面的图标，是由于这样的风格以被大多数人所接受，如果一味去变化，可能会适得其反。3.3APP界面的布局设计在拟定了需求和主流程后，开始着手设计app界面，我们所要面临的问题就是如何将信息以最优的方式组合起来，针对这个问题所作出的设计决策对整个app的核心体验起到核心作用。在整个界面的布局上，对于一级页面，采用宫格布局的方式。（在这里，以首页作为例子）在首页部分，顶bar设计成搜索框，底bar作为导航栏，分别设立首页，分类，目的地，抢购，我的。如图3在顶bar之下，设立照片轮换的形式放置某些风景图或是某些广告大图。再往下是主打的优惠线路。之后是以宫格形式设计的菜单栏。，之因此采用方格形式，就是为了避免误操作。最下面是以内容主导的瀑布流，固然也是有小心机的成分，在下滑的时候最下面一张图永远是显示二分之一的，这样能吸引顾客向下滑动，另外在滑动到一定位置时，右下角会有一种置顶图标，能够带来更加好的顾客体验。图SEQ图\*ARABIC33.4APP界面的实现3.4.1引导页界面图SEQ图\*ARABIC43.4.2网络加载界面图SEQ图\*ARABIC53.4.3登录界面图SEQ图\*ARABIC63.4.4首页界面图SEQ图\*ARABIC73.4.5分类界面图SEQ图\*ARABIC83.4.6目的地界面图SEQ图\*ARABIC93.4.7抢购界面图SEQ图\*ARABIC103.4.8我的界面图SEQ图\*ARABIC11致谢光阴荏苒，日月如梭，美妙的三年大学生活即将画上句点。这个句点不仅标志着我的求学之路暂且告一段落，也标志我即将要踏上一片新的征程。在这三年幸福的时光中，我学到了知识，收获了友情，更体会到了做设计的艰辛和追求真理的喜悦。回眸做论文的那