毕业设计（论文）-手机界面设计--以小米5为例.doc

云 南 财 经 大 学学生毕业论文（设计）题目：手机界面设计以小米5为例院（系）：中华职业学院 专业：计算机科学与技术（网络应用）班级：中华网络12-1 学号：2 论文作者： 指导教师： 指导教师职称：教授 云南财经大学论文设计 云南财经大学 本科毕业论文（设计）原创性及知识产权声明本人郑重声明：所提交的毕业论文（设计）是本人在导师的指导下取得的专有成果。对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中以明确方式写明。因本毕业论文（设计）引起的法律结果完全由本人来承担。本毕业论文（设计）成果归云南财经大学所有。 特此声明！毕业论文（设计）作者签名： 作者专业：计算机科学与技术（网络应用）作者学号：4 2016年04月10日I云南财经大学论文设计 摘 要 界面设计是在漫长的软件发展中，界面设计工作一直都没有受到设计师们得关注，其实软件界面设计也是产品的重要买点。一个操作简洁美观的界面一定会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造出卖点，同时用户们也能够最直观的感受到视觉设计的魅力所在。 本文从UI的概念及发展入手，谈UI设计的必要性。根据用户调查与市场分析进行手机UI设计。在了解用户的使用习惯和确定用户群体之后，从中得出结论并进行设计工作。我的设计围绕着年青的一代使用者，将手机的常规操作与习惯相结合，创新一种新颖的娱乐操作模式。让虚化的手机操作过程转化为现实所需要的材料，产生有价值的网络产品，使得手机操作变得更有趣味性，全面提升用户在使用手机时的认知度，操作度和主观感受等层面的体验。当用户在使用手机时不仅仅只是在和手机交流信息而是在体验一种全新的生活娱乐方式，从而能够给他们带来情感上的愉悦和满足感。此设计为了区分于同类产品，希望能够把握用户的情感，使用户真正感受设计的魅力所在。关键词：UI+GAME；界面设计；交互设计；人机交互；交互风格；虚拟现实网络I Abstract 窗体顶端请键入文字或网站地址，或者上传文档。取消Jimin shjzi mnchng de runjin fzhn zhng, jimin shj gngzu yzh miyu shudo shj sh d gunzh, qsh runjin jimin shj sh chnpn de zhng yo midin. Yg cozu jinji migun de jimin hu j rn di li shsh de shju xingshu, l jn rn y dinno de jl, wi shngji chungzo midin, tngsh yngh nnggu zu zhgun de gnshu do shju shj de mil. Bnwn cng UI de ginin j fzhn tn q, tn UI shj de zhngyo xng. Gnj yngh dioch y shchng fnx jnxng shuj UI shj. Zi lioji yngh shyng xgun h qudng yngh qnt hu, cngzhng d ch jiln bng jnxng shj gngzu.W de shj wirozhe ninqng ydi shyng zh, jing shuj de chnggu cozu y yux xing jih, chungxn y zhng xnyng de yl xiofi msh. Rng x hu de shuj cozu guchng zhunhu wi yux zhng su xyo de cilio, chnshng yu jizh de wnglu chnpn, shd shuj cozu bin d gng yu qwi xng, qunmin tshng yngh zi shyng shuj sh de rn zh, cozu h zhgun gnshu dng cngmin de tyn. Dng yngh zi shyng shuj sh bjn jn sh zi jioli xnx r sh zi tyn y zhng qunxn de shnghu yl fngsh, cngr gi tmen di li qnggn shng de yyu h mnz. C shj qfn y tngli chnpn, xwng nnggu bw yngh de qnggn, sh yngh zhnzhng gnshu shj de mil.Gunjin c:UI+GAME; jimin shj; jioh shj; rn j jioh; jioh fngg; xn xinsh wnglu源语言： 中文 Interface design - in the long software development, interface design work has not been too concerned about the designers, in fact, the software interface design is important to buy the product. Operating a simple and beautiful interface will bring a comfortable visual enjoyment, to narrow the distance between man and computer to create a selling point for businesses, while the user can feel the most intuitive visual design charm.From the concept and development of UI Talk, talk about the importance of UI design. Phone UI design analysis based on user surveys and market. Understand user habits and determine the user groups after, draw conclusions and design work.I design the younger generation around the user, the phones normal operation and game combined a novel innovative entertainment consumption patterns. Let the phone during the operation of the virtual game into the material needed to produce valuable networking products, making the phone operation becomes more interesting, enhance user awareness in the use of mobile phones, and other aspects of operations and subjective feelings experience. When the user to use the phone in the exchange of information but just to experience a new life in the way of entertainment, so bring them pleasure and emotional satisfaction. This design distinguish between similar products, users want to be able to grasp the emotions, allowing users to really feel the charm of the design.Keywords: UI + GAME; interface design; interaction design; human-computer interaction; interaction style; Virtual Reality Network窗体底端III云南财经大学论文设计 目录本科毕业论文（设计）原创性及知识产权声明I摘 要IIAbstractIII绪 论第一章1界面设计的概念及发展1.1 UI的定义1.2手机UI设计的发展及其重要性第二章2手机UI设计的前期调研2.1设计背景2.2设计目的2.3使用群体第三章3小米手机界面的设计3.1图标设计3.2屏幕锁定界面设计3.3菜单界面3.4音乐播放界面3.5拨号界面设计结 论参考文献致谢 绪 论 现如今社会上移动设备已经成为人们生活娱乐的必需品，移动设备的用户界面及体验越来越吸引用户的关注。GUI(Graphical User Interface)是一种结合计了算机科学、心理学、行为学、消费学、美学，以及各个商业领域需求分析的人机交互系统工程，强调人计算机和环境三者作为一个系统进行的总体设计。对大多数的人来说用户界面是软件本身。因此，掌握UI界面设计的技术与技巧是让软件走向市场的最关键因素。界面不仅仅只是一个窗口而已而是软件开发中最重要的一个方面，并将涉及到整个开发队伍。对于软件的应用来说，最基本现实是：所有的用户界面都是面向用户的。用户们所需要的是开发者开发的应用软件并且满足用户需求才是最大的追求，并且易于使用，用户界面走到今天真是千锤百炼，要做到易用就更是难上加难。大多的开发者们都自以为自己是艺术天才，开发者不会去尽力遵循UI界面设计的标准，或者花精力使得产品足够好用；反之，他们错误地认为编写更加灵巧的代码或是使用一套确实有趣的颜色方案才是重中之重的事。指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。一个好的UI设计不仅是让软件变得有个性有品味，更要让软件的操作变得舒适、简单、自由、有趣,充分体现品牌软件的定位和特点。人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面，目前正处于图形用户界面时代。图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。目前所有类型的图形用户界面的共同特点是窗口管理系统作为核心，使用键盘和鼠标作为输入设备。除了窗口管理系统基于多窗口管理技术可能重叠，另一个核心技术是广泛使用的事件驱动（事件驱动）技术。图形用户界面和人机交互过程大多依赖于视觉和手动控制的参与，因此具有很强的直接操作特性。然而界面的友好是在用户把软件买回去后，他们和企业的联系，以及该企业形象在客户眼中的表现，很大一部分是通过软件的界面来传达的，美观友好的用户界面对于宣传企业文化，给客户灌输企业理念，甚至于对企业的宣传运做都将是非常有益的，美观的界面都会给客户以信心和良好的印象。 第一章1界面设计的概念及发展1.1 UI的定义 UI的本意是用户界面，是英文User和 interface的缩写。字面上看是用户与界面2个组成部分，实际上还包括用户与界面之间的交互关系。人机交互（人机交互）在，有一个维度即我们称之为界面（界面）。从心理学的意义上说，界面可分为感觉（视觉、触觉、听觉等）和两个层次的情感。用户界面设计是屏幕产品的重要组成部分。界面设计是一门复杂的学科，涉及到工程、认知心理学、设计学、语言学等学科，在这起着重要的作用。三用户界面的设计原则是：在用户的控制下设置界面，减少用户的记忆负担，保持界面的一致性。一个好的UI设计不仅是让软件变得有个性有品味，更要让软件的操作变得舒适、简单、自由、有趣,充分体现品牌软件的定位和特点。人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面，目前正处于图形用户界面时代。图形用户界面(GUI-Graphics User Interface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。目前所有类型的图形用户界面的共同特点是窗口管理系统作为核心，使用键盘和鼠标作为输入设备。除了窗口管理系统基于多窗口管理技术可能重叠，另一个核心技术是广泛使用的事件驱动（事件驱动）技术。图形用户界面和人机交互过程大多依赖于视觉和手动控制的参与，因此具有很强的直接操作特性。然而界面的友好是在用户把软件买回去后，他们和企业的联系，以及该企业形象在客户眼中的表现，很大一部分是通过软件的界面来传达的，美观友好的用户界面对于宣传企业文化，给客户灌输企业理念，甚至于对企业的宣传运做都将是非常有益的，美观的界面都会给客户以信心和良好的印象。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早己意识到GUI在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事GUI的研究与设计，同业间也成立了若干机构，以互相交流GUI设计理论与经验为目的。比现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。随着中国IT产业的迅猛发展，虽然国内的某些大型软件已经逐渐形成比较专业完善的界面设计机构，而大部分的中小型软件则还是停留在注重软件功能，而忽视人机交互界面设计的层次。设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用，同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。国内软件业在软件产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。1.2手机UI设计的发展及其重要性 界面设计在漫长的软件发展中，界面设计工作一直没有受到设计师得关注，其实软件界面设计是产品的重要买点。一个操作简洁美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。信息处理成为消费者对手机使用的日常功能，而作为手机人机交互的平台，UI直接影响着用户的产品选择。我认为界面设计并不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的好坏标准是用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为目标用户设计满意视觉效果的过程，一个好的交互设计对产品的成功起着很关键的作用。当今手机UI是用户普遍接触到交互设计，也是一般性的用户唯一接触到的东西。年轻用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他们对功能的关心。如果说功能是人的肌肉和骨骼，那么UI设计就是人的外貌和品格，是一个成功软件产品必不可少的重要组成部分。现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。2014全球手机行业今年出现负增长，但是智能手机销量将超过1亿9000万，比去年同期增长11.1%。据战略分析称，运营商的支持下，厂商和开发者推广应用下的2014个运行安卓操作系统的智能手机出货量将增长900%，苹果手机操作系统将在2014个智能手机操作系统中增长速度最快，增长率将达到79%。可以看出，随着智能手机价格的进一步下降，用户对智能手机的需求将大大提升，智能手机将成为未来手机发展的主要方向，界面设计尤为重要。未来手机的处理速度将进一步提高，手机的功能更加多样化和个性化，手机屏幕会更大，颜色更耀眼，手机音质也更好。同时，使用各种不同类型的传感器，手机将更多的信息在智能手机的环境中判断，所有这些技术都大大提高了手机用户体验。随着移动通信技术的飞速发展，无线网络带宽越来越大，通信质量越来越好，安全性也得到了极大的提高，手机的使用将更加蓬勃发展。手机界面设计注意事项也将日益突出 。世界上最受欢迎的移动设备应用软件开发社区GetJar1 最近对手机购买者就其对手机可用性进行的调查显示：20%的美国被访用户认为UI是手机特性中最重要的，67%认为该特性极其重要。对于设计的热爱，趋势我希望每个人都能了解到设计的重要性，手机中的UI设计是现在人们关注最多的，也是现在人们接触最多的平面设计，所以毕业设计想要设计一套手机UI，区别于同类产品的同时，让用户可以真正感受到设计的魅力，设计改变生活。因此我想设计一款区别于同类产品的手机交互设计。第二章2手机UI设计的前期调研 我的设计围绕着年青一代使用者，将手机的常规操作与游戏相结合，创新一种新颖的娱乐消费模式。让虚化的手机操作过程转化为游戏中所需要的材料，产生有价值的网络产品，使得手机操作变得更有趣味性，全面提升用户在使用手机时的认知，操作和主观感受等层面的体验。当用户在使用手机时不仅仅是在交流信息而是在体验一种全新的生活娱乐方式，从而给他们带来情感上的愉悦和满足。此设计区分于同类产品，希望能够把握用户的情感，使用户真正感受设计的魅力。在漫长的软件发展中，界面设计工作一直没有受到设计师得关注， 其实软件界面设计是产品的重要买点。一个操作简洁美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。信息处理成为消费者对手机使用的日常功能，而作为手机人机交互的平台，UI直接影响着用户的产品选择。我认为界面设计并不是单纯的美术绘画，它需要定位、使用环境、使用方式和使用者并且为最终的用户而设计，是纯粹的科学性的艺术设计。检验一个界面的好坏标准是用户们的感受。所以界面设计要和用户研究紧密结合，是一个不断以用户设计满意视觉效果为目标的过程一个好的交互设计对产品的成功起着很关键的作用。当今手机UI是用户普遍接触到交互设计，也是一般性的用户唯一接触到的东西。年轻用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他们对功能的关心。如果说功能是人的肌肉和骨骼，那么UI设计就是人的外貌和品格，是一个成功软件产品必不可少的重要组成部分。现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手2.1设计背景 在中国，用户进行沟通交流的时候，更习惯于对传统的语音或者短信业务的使用。用户也更喜欢手机中多种多样的应用，可以给他们生活中带来便捷。小游戏也受到用户们得追捧，如怒的小鸟、切水果等等。结合用户职业属性分析得出，学生用户的人均每月付费金额最低，为10.21元，学生用户月付费额在5-10元的用户占比为46.3%，付费额10-20元的用户占比为30.6%，累计达到76.9%；另外企业经营者的人均每月付费金额最高，为15.79元，但占用户总体规模的比重较低。因此，手机游戏行业竞争激烈，手机游戏质量不高，付费人群结构三种因素综合，是月均付费额的下降的主要原因。当乐网&易观国际手机游戏用户调查解析：流量费用仍是影响用户参与网络游戏的主要原因。手机游戏开创了全新的娱乐方式和应用模式，成为3G产业发展中最重要的一个淘金点，受到各方热烈追捧。未来，手机游戏产业发展的基石仍是创意和内容，通过相关产业的融合谋求更广阔的发展空间。我国4.2亿网民中有2.77亿是手机网民。目前，移动互联网用户在手机网游、手机阅读、移动微博等细分领域方面的需求表现更为迫切，这使得移动互联网应用服务得以快速发展，移动娱乐等各方面应用表现更为突出。而对于这些用户而言，手机游戏无疑是移动娱乐的先锋应用，市场前景大好。2.2设计目的 我想要设计一个手机UI，使得对于手机界面的操作不再枯燥乏味没有意义，而是变得有趣还可以获得相应的奖励。迎合3G网络的快速发展以及用户的需求。也想通过这样的一个设计让用户们更能体验到设计的魅力，深刻的感受到图形带给人们生活的重要意义。2.3使用群体 通过研究得出16岁25岁的年轻用户，更喜爱把玩手机，对于网络产品也更加了解，因此我的设计风格将符合这一年龄阶段。第三章3小米手机界面的设计 经过研究，设定每当用户发送一条短信或者打出一个电话时，这个虚有的过程将转化为具体的符号形态，通过应用形成有价值的符号，进而成为网络产品，用户可以通过互联网进行网上兑换自己需要的网络产品。如话费、流量费等等。符合中国消费者得消费需求以及心理特征。用户定位于16岁25岁之间，分析得到有关于他们的词汇有：时尚 科技 个性 品质 。由此设计出“PHONE WORLD”为主题的手机UI设计3.1图标设计 设计说明： 将三角、方形、圆形相结合设计出图标，中间的圆寓意着一个世界的意思，与主题相符。采用三角正方形 圆形因为这三种图形是世界万物组成的基本图形，更能体现PHONE WORLD的理念。图标上设计的规格为单个图标尺寸：122 x 122 像素 创新解锁： 让用户得到新的解锁体验 用户可以随意画圈解锁。如同水波纹一样散开，用户能感受到轻松与愉悦。 常用应用设计：基于中国用户的使用习惯，整体采用转盘的方式，八个部分组成，用户可以将常用的应用放在这里，以更快的进入应用。在高效操作的同时，享受愉快的交互体验。ICON的设计采用常用ICON，使用户能够第一时间辨认，减少记忆量。3.2屏幕锁定界面设计 主页面设计：改变固有手机主页形态 用三角、正方形、圆形 为基本形态 进行主页的设计。让用户体验全新的手机界面，真正感受到图形的魅力，体现PHONE WORLD的理念。以简单的图形元素诠释复杂的世界。3.3菜单界面 菜单设计主要包括，状态栏及滚动条设计。菜单UI界面设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对手机当前状态的显示和提示。和 3.4音乐播放界面 音乐播放器是主要的自带功能，他可以记录第三方软件所播放过的歌曲存储为本地歌曲，如果限次再要播放的话就可以在自带的播放器里面找自己喜欢的的歌曲这样做的好处是不必过多的浪费流量不经如此还可以迅速找到自己喜欢的音乐歌曲等，在无网络或者网络差的时候也可以听自己喜欢的歌曲，所以该界面的应用频率也很高实为重点设计的界面。 3.5拨号界面设计拨打号码设计：点击常用应用的中心就可切换到拨打号码部分， 没有层级跳转更高效。可以点击式拨号也可以如同旧式电话一样转圈拨号。给用户一种怀旧的体验。拨打完号码后点击号码条的中心就会出现一圈功能，对其功能进行圆圈式的排列组合，更高效便捷。用户也可根据自己的使用习惯任意排列。 结 论 信息时代，手机UI在人们的生活中扮演着越来越重要的角色，手机UI的可用性涉及到用户在使用产品时的认知、操作和心理感受等，不同于机械产品的设计，手机UI设计需要更好的设计方法，运用符号学的传达理论，提出“以用户为中心”的符号传达模式，在设计的整个过程中，我要理解用户的目标、需要、行为和使用情景等，保证各个方面和用户的心理模型相匹配，减少用户在使用手机时的挫败感，最终让目标用户在使用手机时获得良好的体验。做这样的一个设计目的就是把当今信息时代人们所关注的进行整合运用到设计中，将网络、手机、UI、游戏进行联想设计