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

《手机APP设计结业毕业论文.doc》由会员分享，可在线阅读，更多相关《手机APP设计结业毕业论文.doc（31页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、-_河南经贸职业学院毕业论文手机手机 APPAPP 设计设计论文作者：论文作者： 任任 思思 萦萦 专专 业：业： 数字媒体数字媒体 学学 号：号： 1207041072912070410729 班班 级：级： 1212 数字媒体数字媒体 指导教师指导教师: : 刘丽萍刘丽萍 答辩委员会主席答辩委员会主席_ 评阅人评阅人_论文答辩日期论文答辩日期_-_独创性声明本人声明所呈交的毕业论文是我个人在导师指导下进行的研究工作及取得的成果。尽我所知，除文中已经标明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。本人完全

2、意识到本声明的法律结果由本人承担。论文作者签名： 日期： 年 月 日毕业论文版权使用授权书本毕业论文作者完全了解学校有关保留、使用毕业论文的规定，即：学校有权保留并向有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权河南经贸职业学院要以将本论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本论文。保密，在_年解密后适用本授权书.本论文属于不保密。（请在以上方框内打“”）毕业论文作者签名： 指导教师签名：日期： 年 月 日 日期： 年 月 日-_摘 要手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好，且具有良好体验的应

3、用留在自己的手机上长期使用，因此，手机 ui 设计在当今移动互联网迅猛发展的时代中显现的尤为重要。我的作品是一款拥有时尚前卫的手机社交 APP 设计,把一些潮流的动感元素融入，转化为有形的，可以看到的平面艺术中去，以平面化的表现方式进行美的表现，带给人以此时无声胜有声的更高境界。时尚的红色带着少女的朝气，视觉艺术的转化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美体验。界面在表现形式中也不同于常见的平面化界面，以平面设计中“立体化“的视觉表现形式为切入点进行创新，此款手机 APP 产品设计主题突出、明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一，是一款人们值得拥有社交类

4、APP，给予现在年轻人不同的社交体验。作品独特、具有视觉冲击感，创意设计灵魂体现在每一个界面，如：柔美的线条，构成少女美妙的身姿，仿佛在跟随着音乐起舞，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：定位时间、地点以及日期、精确到每一个像素等细节呈现着令人赏心悦目的视觉效果。我的 APP 旅游产品设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交互体验。关键词：创意设计，地点定位，时间定位，精细分类-_目录摘摘 要要.I1 1 项目概述项目概述.11.1 项目目的和内容.11.2 项目分析.11.2.1 行业背景分析 .11.2.2 典型用户分析 .11.2.3

5、同类型 APP 分析 .11.3 基本要素.21.3.1 设计风格定义 .21.3.2 标准色定义 .21.3.3 规格定义 .22 2 概要设计概要设计.32.1 创意来源.32.2 产品的风格定义.42.3 手机 APP 流程图.43 3 详细设计详细设计.53.1 开场界面.53.1.1 原型图 .53.1.2 效果图 .53.2 登录界面.63.2.1 原型图 .63.2.2 效果图 .63.3 首页界面.73.3.1 原型图 .7-_3.3.2 效果图 .73.4 注册界面.83.4.1 原型图 .83.4.2 效果图 .83.5 个人中心界面.93.5.1 原型图 .93.6.2

6、效果图 .93.6 购物界面 1 .103.6.1 原型图 .103.6.2 效果图 .103.7 购物界面 2.113.7.1 原型图 .113.7.2 效果图 .113.8 分享界面.123.8.1 原型图 .123.8.2 效果图 .123.9 设置界面.133.9.1 原型图 .133.9.2 效果图 .134 4 设计中所遇困难和解决方案设计中所遇困难和解决方案.145 5 设计体会设计体会.15致谢致谢.16-_1 项目概述1.1 项目目的和内容手机 UI 设计 ：是手机软件的人机交互、操作逻辑、界面美观的整体设计。手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良

7、好，且具有良好体验的应用留在自己的手机上长期使用，因此，手机 ui 设计在当今移动互联网迅猛发展的时代中显现的尤为重要。我的作品是一款拥有时尚前卫的手机社交 APP 设计，主要针对于 15-30 岁时尚简约、热爱旅游与生活、追寻高品质生活的人群。此款手机 APP 设计主题突出、明确，整体色彩虽运用热烈的鲜红却不显现单调，界面风格整体统一，是用平面化的表现方式为现实生活中忙碌的人们带来一些不一样的清新热烈的体验。我的作品具有高的体验效果，创意设计把用户所需要的体现在每一个界面，如：精确的分类，使用户能找到自己所喜欢的分类，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：

