红色旅游智能手机app界面UI设计的论文

1、红色旅游智能手机app界面U I设计的论文LG GROUP system office room LGA16H-LGYY-LGUA8Q8-LGA162编号毕业论文（设计）（2016届本科）论文题目： 庆阳红色文化数字化平台智能手机APP的UI设计学 院：专 业：班 级：2012级（1）班作者姓名：指导教师：职称：完成日期： 20年月日诚信声明4论文题目5中文摘要51绪论6简介6软件开发的界面设计现状62项目概述7项目目的和内容7项目分析8899庆阳红色旅游软件开发在UI方面的现状93. 软件界面设计基础9创意来源9前期准备工作10软件界面设计原则101010101111基本要素设计1111设计

2、标准色11设计规格11手机APP框架结构图114. 详细设计12Logo的设计12原型图设计12主要界面设计13131314151516161717的排版展示185设计切图及标注18设计切图181818ios与安卓切图1818设计标注191919196总结19参考文献21英文摘要22致谢23陇东学院本科生毕业论文（设计）诚信声明木人郑重声明：所呈交的本科毕业论文（设计），是木人在指导 老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产 权争议，除文中己经注明引用的内容外，木论文不含任何其他个人或 集体己经发表或撰写过的作品成果。对木文的研究做出重要贡献的个 人和集体均己在文中以明确方

3、式标明。木人完全意识到本声明的法律 结果由本人承担。作者签名： 二0 年 月 日庆阳红色文化数字化平台智能手机APP的UI设计姓名（地址）摘要：随着互联网行业的迅猛发展，手机移动设备不断普及，许多应用软件的研 发能够便捷、有效的为客户提供各式各样服务。在功能相似的基础上，便捷的操作及优 秀的界面设计就成了这些软件竞争的关键，手机APP的UI设计自然也就显得尤为重 要。那么，什么是UI设计呢?百科上的定义是：“UI即User Interface （用户界面）的 简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”本文主要 介绍的是一款关于庆阳红色旅游的APP的UI设计。庆阳市是着

4、名的革命老区，境内有南梁革命纪念馆、山城堡战役遗址、河连湾陕甘宇省 政府旧址等丰富的红色旅游景区。通过对庆阳红色旅游资源的整体情况调查，现阶段还 没有一款系统化的关于庆阳红色旅游的APP,大多数为包含关系，并且都是界面粗糙， 缺少生气，设计呆板，内容匮乏，不能吸引用户的眼球，无法实现设计的目的。因此， 庆阳红色旅游的APP的UI设汁是值得研究的课题。本文主要通过对庆阳红色旅游景区 的了解，设计“庆阳红色旅游”的APP界面，展示出红色旅游景区、本土资源、纪念 品、红色剧本等具有庆阳红色文化的数字化平台，满足客户的审美需求，实现设汁的U 的。关键字：手机APP； UI设计；庆阳红色旅游1绪论简介如

5、今，随着互联网行业的的飞速发展，早先的应用软件已经不能满足用户的需求。 强大的功能在激烈的市场竞争中不在是制约用户的关键，也不足以战胜强有力的对手。 幸运的是，一些举目千里的民族企业家意识到了 UI设计能够给应用软件带来的新的市 场天地，例如我们熟知的金山公司，因为重视UI的设计在开发中的地位，才使得金山 产品在同类软件产品中独占螯头。实践证明，界面美观和易用设计相结合的产品才会更 加受到用户的欢迎，能够给产品带来巨大的效益，达到事半功倍的效果。因此，UI设 计将会更加受到人们的重视。那么什么是UI设计呢？在百科上是这样解释的：“口的 本意是Userinterface也就是用户与界面的关系。他

6、包括交互设计，用户研究，与界面 设计三个部分。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得 舒适、简单、自由，充分体现软件的定位和特点。”软件开发的界面设计现状2015年可以说是界面设计的一个小浪潮，许多美工、平面设计师也开始转行像UI 设计师进发。但是U前还有很多的商家他们认为软件产品的核心是技术，所做的应用软 件最终都是面向用户的，而用户的需求很简单，那就是实现功能，功能实现了，问题也 就解决了，所以这些商家在招聘时，儿乎没有UI设计师这个职位，都是编写代码的开 发人员，而大部分编程师都自以为是艺术家，界面设计简单无趣，只要实现功能就能得 到用户的满意，所以他们不去遵循用

