毕业论文-手机APP设计.doc

河南经贸职业学院 毕业论文 手机手机 APPAPP 设计设计 论文作者：论文作者： 专专 业：业： 数字媒体数字媒体 学学 号：号： 1207041072912070410729 班班 级：级： 1212 数字媒体数字媒体 指导教师指导教师: : 答辩委员会主席答辩委员会主席_ 评阅人评阅人_ 论文答辩日期论文答辩日期_ 独创性声明 本人声明所呈交的毕业论文是我个人在导师指导下进行的研究 工作及取得的成果。尽我所知，除文中已经标明引用的内容外，本 论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对 本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。 本人完全意识到本声明的法律结果由本人承担。 论文作者签名： 日期： 年 月 日 毕业论文版权使用授权书 本毕业论文作者完全了解学校有关保留、使用毕业论文的规定， 即：学校有权保留并向有关部门或机构送交论文的复印件和电子版， 允许论文被查阅和借阅。本人授权河南经贸职业学院要以将本论文 的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印 或扫描等复制手段保存和汇编本论文。 保密，在_年解密后适用本授权书. 本论文属于 不保密。 （请在以上方框内打“”） 毕业论文作者签名： 指导教师签名： 日期： 年 月 日 日期： 年 月 日 河南经贸职业学院毕业论文 I 摘 要 手机移动设备不断普及，对手机设备的软件需求越来越多，界 面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使 用，因此，手机 ui 设计在当今移动互联网迅猛发展的时代中显现的 尤为重要。我的作品是一款拥有时尚前卫的手机社交 APP 设计,把一 些潮流的动感元素融入，转化为有形的，可以看到的平面艺术中去， 以平面化的表现方式进行美的表现，带给人以此时无声胜有声的更 高境界。时尚的红色带着少女的朝气，视觉艺术的转化基础是人类 基本的心灵感受，它使人们具有相似的或共同的审美体验。界面在 表现形式中也不同于常见的平面化界面，以平面设计中立体化的 视觉表现形式为切入点进行创新，此款手机 APP 产品设计主题突出、 明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一， 是一款人们值得拥有社交类 APP，给予现在年轻人不同的社交体验。 作品独特、具有视觉冲击感，创意设计灵魂体现在每一个界面，如： 柔美的线条，构成少女美妙的身姿，仿佛在跟随着音乐起舞，在交 互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的 细节设计如：定位时间、地点以及日期、精确到每一个像素等细节 呈现着令人赏心悦目的视觉效果。我的 APP 旅游产品设计将以实用 和独特的想法呈现给用户便捷、新颖、贴心的交互体验。 关键词：创意设计，地点定位，时间定位，精细分类 河南经贸职业学院毕业论文 II 目录 摘摘 要要.I 1 1 项目概述项目概述.1 1.1 项目目的和内容.1 1.2 项目分析.1 1.2.1 行业背景分析 .1 1.2.2 典型用户分析 .1 1.2.3 同类型 APP 分析 .1 1.3 基本要素.2 1.3.1 设计风格定义 .2 1.3.2 标准色定义 .2 1.3.3 规格定义 .2 2 2 概要设计概要设计.3 2.1 创意来源.3 2.2 产品的风格定义.4 2.3 手机 APP 流程图.4 3 3 详细设计详细设计.5 3.1 开场界面.5 3.1.1 原型图 .5 3.1.2 效果图 .5 3.2 登录界面.6 3.2.1 原型图 .6 3.2.2 效果图 .6 3.3 首页界面.7 3.3.1 原型图 .7 河南经贸职业学院毕业论文 III 3.3.2 效果图 .7 3.4 注册界面.8 3.4.1 原型图 .8 3.4.2 效果图 .8 3.5 个人中心界面.9 3.5.1 原型图 .9 3.6.2 效果图 .9 3.6 购物界面 1 .10 3.6.1 原型图 .10 3.6.2 效果图 .10 3.7 购物界面 2.11 3.7.1 原型图 .11 3.7.2 效果图 .11 3.8 分享界面.12 3.8.1 原型图 .12 3.8.2 效果图 .12 3.9 设置界面.13 3.9.1 原型图 .13 3.9.2 效果图 .13 4 4 设计中所遇困难和解决方案设计中所遇困难和解决方案.14 5 5 设计体会设计体会.15 致谢致谢.16 河南经贸职业学院毕业论文 1 1 项目概述 1.1 项目目的和内容 手机 UI 设计 ：是手机软件的人机交互、操作逻辑、界面美观的整体设计。 手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好， 且具有良好体验的应用留在自己的手机上长期使用，因此，手机 ui 设计在当今 移动互联网迅猛发展的时代中显现的尤为重要。 我的作品是一款拥有时尚前卫的手机社交 APP 设计，主要针对于 15-30 岁 时尚简约、热爱旅游与生活、追寻高品质生活的人群。此款手机 APP 设计主题 突出、明确，整体色彩虽运用热烈的鲜红却不显现单调，界面风格整体统一， 是用平面化的表现方式为现实生活中忙碌的人们带来一些不一样的清新热烈的 体验。我的作品具有高的体验效果，创意设计把用户所需要的体现在每一个界 面，如：精确的分类，使用户能找到自己所喜欢的分类，在交互操作中会带给 人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：时间定位、地 点导航以及日历指导、并且精确到每个像素的细节呈现着令人赏心悦目的视觉 效果。我的 APP 界面设计将以实用和独特的想法呈现给用户便捷、愉悦、贴心 的交互体验。 作品内容包括有：首页（1）、登录（1 张）、注册（1 张）、设置（1 张） 、分享（1 张）、个人中心（1 张）、购物分享（1 张）、购物（1 张）、开场 页（1 张） 1.2 项目分析 1.2.1 行业背景分析 世界旅游业的快速发展已经成为现代世界经济的一大特征。在过去的 16 年 里，全球旅游业年平均增长率高达 9%，成为世界第一大产业。根据世界旅游组 织公布的数字，2002 年全球旅游人次超过 7 亿，较 2001 年增长了 3.1%。在各 种旅游形式中，休闲度假开始成为旅游的一种主要形式，相关的旅游产品已逐 渐成为当今世界旅游产业中档次最高的产品，并引领着当今世界旅游业的发展。 在今后相当长的一段时期内，世界性的旅游消费需求将保持持续增长的势头。 到 2020 年，全球仅国际旅游人数将达到 16 亿人次，国际旅游收入将达 2 万亿 美元。21 世纪既是旅游业发展的“黄金时代”，更是“亚太世纪”。 河南经贸职业学院毕业论文 2 我国旅游业发展迅速，现在已成为中国第三产业中最具活力的新兴产业、 国民经济新的增长点，在第三产业优先发展序列中位居第一，并已被各地列为 当地经济发展的支柱行业、先导产业和龙头行业。 再从移动端社交 App 下载量排行中可以看到近期，近期关于社交 App 软件 应用的一些趋势，微信、手机 QQ、新浪微博、QQ 空间仍然稳稳的位居了前四 位，其中微信的周下载量为 7 万次，是新浪微博下载量的 3 倍多，手机 QQ 的 下载量为 58 万次，是新浪微博的 2 倍多。因而腾讯在移动端社交 App 软件将 会稳稳的占据在前几位，而且与其他社交软件的差距将会进一步拉大。 YY 语音、陌陌等移动社交 App 软件在周下载量的排名，与总下载量的排 名相比有所提升，这两款软件近期的下载人气呈现上升趋势。 从移动端社交 App 用户好评率曲线图来看，社交 App 软件的用户好评率出 现参次不齐的状况，总体评价状况并不佳，在腾讯的强大实力以及 QQ 天下里， YY 语音能借助语音服务而上市，并且在移动端社交 App 排行榜中占据一席之 地，这就说明移动端用户对社交 App 软件应用的一些需求并没有被满足，未来 还有比较大的发展前景。 1.2.2 典型用户分析 用户人群：针对于 16-30 岁时尚潮流、热爱旅游、爱好交友，追寻品质生 活的人群。 1.2.3 同类型 APP 分析 相比同类型 APP，我的既有缺点也有也他自身的亮点之处。缺点是，他刚 刚被开发，并没有被很多人熟知，在知名度上就有了欠缺，而且，他并有有先 有 APP 所具有的酒店，飞机一体化，APP 解决的缺陷。这可能会造成后期流量 的流失，对于这个缺点，后期开发时也会进行修正，以便使用户使用时更贴心。 有点是，他具有现下 APP 所没有的私人订制功能和小景点，例如漫展、逛 一些小型景点等，私人订制可以为用户贴心打造一个合适用户，并且可以达到 90%用户相当满意的程度，内容涵盖详尽，包含用户出行所想不到的一些贴心 服务，使用户使用更便捷更贴心，至于小景点功能，就是可以发起一个组织， 我们后台可以为用户寻找志趣相投的伙伴，去出行漫展等其他活动等，这也为 二次元的小伙伴的活动提供了一个平台。虽然有美中不足之处，但是和同类型 河南经贸职业学院毕业论文 3 相比，我的 APP 还是存在他本身的优势。 1.3 基本要素设计 1.3.1 设计风格定义 在 Photoshop CS5 中处理图片的色阶和饱和度，做主要的工作；辅助线的 规划，智能参考线的辅助，在软件中做出效果图，之前则是需要 Axure 的辅助 做好原型图等。 1.3.2 标准色定义 主要颜色： # F44B50 #FFFFFF # F6C930 # 140808 1.3.3 规格定义 （1）设计尺寸：640px 1136px; （2）最佳显示分辨率：72ppi; （3）色彩模式：RGB; 河南经贸职业学院毕业论文 4 2 概要设计 2.1 创意来源 在万千人中遇到你，得之则幸，错过就是一种无法掩饰的悲哀吧。这也是 我的的创意来源，人生有无数个过客，但是谁又知道，那些过客中是否有你的 知己好友，还是你的蓝颜，亦或是一生不可或缺的哪一位呢？在当下这个来也 匆匆，去也匆匆的时代，人们很少能交到除了工作圈，同学圈之外的朋友，就 如我一样，每天忙忙碌碌，想找到志同道合的好姐妹，但是去哪里找？想看漫 展没人陪，想去喜欢的地点没朋友结队，想去唱歌，都在忙这样的情况大 多数人都拥有过吧，外表拒人千里，内心其实热烈如火，这也是为什么这次选 择使用娇艳而不张扬的西瓜红的原因，红色不仅能带来与众不同的清新和时尚 感，也能给人带来心理上的愉悦，这也正是现下人们所或缺的一种热情吧。 设计主题比较明确后，由此联想便开始展开。创意是作品的灵魂，没有灵 魂的创意不可能成为一个好的创意，我的灵感来自与当下人际交往的淡漠，以 平面化的创意界面来为人们打开一个新的世界这也是我所希望看到的，我非常 希望他能带给用户愉悦新鲜的体验效果，带给他们更多人性化的设计，感受到 来自所有用户的爱意。 在人际交往中，难免会产生一些不愉快的事情，甚至产生一些矛盾冲突。 这时候我们就要学会宽容别人，不斤斤计较，正所谓退一步海阔天空。人不犯 我，我不犯人。人先犯我，礼让三分。不要因为一些小事而陷入人际纠纷，这 样我们会浪费很多时间，同时也变得很自私自利变得很渺小。大家彼此喜欢和 对方交往，并能从交往的过程中有所收获，交往就得良性循环的进行下去。如 果交往变成了负担，变成了没有意义的纯粹是浪费时间的活动，那这样的交往 不会长久。感情愉悦往往作用于交往的前期。 交往的过程中，彼此的价值观相似，不仅可以得到支持和共鸣，而且可以 预测对方的行为倾向，这样，双方就比较容易适应。价值观相似到了交往的后 期起很大的作用，很多人因为价值观的分歧而最后分道扬镳。 以此，界面以平面设计中“和谐”、“对比”、“平衡”、表现形式为切 入点,突破平淡无趣的表现形式,是平面变的更有节奏感和空间延展,和传统单一 单调的设计有所不同，构建出更具表现力的新视觉语言,增强了视觉冲击力；在 河南经贸职业学院毕业论文 5 平面化转化基础上增添打破传统的设计理念使用户可以得到更好的体验。 好的创意设计充满灵性与美感,能够表达出思想，拥有地点定位和时间定位 的功能也极具独特创新，让体验者产生美妙的愉悦感。 界面根据整体风格进行定位设计，其中的线条柔美的女性形像呈现给人以 简约，有趣的视觉效果，并且 LOGO 也有采用折纸的效果，线条的勾勒出的每 一笔都充满了动感，人性化的设置不用设定，也可为每位用户定位你所在的位 置时间，给人以不同寻常的独到的设计。 2.2 产品的风格定义 主要风格：时尚、简约的表现。 2.4 手机 APP 流程图 河南经贸职业学院毕业论文 6 3 设计表现说明 3.1 开场界面 3.1.1 原型图 河南经贸职业学院毕业论文 7 3.1.2 效果图 河南经贸职业学院毕业论文 8 3.2 登录界面 3.2.1.原型图 河南经贸职业学院毕业论文 9 3.2.2 效果图 河南经贸职业学院毕业论文 10 3.3 首页界面 3.3.1.原型图 河南经贸职业学院毕业论文 11 3.3.2.效果图 河南经贸职业学院毕业论文 12 3.4 注册界面 3.4.1 原型图 河南经贸职业学院毕业论文 13 3.4.2 效果图 河南经贸职业学院毕业论文 14 3.5 个人中心界面 3.5.1 原型图 河南经贸职业学院毕业论文 15 3.5.2 效果图 河南经贸职业学院毕业论文 16 3.6 购物界面 1 3.6.1 原型图 河南经贸职业学院毕业论文 17 3.6.2 效果图 河南经贸职业学院毕业论文 18 3.7 购物界面 2 3.7.1 原型图 河南经贸职业学院毕业论文 19 3.7.2 效果图 河南经贸职业学院毕业论文 20 3.8 分享界面 3.8.1 原型图 河南经贸职业学院毕业论文 21 3.8.2 效果图 河南经贸职业学院毕业论文 22 3.9 设置界面 1 3.9.1 原型图 河南经贸职业学院毕业论文 23 3.9.2 效果图 河南经贸职业学院毕业论文 24 4 设计中所遇困难和解决方案 在设计创作过程中遇到困难是在所难免的，而设计的整个过程本身就带着 种种困难，发现并解决困难是一个过程，人生也是如此，跌宕起伏，不是完美 也不尽人意，或多或少都会遇到人生难题，好的或者解决，坏的则自暴自弃， 半途而废，不再理会。在这次的 APP 设计中，我遇到了不少的难题，开始就是 困难，被批评过色彩不够活泼，也被指责过不够用心，太过贪玩没有尽心尽力 去做好这个设计。就如，色彩的搭配及与实际应用的结合，图形文字的识别性 突出或不突出成为本次设计中的以难点，看似简单，但是在设计创作当中，要 想作品能够呈现出和主题相符合并且和谐的感觉还是很难的，而且必须保证在 整体主题色调格局统一的前提下又不单调，就需要花费心思去思考，如首页的 分类设定，起初是用圆滑圆形来表示分类，但是与下面的各个栏目结合起来时， 就会变的很是不和谐，所以改了数遍之后，还是采用圆滑的圆角矩形，与整体 主题的完整性将受到的影响也会有所减轻。我坚信任何的问题都会有解决的办 法，无法解决的事情是没有的，与同学进行交流共同探究、请教老师帮助解决、 上网查阅有相关问题的资料，通过比较各种解决方案，最后终于得出一个最完 美的解决方法。在字体的上面轻轻的覆盖一层半透明的黑色矩形框，这样，既 不失其整体色调的统一性，又表现出了想要达到的视觉效果。这样类似的问题 还有很多，但是有问题就会有解决，不管是多么困难的事，只要有心人愿意去 做，愿意去解决，就会有解决的一天，事情也会有圆满的时候，求知的精神才 是我们所需要也更要努力的。 河南经贸职业学院毕业论文 25 5 设计体会 本次设计作为我的大学毕业设计，重要性可想而知，我想每个同学都会无 比重视，我也不例外，我只想把自己最好的一面表现出来，带着热爱设计，热 爱母校的心情。 本次设计 APP 界面，我想了很多，但是也变了很多次，因为想得太多，就 会有不同的想法开始迸发，想得越多思路就越发混乱，这也导致后面我的想法 否决一次又一次之后才确定下来。之后把思维导图画出来，理清思路，知道该 做什么，而不该做的就可以删掉，思维导图其实更好的帮我把思想整理清楚， 之后的原型图才能更好的做出来，没有妨碍后续工作的进行。之后就要着手进 行高保真的制作，俗话说：一口是无法吃个大胖子的；设计的过程是循序渐进 的，我制作东西本来就比其他人要慢很多，并且喜欢抠细节，细节抠的越细致 就导致做的越慢，而且有时做东西的时候也会想自己的想法是否正确，是否能 够使用户有好的体验，这就导致不断的涂涂改改，就会降低工作效