8、时间定位、地点导航以及日历指导、并且精确到每个像素的细节呈现着令人赏心悦目的视觉效果。我的 APP 界面设计将以实用和独特的想法呈现给用户便捷、愉悦、贴心的交互体验。作品内容包括有：首页（1）、登录（1 张）、注册（1 张）、设置（1 张）、分享（1 张）、个人中心（1 张）、购物分享（1 张）、购物（1 张）、开场页（1 张）1.2 项目分析1.2.1 行业背景分析世界旅游业的快速发展已经成为现代世界经济的一大特征。在过去的 16 年里，全球旅游业年平均增长率高达 9%，成为世界第一大产业。根据世界旅游组织公布的数字，2002 年全球旅游人次超过 7 亿，较 2001 年增长了 3.1%。在

9、各种旅游形式中，休闲度假开始成为旅游的一种主要形式，相关的旅游产品已逐渐成为当今世界旅游产业中档次最高的产品，并引领着当今世界旅游业的发展。在今后相当长的一段时期内，世界性的旅游消费需求将保持持续增长的势头。到 2020 年，全球仅国际旅游人数将达到 16 亿人次，国际旅游收入将达 2 万亿美元。21 世纪既是旅游业发展的“黄金时代”，更是“亚太世纪”。-_我国旅游业发展迅速，现在已成为中国第三产业中最具活力的新兴产业、国民经济新的增长点，在第三产业优先发展序列中位居第一，并已被各地列为当地经济发展的支柱行业、先导产业和龙头行业。再从移动端社交 App 下载量排行中可以看到近期，近期关于社交

10、App 软件应用的一些趋势，微信、手机 QQ、新浪微博、QQ 空间仍然稳稳的位居了前四位，其中微信的周下载量为 7 万次，是新浪微博下载量的 3 倍多，手机 QQ 的下载量为 58 万次，是新浪微博的 2 倍多。因而腾讯在移动端社交 App 软件将会稳稳的占据在前几位，而且与其他社交软件的差距将会进一步拉大。YY 语音、陌陌等移动社交 App 软件在周下载量的排名，与总下载量的排名相比有所提升，这两款软件近期的下载人气呈现上升趋势。从移动端社交 App 用户好评率曲线图来看，社交 App 软件的用户好评率出现参次不齐的状况，总体评价状况并不佳，在腾讯的强大实力以及 QQ 天下里，YY 语音能借

11、助语音服务而上市，并且在移动端社交 App 排行榜中占据一席之地，这就说明移动端用户对社交 App 软件应用的一些需求并没有被满足，未来还有比较大的发展前景。1.2.2 典型用户分析用户人群：针对于 16-30 岁时尚潮流、热爱旅游、爱好交友，追寻品质生活的人群。1.2.3 同类型 APP 分析相比同类型 APP，我的既有缺点也有也他自身的亮点之处。缺点是，他刚刚被开发，并没有被很多人熟知，在知名度上就有了欠缺，而且，他并有有先有 APP 所具有的酒店，飞机一体化，APP 解决的缺陷。这可能会造成后期流量的流失，对于这个缺点，后期开发时也会进行修正，以便使用户使用时更贴心。有点是，他具有现下

12、APP 所没有的私人订制功能和小景点，例如漫展、逛一些小型景点等，私人订制可以为用户贴心打造一个合适用户，并且可以达到90%用户相当满意的程度，内容涵盖详尽，包含用户出行所想不到的一些贴心服务，使用户使用更便捷更贴心，至于小景点功能，就是可以发起一个组织，我们后台可以为用户寻找志趣相投的伙伴，去出行漫展等其他活动等，这也为二次元的小伙伴的活动提供了一个平台。虽然有美中不足之处，但是和同类型-_相比，我的 APP 还是存在他本身的优势。1.3 基本要素设计1.3.1 设计风格定义在 Photoshop CS5 中处理图片的色阶和饱和度，做主要的工作；辅助线的规划，智能参考线的辅助，在软件中做出效