7、户界面的设计标准也不花心思让产品好用，相反 地，他们错误地认为编写更加方便简洁的代码或者是找一套自认为美观的颜色才是最重 要的事，而UI设汁只是起到辅助的作用。但随着软件种类的增多，相似的应用软件更是层出不穷，技术完全可以达到用户的 需求，这时，一个新的突破就有待开发，UI设计就成了软件的创新点，为了提高商品 的卖点，商家们都非常重视界面的美观与交互。这就使UI设汁走向了时代的小高潮， 随之UI设计师也开始不断地扩大了规模。但是，中国的UI设计和西方发达国家的还是 有很大的差距的，很大部分的软件界面都是临慕西方国家的软件界面，没有一点新颖与 创新。那么如何赶超西方设计的使命也就肩负在了现代人的

8、基础上。提高UI设计师个 人水平是中国UI发展中首要的问题。现阶段，在国内的高校还没有创建一个相对健全的UI课程，而提高UI设计师的关 键在于有一个良好的学习氛围和交流平台。国内也有很多设计的交流平台，但是这对于 培养优秀的UI设计师还是远远不够的，我们必须要有多个资源丰富、设计优秀、检索 方便、专业性强的UI设计学习与交流的平台，才能满足UI设计师们的需求，才能培养 出优秀的UI设计师。2项目概述项目目的和内容庆阳红色旅游这款手机应用软件的设计LI的不仅是为了宣传庆阳红色旅游景点、纪念 品、红色皮影剧等具有庆阳特色的红色旅游产品，它的设计还要满足旅游者的需求，便 利旅游者的出行，促进红色旅游

9、业的发展，增强爱国主义的精神，开拓更加庞大的红色 旅游市场等。庆阳红色旅游APP的界面可以吸引用户的眼球，美观的照片加上旅游地的 详细介绍，让用户有种想要旅行的冲动，可以增加庆阳本地的经济收入，并且带动周边 地区的经济发展。可以说，作为一款专业地方性的旅游APP,他带来的将是广泛的经济 效益、社会效益以及深远的政治影响。我的作品是一款拥有关于庆阳红色旅游的APP的UI设讣。作品内容包括有：首页、旅游 攻略、庆阳美食、最新资讯、庆阳简介、庆阳酒丿占、庆阳宾馆、庆阳特产、租车公司、 景区概况、关于我们等界面的设讣，首页界面的设计是整套APP界面设计的关键所在， 我将底部菜单栏分为5个模块，分别为：

10、首页、旅游攻略、庆阳美食、最新资讯、我 的，这儿部分内容为此APP着重设计的内容。由于搭建框架时，APP的内容较多，并且 不存在包含关系，所以我采用首页模块划分的方式，将APP的主要功能用八种不同颜色 的色块加上8个精致的icon构成了 8个模块的内容，在首页中显示的列表还包含推荐 景点和推荐酒丿占，这两项内容也是用户最关心的内容，所以我将它放在了首页上，可以 让用户一目了然，当然，在相应的内页也包含这部分的内容。内页的设计大部分采用列 表的形式进行展示，这样可以将重要的内容全部展示出来，给用户带来清新的体验，我 的作品具有很高的体验效果，用户不用看引导页就可以清晰的找到自己想要的内容。 此款

11、手机APP的UI设计主题突出、明确，界面色彩虽运用鲜艳的红色但并不显得单 调，界面风格整体统一，作品在设计时精确到每一个像素，给用户一种悦口娱心的感 觉。项目分析自从移动互联网走进了人们的生活，五花八门的旅游类APP也随之到来，这是一次旅游 业上的革命，抓住这次商机，就能开括旅游市场。所以，很多公互联网司争先恐后的涌 入了这次争夺战中。在这次争夺战中，携程旅行、去哪儿还有同程旅游占得先机，百 度、阿里巴巴、腾讯互联网这三巨头更是不会错过这次契机，创业型的小公司在旅游类 市场上也发了下力，挤进来分一小杯羹。目前，旅游类的APP基本上都是由酒店、餐饮、机票、门票、路线等模块组成的有查询 预订功能的

12、综合性服务平台，携程旅行可以作为首个代表。并且，一些区域性的旅游类 APP也抓住机遇。截至2016年3月15日，通过对部分手机商店的调查，它们包含旅游 类的APP的数据分别为：豌豆荚132个、应用宝有410个、安卓市场430个、360手机 助手640个、百度手机助手310个、安智市场972个。统计得出，在单个商店上线的区 域性旅游类APP近年来，作为一种新型旅游形式的红色旅游广泛地在神州大地上崛起。随着人们生活水 平的提高，越来越多的人涌入到红色旅游中来，来缅怀革命先烈。国家也十分注重红色 旅游的发展，并安排专项资金来建设一些重点的革命老区和革命纪念地，将红色旅游与 自然景观进行了密切的结合，

