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应该具备基础的注册登录，查看景点简介、图片、评价、旅行游记等功能。此外还应具备良好的稳定性能和交互性。1.平台搭建Android是基于Linux内核的操作系统，它是一个分层的环境，构筑在Linux内核基础之上，具有丰富的功能。Android应用程序是Java语言编写的，运行在DalvickVirtualMachine的程序。搭建Android开发环境，需要下载EclipseIDEforJavaEEDevelopers、AndroidSDK及为Eclipse安装的ADT（AndroidDevelopmentTools)，安装完插件后，你的Eclipse的window菜单下会有一个AndroidSDKAndAVDManager菜单项，点它进行包的更新。2.应用程序开发搭建好开发环境后，就可以开始进行Android应用程序的开发工作了，着手编写前，我们需要创建一个虚拟设备，即手机模拟器；模拟器功能强大，你可以用它上网、下载和安装软件以及最重要的运行你的“HelloWorld”应用程序。2.2组件介绍1.TextView：TextView继承自View,TextView空间的功能室向用户显示文本内容，同时可选择性的让用户编辑文本。本系统大量使用了TextView这个组件，使UI更加美观友好，能提供必要的提示及介绍，方便用户使用；2.ImageButton：ImageButton在UI设计中使用非常频繁，可很大程度提升APP的用户体验及适用性。在系统的主界面中用到了四个ImageButton，分别对应增删改查四个功能，不仅是界面美观，还使用户对APP有更直观的了解；3.EditText:EditText是TextView的子类，同时也是一个非常重要的组件，可以说它是用户与Android应用进行数据传输的窗口，系统与用户进行交互最直接的控件。本系统中它控制用户的输入，并根据输入来访问数据库和表，是数据库与用户沟通的桥梁；4.Button:按钮组件是系统的重要组成部分，在它上面设置的监听器会监听用户的操作并响应；5.Toast:Android中Toast是个为用户发送简短信息的工具，它能帮助开发者快速的创建和显示简短信息，与Dialog不同的是，它不需要焦点，一段时间后自动消失。本系统中多次用到Toast这一组件，它会根据用户的操作适时弹出对话对用户进行提示，是APP友好界面的重要组成部分之一；6.AlertDialog:Dialog由Builder创建，在UI中是一个非常重要的组件，它可以方便的给用户提示，用最简洁的方式向用户展示信息。一个对话框总是被创建和显示为一个activity的一部分。7.ImageView：ImageView用来显示任意图像图片的，其主要作用是来美化UI，提升用户体验，以达到APP被广泛使用的目标。2.3功能需求所以我们做本款产品就需要满足用户使用的需求，也就是产品需求，我们这款产品需要所具备的信息是在用户出行前，能够给用户提供景点讯息，让用户足不出户就能了解到自己想要了解的内容资讯，能够实现网上购买门票，以及网上预订酒店。在了解完前面两项之后，我们就需要将用户需求进而转化为产品功能，将产品功能需求在移动端平台实现，也能够分为两种，一种是微信公众平台，一种是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图\*ARABI