13、果图，之前则是需要 Axure 的辅助做好原型图等。1.3.2 标准色定义主要颜色：# F44B50 #FFFFFF # F6C930 # 140808 1.3.3 规格定义（1）设计尺寸：640px 1136px;（2）最佳显示分辨率：72ppi;（3）色彩模式：RGB;-_2 概要设计2.1 创意来源 在万千人中遇到你，得之则幸，错过就是一种无法掩饰的悲哀吧。这也是我的的创意来源，人生有无数个过客，但是谁又知道，那些过客中是否有你的知己好友，还是你的蓝颜，亦或是一生不可或缺的哪一位呢？在当下这个来也匆匆，去也匆匆的时代，人们很少能交到除了工作圈，同学圈之外的朋友，就如我一样，每天忙忙碌碌，

14、想找到志同道合的好姐妹，但是去哪里找？想看漫展没人陪，想去喜欢的地点没朋友结队，想去唱歌，都在忙这样的情况大多数人都拥有过吧，外表拒人千里，内心其实热烈如火，这也是为什么这次选择使用娇艳而不张扬的西瓜红的原因，红色不仅能带来与众不同的清新和时尚感，也能给人带来心理上的愉悦，这也正是现下人们所或缺的一种热情吧。设计主题比较明确后，由此联想便开始展开。创意是作品的灵魂，没有灵魂的创意不可能成为一个好的创意，我的灵感来自与当下人际交往的淡漠，以平面化的创意界面来为人们打开一个新的世界这也是我所希望看到的，我非常希望他能带给用户愉悦新鲜的体验效果，带给他们更多人性化的设计，感受到来自所有用户的爱意。在

15、人际交往中，难免会产生一些不愉快的事情，甚至产生一些矛盾冲突。这时候我们就要学会宽容别人，不斤斤计较，正所谓退一步海阔天空。人不犯我，我不犯人。人先犯我，礼让三分。不要因为一些小事而陷入人际纠纷，这样我们会浪费很多时间，同时也变得很自私自利变得很渺小。大家彼此喜欢和对方交往，并能从交往的过程中有所收获，交往就得良性循环的进行下去。如果交往变成了负担，变成了没有意义的纯粹是浪费时间的活动，那这样的交往不会长久。感情愉悦往往作用于交往的前期。交往的过程中，彼此的价值观相似，不仅可以得到支持和共鸣，而且可以预测对方的行为倾向，这样，双方就比较容易适应。价值观相似到了交往的后期起很大的作用，很多人因为

16、价值观的分歧而最后分道扬镳。以此，界面以平面设计中“和谐”、“对比”、“平衡”、表现形式为切入点,突破平淡无趣的表现形式,是平面变的更有节奏感和空间延展,和传统单一单调的设计有所不同，构建出更具表现力的新视觉语言,增强了视觉冲击力；在-_平面化转化基础上增添打破传统的设计理念使用户可以得到更好的体验。好的创意设计充满灵性与美感,能够表达出思想，拥有地点定位和时间定位的功能也极具独特创新，让体验者产生美妙的愉悦感。界面根据整体风格进行定位设计，其中的线条柔美的女性形像呈现给人以简约，有趣的视觉效果，并且 LOGO 也有采用折纸的效果，线条的勾勒出的每一笔都充满了动感，人性化的设置不用设定，也可为

17、每位用户定位你所在的位置时间，给人以不同寻常的独到的设计。2.2 产品的风格定义 主要风格：时尚、简约的表现。2.4 手机 APP 流程图-_3 设计表现说明3.1 开场界面3.1.1 原型图-_3.1.2 效果图-_3.2 登录界面3.2.1.原型图-_3.2.2 效果图-_3.3 首页界面3.3.1.原型图-_3.3.2.效果图-_3.4 注册界面3.4.1 原型图-_3.4.2 效果图-_3.5 个人中心界面3.5.1 原型图-_3.5.2 效果图-_3.6 购物界面 1 3.6.1 原型图-_3.6.2 效果图-_3.7 购物界面 23.7.1 原型图-_3.7.2 效果图-_3.8

18、分享界面3.8.1 原型图-_3.8.2 效果图-_3.9 设置界面 13.9.1 原型图-_3.9.2 效果图-_4 设计中所遇困难和解决方案在设计创作过程中遇到困难是在所难免的，而设计的整个过程本身就带着种种困难，发现并解决困难是一个过程，人生也是如此，跌宕起伏，不是完美也不尽人意，或多或少都会遇到人生难题，好的或者解决，坏的则自暴自弃，半途而废，不再理会。在这次的 APP 设计中，我遇到了不少的难题，开始就是困难，被批评过色彩不够活泼，也被指责过不够用心，太过贪玩没有尽心尽力去做好这个设计。就如，色彩的搭配及与实际应用的结合，图形文字的识别性突出或不突出成为本次设计中的以难点，看似简单，