13、让游客全身心的体会到革命的来之不易。从移动端旅游类 APP的下载量中可以看出，关于旅游类APP软件应用的一些趋势，携程旅行、去哪网、 同城旅游稳稳的位居了前三位，他们的月下载量都在10万次以上，这就说明移动端用 户对旅游APP软件有很强的依赖性，通过对旅游APP用户好评率来看，用户的总体评价 并不佳，经过分析，这种悄况是因为这些APP虽然做的规模庞大，但是针对某些景点的 介绍并不清楚。比如庆阳红色旅游的景点，在这三款APP的查询中更是凤毛麟角，所以 为了让客户满意，有针对性的地方旅游类APP的设计是很重要的，庆阳红色旅游APP既 是针对地方特色的一款APPo用户人群：针对于16-70岁热爱历史

14、、热爱红色旅游、追寻品质生活的人群。APP分析相比同类型APP的设计，我设计的APP既有缺点也有优点。缺点是，界面的颜色相 对单一，界面上的照片有的不够清晰，原因是庆阳红色旅游刚刚被开发，他在网上的素 材特别的少，而且大部分的素材并不清晰，随着庆阳红色旅游的进一步发展，我想在互 联网上的素材也会越来越多，那样界面在照片的美观上就得到了解决。优点是，界面统 一，条理清晰，小图标的风格一致，并且在设计时采用一像素不差的原则，让用户在使 用时感觉非常的舒适，可以让90%用户达到相当满意的程度，内容涵盖详尽，包含用户 出行所想不到的一些贴心服务，让用户使用时更便捷更贴心。我也下载了一很多地方性 的旅游

15、APP,大部分都是界面粗糙，为了实现功能而去制作，完全不顾虑界面的美观程 度，并且界面不能达到统一的效果，用户在使用时更是摸不到头脑。庆阳红色旅游软件开发在UI方面的现状忖前，庆阳红色旅游刚刚处于起步阶段，很多相关庆阳红色旅游的APP中资料不完整， 一般都是一些大型的APP将庆阳红色旅游景点提到一些，很多内容严重丢失，棋至有的 红色旅游景点都没有摄入，不能将庆阳红色旅游及本土资源全部展现给用户。有关庆阳 红色旅游的APP在UI方面的设计更是不尽人意，很多图片和景区内容不相符，大量的 景点图片没有经过修理，网上找到后直接安放在了 APP上，设计的界面粗糙不说，在颜 色的搭配以及icon的使用上也

16、不协调。更有其者文字排版都错乱不堪，让用户无法进 行阅读，更无法进行操作。所以推出一款操作简单、界面合理、内容完整的庆阳红色旅 游的APP已是当务之急。3.软件界面设计基础创意来源选择庆阳红色旅游APP的UI设计这个主题作为毕业论文，是因为本身自己本身就很喜 欢革命先烈的的故事，再加上庆阳市是着名的革命老区，而我在这里上了四年的大学， 对庆阳的红色旅游景点以及地方特色都做了详细的了解，所以想到了这个主题。因为做 的是红色旅游，所以在选择颜色的时候首先选择的就是红色作为APP界面的主要颜色， 并红色可以给人带来清新和时尚的感觉，也能带来喜悦的心情。让人们在忙碌的生活中 放松身心，阅览革命先烈的英

17、雄事迹。前期准备工作设汁主题明确后，开始展开无穷的联想，然后查阅大量的资料和同类的应用软件，再根 据自己想要设计的内容进行整理分析，先做一个大致的流程图，将我们需要展示的功能 一一列举，然后将确立的大模块逐步细分，形成儿个小模块，再根据产品的一特征做创 新。我们的APP最终是面向用户的，所以不管什么设计都需要想到用户再用这个APP的 时候是否方便，怎么样的交互界面即可得到用户的满意，乂有亮点。软件界面设计原则遵循界面设汁的一致性是交互设计的基本规范。除了在元素、数值、链接和其他数据的 展现形式上都要保持着统一，还要在场景和含义上保持一致。界面设计拥有了一致性之 后，用户可以轻松学会操作，不需要

