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

0编号 毕 业 论 文（设 计）（ 2016 届本科）论文题目： 庆阳红色文化数字化平台 智能手机 APP 的 UI 设计 学 院： 专 业： 班 级： 2012 级（1）班 作者姓名： 指导教师： 职称： 完成日期： 20 年 月 日1诚信声明 .4论文题目 .5中文摘要 .51 绪论 .61.1UI 简介 .61.2 软件开发的界面设计现状 .62 项目概述 .72.1 项目目的和内容 .72.2 项目分析 .82.2.1 行业背景分析 .82.2.2 典型用户分析 .92.2.3 同类 APP 分析 .92.3 庆阳红色旅游软件开发在 UI 方面的现状 .93.软件界面设计基础 .93.1 创意来源 .93.2 前期准备工作 .103.3 软件界面设计原则 .103.3.1 一致性原则 .103.3.2 留白原则 .103.3.3 用户体验原则 .103.3.4 记忆最小化原则 .113.3.5 协调性原则 .113.4 基本要素设计 .113.4.1 设计软件 .113.4.2 设计标准色 .113.4.3 设计规格 .113.5 手机 APP 框架结构图 .1124.详细设计 .124.1 Logo 的设计 .124.2 原型图设计 .124.3 主要界面设计 .134.3.1 引导页界面 .134.3.2 启动页界面 .134.3.3 注册界面 .144.3.4 登录界面 .154.3.5 首页界面 .154.3.6 旅游攻略界面 .164.3.7 庆阳美食界面 .164.3.8 最新资讯界面 .174.3.9 我的界面 .174.4GUI 的排版展示 .185 设计切图及标注 .185.1 设计切图 .185.1.1 切图的含义 .185.1.2 切图的格式 .185.1.3 ios 与安卓切图 .185.1.4 切图命名格式 .185.2 设计标注 .195.2.1APP 标注颜色 .195.2.2APP 标注内容 .195.2.3APP 标注位置 .196 总结 .19参考文献 .21英文摘要 .22致谢 .233陇东学院本科生毕业论文（设计）诚信声明本人郑重声明：所呈交的本科毕业论文（设计），是本人在指导老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产权争议，除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。作者签名：二 O 一 年 月 日 4庆阳红色文化数字化平台智能手机 APP 的 UI 设计姓名（地址）摘要：随着互联网行业的迅猛发展，手机移动设备不断普及，许多应用软件的研发能够便捷、有效的为客户提供各式各样服务。在功能相似的基础上，便捷的操作及优秀的界面设计就成了这些软件竞争的关键，手机 APP 的 UI 设计自然也就显得尤为重要。那么，什么是 UI 设计呢？百科上的定义是： “UI 即 User Interface(用户界面)的简称。UI 设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”本文主要介绍的是一款关于庆阳红色旅游的 APP 的 UI 设计。庆阳市是著名的革命老区，境内有南梁革命纪念馆、山城堡战役遗址、河连湾陕甘宁省政府旧址等丰富的红色旅游景区。通过对庆阳红色旅游资源的整体情况调查，现阶段还没有一款系统化的关于庆阳红色旅游的 APP，大多数为包含关系，并且都是界面粗糙，缺少生气，设计呆板，内容匮乏，不能吸引用户的眼球，无法实现设计的目的。因此，庆阳红色旅游的 APP 的 UI 设计是值得研究的课题。本文主要通过对庆阳红色旅游景区的了解，设计“庆阳红色旅游”的 APP 界面，展示出红色旅游景区、本土资源、纪念品、红色剧本等具有庆阳红色文化的数字化平台，满足客户的审美需求，实现设计的目的。关键字：手机 APP；UI 设计；庆阳红色旅游51 绪论1.1UI 简介如今，随着互联网行业的的飞速发展，早先的应用软件已经不能满足用户的需求。强大的功能在激烈的市场竞争中不在是制约用户的关键，也不足以战胜强有力的对手。幸运的是，一些举目千里的民族企业家意识到了 UI 设计能够给应用软件带来的新的市场天地，例如我们熟知的金山公司，因为重视 UI 的设计在开发中的地位，才使得金山产品在同类软件产品中独占鳌头。实践证明，界面美观和易用设计相结合的产品才会更加受到用户的欢迎，能够给产品带来巨大的效益，达到事半功倍的效果。因此，UI设计将会更加受到人们的重视。那么什么是 UI 设计呢？在百科上是这样解释的：“UI的本意是 UserInterface 也就是用户与界面的关系。他包括交互设计，用户研究，与界面设计三个部分。好的 UI 设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。”1.2 软件开发的界面设计现状2015 年可以说是界面设计的一个小浪潮，许多美工、平面设计师也开始转行像 UI设计师进发。但是目前还有很多的商家他们认为软件产品的核心是技术，所做的应用软件最终都是面向用户的，而用户的需求很简单，那就是实现功能，功能实现了，问题也就解决了，所以这些商家在招聘时，几乎没有 UI 设计师这个职位，都是编写代码的开发人员，而大部分编程师都自以为是艺术家，界面设计简单无趣，只要实现功能就能得到用户的满意，所以他们不去遵循用户界面的设计标准也不花心思让产品好用，相反地，他们错误地认为编写更加方便简洁的代码或者是找一套自认为美观的颜色才是最重要的事，而 UI 设计只是起到辅助的作用。但随着软件种类的增多，相似的应用软件更是层出不穷，技术完全可以达到用户的需求，这时，一个新的突破就有待开发，UI 设计就成了软件的创新点，为了提高商品的卖点，商家们都非常重视界面的美观与交互。这就使 UI 设计走向了时代的小高潮，随之 UI 设计师也开始不断地扩大了规模。但是，中国的 UI 设计和西方发达国家的还是有很大的差距的，很大部分的软件界面都是临摹西方国家的软件界面，没有一点新颖与创新。那么如何赶超西方设计的使命也就肩负在了现代人的基础上。提高 UI 设计6师个人水平是中国 UI 发展中首要的问题。现阶段，在国内的高校还没有创建一个相对健全的 UI 课程，而提高 UI 设计师的关键在于有一个良好的学习氛围和交流平台。国内也有很多设计的交流平台，但是这对于培养优秀的 UI 设计师还是远远不够的，我们必须要有多个资源丰富、设计优秀、检索方便、专业性强的 UI 设计学习与交流的平台，才能满足 UI 设计师们的需求，才能培养出优秀的 UI 设计师。2 项目概述2.1 项目目的和内容庆阳红色旅游这款手机应用软件的设计目的不仅是为了宣传庆阳红色旅游景点、纪念品、红色皮影剧等具有庆阳特色的红色旅游产品，它的设计还要满足旅游者的需求，便利旅游者的出行，促进红色旅游业的发展，增强爱国主义的精神，开拓更加庞大的红色旅游市场等。庆阳红色旅游 APP 的界面可以吸引用户的眼球，美观的照片加上旅游地的详细介绍，让用户有种想要旅行的冲动，可以增加庆阳本地的经济收入，并且带动周边地区的经济发展。可以说，作为一款专业地方性的旅游 APP，他带来的将是广泛的经济效益、社会效益以及深远的政治影响。我的作品是一款拥有关于庆阳红色旅游的 APP 的 UI 设计。作品内容包括有:首页、旅游攻略、庆阳美食、最新资讯、庆阳简介、庆阳酒店、庆阳宾馆、庆阳特产、租车公司、景区概况、关于我们等界面的设计，首页界面的设计是整套 APP 界面设计的关键所在，我将底部菜单栏分为 5 个模块，分别为：首页、旅游攻略、庆阳美食、最新资讯、我的，这几部分内容为此 APP 着重设计的内容。由于搭建框架时，APP 的内容较多，并且不存在包含关系，所以我采用首页模块划分的方式，将 APP 的主要功能用八种不同颜色的色块加上 8 个精致的 icon 构成了 8 个模块的内容，在首页中显示的列表还包含推荐景点和推荐酒店，这两项内容也是用户最关心的内容，所以我将它放在了首页上，可以让用户一目了然，当然，在相应的内页也包含这部分的内容。内页的设计大部分采用列表的形式进行展示，这样可以将重要的内容全部展示出来，给用户带来清新的体验，我的作品具有很高的体验效果，用户不用看引导页就可以清晰的找到自己想要的内容。7此款手机 APP 的 UI 设计主题突出、明确，界面色彩虽运用鲜艳的红色但并不显得单调，界面风格整体统一，作品在设计时精确到每一个像素，给用户一种悦目娱心的感觉。2.2 项目分析2.2.1 行业背景分析自从移动互联网走进了人们的生活，五花八门的旅游类 APP 也随之到来，这是一次旅游业上的革命，抓住这次商机，就能开括旅游市场。所以，很多公互联网司争先恐后的涌入了这次争夺战中。在这次争夺战中，携程旅行、去哪儿还有同程旅游占得先机，百度、阿里巴巴、腾讯互联网这三巨头更是不会错过这次契机，创业型的小公司在旅游类市场上也发了下力，挤进来分一小杯羹。目前，旅游类的 APP 基本上都是由酒店、餐饮、机票、门票、路线等模块组成的有查询预订功能的综合性服务平台，携程旅行可以作为首个代表。并且，一些区域性的旅游类 APP 也抓住机遇。截至 2016 年 3 月 15 日，通过对部分手机商店的调查，它们包含旅游类的 APP 的数据分别为：豌豆荚 132 个、应用宝有 410 个、安卓市场 430个、360 手机助手 640 个、百度手机助手 310 个、安智市场 972 个。统计得出，在单个商店上线的区域性旅游类 APP510 个，总下载次数却达到了 20759343 次。近年来，作为一种新型旅游形式的红色旅游广泛地在神州大地上崛起。随着人们生活水平的提高，越来越多的人涌入到红色旅游中来，来缅怀革命先烈。国家也十分注重红色旅游的发展，并安排专项资金来建设一些重点的革命老区和革命纪念地，将红色旅游与自然景观进行了密切的结合，让游客全身心的体会到革命的来之不易。从移动端旅游类 APP 的下载量中可以看出，关于旅游类 APP 软件应用的一些趋势，携程旅行、去哪网、同城旅游稳稳的位居了前三位，他们的月下载量都在 10 万次以上，这就说明移动端用户对旅游 APP 软件有很强的依赖性，通过对旅游 APP 用户好评率来看，用户的总体评价并不佳，经过分析，这种情况是因为这些 APP 虽然做的规模庞大，但是针对某些景点的介绍并不清楚。比如庆阳红色旅游的景点，在这三款 APP 的查询中更是凤毛麟角，所以为了让客户满意，有针对性的地方旅游类 APP 的设计是很重要的，庆阳红色旅游 APP 既是针对地方特色的一款 APP。82.2.2 典型用户分析用户人群：针对于 16-70 岁热爱历史、热爱红色旅游、追寻品质生活的人群。2.2.3 同类 APP 分析相比同类型 APP 的设计，我设计的 APP 既有缺点也有优点。缺点是，界面的颜色相对单一，界面上的照片有的不够清晰，原因是庆阳红色旅游刚刚被开发，他在网上的素材特别的少，而且大部分的素材并不清晰，随着庆阳红色旅游的进一步发展，我想在互联网上的素材也会越来越多，那样界面在照片的美观上就得到了解决。优点是，界面统一，条理清晰，小图标的风格一致，并且在设计时采用一像素不差的原则，让用户在使用时感觉非常的舒适，可以让 90%用户达到相当满意的程度，内容涵盖详尽，包含用户出行所想不到的一些贴心服务，让用户使用时更便捷更贴心。我也下载了一很多地方性的旅游 APP，大部分都是界面粗糙，为了实现功能而去制作，完全不顾虑界面的美观程度，并且界面不能达到统一的效果，用户在使用时更是摸不到头脑。2.3 庆阳红色旅游软件开发在 UI 方面的现状目前，庆阳红色旅游刚刚处于起步阶段，很多相关庆阳红色旅游的 APP 中资料不完整，一般都是一些大型的 APP 将庆阳红色旅游景点提到一些，很多内容严重丢失，甚至有的红色旅游景点都没有摄入，不能将庆阳红色旅游及本土资源全部展现给用户。有关庆阳红色旅游的 APP 在 UI 方面的设计更是不尽人意，很多图片和景区内容不相符，大量的景点图片没有经过修理，网上找到后直接安放在了 APP 上，设计的界面粗糙不说，在颜色的搭配以及 icon 的使用上也不协调。更有甚者文字排版都错乱不堪，让用户无法进行阅读，更无法进行操作。所以推出一款操作简单、界面合理、内容完整的庆阳红色旅游的 APP 已是当务之急。3.软件界面设计基础3.1 创意来源选择庆阳红色旅游 APP 的 UI 设计这个主题作为毕业论文，是因为本身自己本身就很喜欢革命先烈的的故事，再加上庆阳市是著名的革命老区，而我在这里上了四年的大学，对庆阳的红色旅游景点以及地方特色都做了详细的了解，所以想到了这个主题。因为做的是红色旅游，所以在选择颜色的时候首先选择的就是红色作为 APP 界面9的主要颜色，并红色可以给人带来清新和时尚的感觉，也能带来喜悦的心情。让人们在忙碌的生活中放松身心，阅览革命先烈的英雄事迹。3.2 前期准备工作设计主题明确后，开始展开无穷的联想，然后查阅大量的资料和同类的应用软件，再根据自己想要设计的内容进行整理分析，先做一个大致的流程图，将我们需要展示的功能一一列举，然后将确立的大模块逐步细分，形成几个小模块，再根据产品的一特征做创新。我们的 APP 最终是面向用户的，所以不管什么设计都需要想到用户再用这个 AP