19、但是在设计创作当中，要想作品能够呈现出和主题相符合并且和谐的感觉还是很难的，而且必须保证在整体主题色调格局统一的前提下又不单调，就需要花费心思去思考，如首页的分类设定，起初是用圆滑圆形来表示分类，但是与下面的各个栏目结合起来时，就会变的很是不和谐，所以改了数遍之后，还是采用圆滑的圆角矩形，与整体主题的完整性将受到的影响也会有所减轻。我坚信任何的问题都会有解决的办法，无法解决的事情是没有的，与同学进行交流共同探究、请教老师帮助解决、上网查阅有相关问题的资料，通过比较各种解决方案，最后终于得出一个最完美的解决方法。在字体的上面轻轻的覆盖一层半透明的黑色矩形框，这样，既不失其整体色调的统一性，又表现

20、出了想要达到的视觉效果。这样类似的问题还有很多，但是有问题就会有解决，不管是多么困难的事，只要有心人愿意去做，愿意去解决，就会有解决的一天，事情也会有圆满的时候，求知的精神才是我们所需要也更要努力的。-_5 设计体会本次设计作为我的大学毕业设计，重要性可想而知，我想每个同学都会无比重视，我也不例外，我只想把自己最好的一面表现出来，带着热爱设计，热爱母校的心情。本次设计 APP 界面，我想了很多，但是也变了很多次，因为想得太多，就会有不同的想法开始迸发，想得越多思路就越发混乱，这也导致后面我的想法否决一次又一次之后才确定下来。之后把思维导图画出来，理清思路，知道该做什么，而不该做的就可以删掉，思

21、维导图其实更好的帮我把思想整理清楚，之后的原型图才能更好的做出来，没有妨碍后续工作的进行。之后就要着手进行高保真的制作，俗话说：一口是无法吃个大胖子的；设计的过程是循序渐进的，我制作东西本来就比其他人要慢很多，并且喜欢抠细节，细节抠的越细致就导致做的越慢，而且有时做东西的时候也会想自己的想法是否正确，是否能够使用户有好的体验，这就导致不断的涂涂改改，就会降低工作效率。制作的过程中是包含了各种心酸体会，这里有很多困难，曾经也因此哭过笑过，但是想到是自己创造的，便有了动力，有了做下去的勇气，虽然做东西比其他同学慢了点脚步，但是我最大的优点就是不到尽头绝不后悔。因为 APP涵盖的方面太广，其实也有很

22、多地方没有理清楚，上面也说过，我的 APP 也存在他本身的确点，这些只能等后续才能得以完善，和现下流行的 APP 相比，他还是存在优势。制作的再不易，也是会有收获的，这次制作中，我对钢笔抠图，色阶饱和度等又有了进一步的认识，也能够熟练的使用钢笔抠图了。这里毕业设计虽然结束了，但是我的设计之路还在延续，他或许很长，或许很苦很累，但是这是自己选择的就绝不后悔，会一直走下去。-_致谢此次设计感谢母校为我提供一个锻炼自我、展示自我的平台，感谢三年来对我的教育与培养，希望母校未来的发展会越来越好。感谢我挚爱并且尊敬的老师，是你们任劳任怨的付出才成就如今我的成长。在这里，请允许我向在我大学的学习与生活中起

23、到具有不可代替性的老师，刘丽萍老师和刘凯老师深深的致敬，语言上的感激总是略显苍白无力，一声感谢也太过淡薄，内心的感激之情根本无法言说，我尊敬的老师给了我很多帮助，那些青葱的岁月永远印在我的脑海里，这也是最美好的回忆，我老师不辞辛苦的为我们改作业，为我们解答难题，有时候甚至忙到很晚，有时甚至深夜才能休息，这些精神深深的感动着我们，也激励着我要努力成长，达到自己想要的高度。最后我要真挚的感谢我三年来的同窗好友，谢谢你们陪伴我走过风风雨雨，陪我熬夜参加比赛，那些瞬间，无法磨灭，我亲爱的朋友谢谢你们在我最困难的时候陪着我走过，这份友谊和感情我会铭感于心，再次谢谢我亲爱的母校！亲爱的老师们！亲爱的朋友们！