18、相关人员去费力写操作文档。用户在使用时，就会 建立一个标准的界面框架模型，在熟练了一个界面后，切换到另一个界面便可随心所欲 的进行操作，并且带来的视觉效果也很赞，给用户一种高度统一的感觉，体验度得到上 升。对于留口这个概念有时也叫它负空间。可能我们看见这个名词时，认为它是流出来一部 分白色的空间来，其实不然，留白指的是一部分区域，这部分区域不一定就是白的，它 只是页面布局中环绕各元素的空口空间。留白的作用主要是将内容进行区分，形成鲜明 的对比。针对于繁杂的页面布局，适当的留口能让页面看起来整洁，并且重点突出。因 为它留下了许多空间，让设计不同的部分形成鲜明的对比，那么屏幕的焦点就会自然而 然的

19、显现出来。如果界面上的文字过多，它就会显得十分拥挤，影响阅读兴趣。留白则 会提升用户的阅读体验，也便于理解。留口还可以突显界面中其他的色彩，这对于吸引 用户有很大的作用。用户体验的原则指的是我们在设计界面时要从用户的角度出发，而不是从一名设讣师的 角度思考问题。我们的应用最终的使用者是用户，所以我们在设汁的过程中要以用户为 中心，以人为本，这样才能得到更好的用户体验。设汁过程中时，要考虑大脑处理信息的范围。根据遗忘曲线的研究发现，人类大脑对新 事物遗忘的规律，短期记忆很不稳定，在24小时内就存在2概的遗忘率。所以一个界 面上的信息量不宜过多，否则影响会用户的体验效果。设计界面时，要保证界面的协

20、调性。控件的摆放位置要保证协调均衡，让界面看上去和 谐美丽。将重要的控件放在明显的位置，让用户便于浏览和操作。另外，设计的界面要 符合人们的操作习惯。基本要素设计用 Adobe Illustrator CS6 设计 Logo 的矢量图。用 Adobe Photoshop CS6 处理图片， 做为设计的主要软件；利用智能参考线的辅助，在软件中做出效果图。设计标准色主要颜色：# F7253E； SFFF9D00； #F9F9F9； #DDDDDD。设计规格设汁的尺寸采用市场上常见的iphone6的尺寸750px 1334px；分辨率最佳显示为 72ppi；色彩模式则采用RGB模式。手机APP框架结

21、构图在确定了需要设汁的模块以后，我们要根据模块建立一个框架结构图，让我们在设汁的 时候可以按部就班有思路的去设计。图手机APP框架结构图4.详细设计Logo的设计Logo的设计采用庆阳红色旅游中“红色”二字的首字母“H”和“S”组合而成，为了 突出红色旅游的特色，Log。的颜色采用了最具有代表性的中国红，象征着革命的胜 利；鲜艳的红色与中国国旗的颜色相互照应。L。旳的形状采取上下、左右均对称，角 度为27° ,是最合适的角度，给人一种对称的美感。如下图所示。图logo图形原型图设计原型图是根据我们确定的流程图而设汁的界面基本框架图，主要利用的是黑口灰三种颜 色搭建界面的轮廓，更快的为

22、客户展示视觉效果。部分原型图如图所示。图原型图主要界面设计引导页采用的是口前市场上比较流行的扁平化界面进行设计，用一个小人的形象来统一 界面的规划，图引导页界面启动页也采用扁平的设计风格，底色采用径向渐变的红色，放上设计好的logo,并在 下方放上一个具有革命历史性的小车，整个界面看起来协调、轻快，让用户每次打开 APP都有愉悦的心情图启动页界面注册界面是采取手机注册的方式进行注册，界面应用红色的小icon,让界面充满活力图注册界面图登录界面首页将庆阳红色旅游APP的模块全部展现，其中包含：庆阳简介、旅游酒丿占、庆阳宾 馆、庆阳特产、租车公司、一步导航、关于我们的模块，用户可以通过首页了解整套

23、 APP的规划。图首页界面图旅游攻略界面图旅游美食界面图最新资讯界面图我的界面的排版展示GUI就是图形用户界面的简称，是指釆用图形方式显示的计算机操作用户界面。我所做 的仅仅是GUI的一个展示界面，将设计的过程从上到下依次进行排列，对logo.原型 图、界面及展示效果进行了排版。5设计切图及标注设计切图切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，通 俗来讲，把一张设计图利用到切片工具把自己所需的切成一张张小图，然后用DIV+CSS 完成静态页面书写，完成CSS布局。在APP中切图，与在web中切图大致是一样的。开 发同学在实现过程中，需要计算好每一个元素（包

24、括文字，图片等）的位置，然后在调 用我们切好的图进行填充。一般切图的格式在ps中存储成web格式时，选择的是PNG24,而启动页和引导页的切 图采用的是PNG8的格式进行存储。ios与安卓切图ios的屏幕精度分成retina与非retina2利1,而Android的屏幕精度只要分成：mdpi （横向屏幕360px左右）；hdpi （横向屏幕480px左右）；xhdpi （横向屏幕720px左 右）3和庆阳红色旅游APP在设计时，是按照retina进行的切图。APPAPP是按照iphone 6的尺寸进行设计的，所以切图命名时采用的都是2x的命名方 式。设计标注标注颜色我在标注庆阳红色旅游APP时

25、应用的软件是马克鳗，当然其他软件也可以办到。在标注 颜色时采用的是16进制标注法。如果采取16进制和RGB两种色值表达的方法可能会 更加的清晰。标注内容在标注内容的时候，我们需要标注字体大小和字体颜色，字体大小采用的是以像素单 位；在顶部标题栏标注背景色值，如果有透明度的话也需要进行标注；标注banner时 我们只需要标注它的高度，因为宽度是屏幕的宽度；标注菜单图标时，不一定非要标图 标本身宽度和高度，我们可以根据悄况扩大它的点击范围，使每个图标的标注大小一 样。标注图文信息时，图片要标注宽高，文字要标注大小，颜色和行高，有特殊字体的 也要进行标注。标注位置所有元素统一距离屏幕最左24px和最

26、右24px。这一部分我们也叫做安全区域，内容部 分不能跨过这个具体，否则用户在使用时会感到页面狭窄，影响美观程度。这一部分也 是需要我们进行标注的部分。在页面标注的过程中，我们要保持统一的标注方法，每个 页面标注相同元素时位置要统一，这样程序员在看到标注时就会很清晰。所有的页面标注总结起来就是：标文字，标图片，标间距，标区域；这些全部掌握 了，我们就可以将做好的APP标注出来了。6总结本论文主要讲述了一款关于庆阳红色文化数字化平台智能手机APP的UI设计。首先论 文介绍了 UI设计的含义，以及UI设计面临的问题，国内与国外存在的差距，总结出在 国内UI设计的发展途径。其次，提出了庆阳红色旅游A

27、PP界面在UI方面的现状，并阐 述了项目目的以及项H内容，同时对项H的行业背景、典型用户及同类APP进行了分 析。随后，介绍了项U的创意来源，叙述了软件界面的前期准备工作、软件界面设计的 原则，并对界面色彩和APP的流程图进行了展示。然后对庆阳红色旅游APP Logo的设 计进行介绍，对部分原型图进行展示。选择设计中具有代表性的界面进行列举。最后对 设讣的切图以及标注做了详细的解释。课题针对庆阳红色旅游APP的UI设计，是从理 论研究的基础上山流程图到原型图再到最后的完成界面，是一个系统化的过程，开发庆 阳红色旅游APP也具有着重要的价值和深远的影响。参考文献1 毛陈诚旅游类移动应用的用户需求

28、分析研究J武汉理丄大学，20132 彭佳基干用户体验的老年智能于机APP界面交互设计研究D华东理匸大学,20143 汪海波，薛澄岐，余醒图形用户界面的隐喻设讣研尤J安徽建筑工业学院学报（自然科学版）,2011年4 林立藩视觉传达设计师与UI设汁D福建师范大学,20095 祝瑜，王毅，黄海燕.于机界而设汁的视觉语言分析及其风格化设讣艺术研尤J包装1程2007年12期6 柳冠中设计：人类未來不被毁灭的“第三种智慧” J设计艺术研究,20117 何超.宋永永.薛方庆阳市红色旅游SWOT分析F陇东学院学报,20138 尹晓颖，朱迹，廿萌雨红色旅游产品特点和发展模式研尤J人文地理,20059 霍学臥 谭

29、文枫，牛军让庆阳香包民俗文化产业化项目组织管理浅析J陕西农业科学院 200610 宋丽娟红色旅游动力机制研尢D南昌大学,2010年Qingyang red culture digital platform smartphone APP UI designAbstract：With the development of the Internet industry rapidly and the universal of mobile phones, many Applications developed provide a wide range of services for customers

30、 in a convenient and effective way. Based on similar function, convenient operation and excellent interface design will become the key to competition of those software So the UI design of mobile APP is very important naturally But , what is the UI designIt is short for User Interface on Wikipedia An

31、d UI design refers to the software? s whole design on human-computer interaction, operating logic and the beautiful interface An UI design of APP about the revolutionary QingYang tour will be mainly introduced in this paper The precious spirit contained in China revolutionary tourism, such as the Long March spirit, the national spirit, and national spirit, has broad influence beyond borders Qingyang is a famous revolution repast with the territory of South beam Revolutionary Memorial Hall, the former site