UI毕业论文报告.docx

第1页职业技术学院毕业设计论文题目移动端图形界面设计院部电子信息工程学院专业计算机网络技术学号学生姓名指导教师二年五月第2页移动端图形界面设计摘要图形界面设计的基本原则图形界面设计的黄金法则黄金法则11图形界面设计的图形界面的一致性原则图形界面的简洁性原则易于检索避免不必要的文本输入软件信息的反馈原则界面基本要素视觉设计效果必备品质移动界面设计要素菜单按钮多选列表文字显示图标与图像图形界面的最少记忆项目原则图形界面操作序列的完整性原则结束语第3页摘要自从智能手机的兴起极大的方便了我们的办公娱乐等等可以说移动智能手机的小巧玲珑更加受到人们所爱手机上网超过了传统电脑的上网数量手机界面人性化设计友好性用户体验就显得非常重要移动界面的设计是人机交互技术研究的一个重要方向移动应用的界面设计符合人机交互设计的一般规律可以利用人机交互界面的一般设计方法由于移动设备的便携性位置不固定性和计算能力有限性以及无线网络的低带宽高延迟等诸多的限制移动界面设计又具有自己的特点图形界面设计的基本原则用户原则是图形界面设计最基本和最重要的设计原则所谓用户原则就是在软件界面设计中要充分体现出以人为本用户友好的基本要求做到易懂易学易用图形界面设计的黄金法则用户原则是大原则人们在长期的图形界面设计过程中总结出了图形界面设计中一些有用的法则这些原则被称作软件界面设计的黄金法则这些法则进一步丰富了用户原则使用户原则变得实在可操作图形界面的一致性原则一致性原则是黄金法则中最重要的原则也是界面开发人员最容易忽略和违反的一个原则一致性原则有利于减少用户的学习量和记忆量用户可以把局部的经验和知识推广到其他应用场合一致的界面风格对用户来说很直观应当检查每个布局和每个显示来保证其一致性各种移动应用开发平台都提供某种形式的应用界面的风格指南仔细研究这些指南对于移动应用的界面设计非常重要一致性原则要做到界面外观上的一致具有相似的外观布局和信息显示格式例如和软件操作次序上的一致例如不同命令操作后的显示效果一致概念语义命令语法一致例如同一功能的命令名称要一致例如复制命令不同软件开发商之间的界面设计要保持某种一致图形界面的简洁性原则简洁不仅是界面设计的美学原则而且也是显示屏幕大小所要求的要让用户便于使用便于了解并能减少用户发生错误选择的可能性复杂化是界面设计的一大误区简洁性原则主要表现在内容归类合理内容排列整齐一致易于检索用户希望能减少人机对话的次数以减轻操作的频率快捷方式就是一个较好的办法第4页避免嵌套过深的多级菜单缩减不必要的功能以满足用户的目标需要为准尽量减少用户进行信息访问时所要采取的步骤同时尽可能创建多种信息访问途径避免不必要的文本输入尽量使用户避免不必要的文本信息的输入而采用选择列表或模糊查询即输入一部分查询关键词就可以获得检索目标或包含目标的列表可供用户选择这样可以降低对于用户进行关键字文字输入的麻烦软件信息的反馈原则软件界面对用户的每个操作都应当提供及时的信息反馈尤其是简明的错误处理和帮助功能是软件界面的重要反馈信息预测用户可能出现的错误提供相应的机制尽可能避免例如光手机信息发送成功失败提示等等如果用户要输入日期可以采用格式化输入的方法检查用户输入是否全部是数字而且代表日期月份以及年份的数字的取值范围是否在合法的范围内界面基本要素手机界面层级待机界面主菜单二级菜单三级菜单界面除了包括图标和文字外比较重要的还有呼叫发送信息等以及计算器日历界面等明确意义的图标风格鲜明的版面设计是手机界面设计的重要工作目前较为流行的是欧洲简单风格以及韩国的时尚绚丽的风格在更新颖的交互操作和与手机设计的整体结合上韩系手机作的比较好而在可用性和体验难度上欧系手机则比较优秀视觉设计效果一款手机应用或系统首先是通过界面将整体性格传递给用户体现了界面上风格营造的氛围属于产品的一种性格视觉设计的姿态决定了用户对产品的观点兴趣乃至后面的使用情况手机界面的视觉设计可以帮助产品的感性部分找到更多的共性或者规避一些用户的可能抵触点风格确定根据界面的总体风格的策划思路结合界面其他元素的需要对手机界面的整体风格进行考虑以保证图标和整体效果的融合风格鲜明的设计是手机界面设计的重要工作目前无论是引领风尚的还是市场新宠都推崇极简扁平化风格图标设计图标功能在图形设计之前图标非常重要图标的功能是我们进行图标造型设计的第5页标准和依托设计图标的目的是实用和美观同时要考虑图标的隐喻性它代表的意思必须是用户可知的熟知的图标造型图标一般先用进行绘制然后做图标设计的后期效果处理所有界面上同级同类的图标要保证表现形式的统一避免用户视觉上的紊乱色彩调配由于手机本身的限制在色彩的还原程度上有一定限制因此在选用色彩时要根据使用的屏幕进行调节方法就是将设计好的效果图导入相应的手机中用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助必备品质清晰清晰是用户界面设计必须要具备的一条品质如果说你的界面设计的很模糊用户就无法在其中体验到较好的使用体验这样会影响用户的整体印象简洁设计除了清晰还不够还需要简洁看上去一目了然如果界面上充斥着太多的东西会让用户在查找内容的时候比较困难和乏味而简洁的画面就能很好的解决这个问题熟悉这里说的熟悉是指在设计的时候要遵守一定的设计规范就如有下划线的字符是有超链接的叉号就是要退出或者删除这样用户在使用的时候不但有熟悉的感觉而且便于操控响应良好的用户界面设计一定要响应迅速不能让用户产生一种响应较慢的感受而且界面应该有提醒的功能让用户了解到一些反馈信息一致在设计时保持界面风格的一致性也是整个应用设计中很重要的环节一致的风格不会让用户有错愕感美观美好的事物总会让人有种愉悦之感在页面设计的时候也要注重美观度的加强移动界面设计要素界面是软件与用户交互的最直接的层界面的好坏决定用户对软件的第一印象而且设计良好的界面能够引导用户自己完成相应的操作起到向导的作用同时界面如同人的面孔具有吸引用户的直接优势设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉相反由于界面设计的失败让用户有挫败感再实用强大的功能都可能在用户的畏惧与放弃中付诸东流目前界面的设计引起软件设计人员的重视的程度还远远不够直到最近网页制作的兴起才受到专家的青睐而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝移动界面也包含很多种类的设计要素主要界面设计元素有第6页菜单按钮多选列表文字显示数据输入图标与图像报警提示移动多媒体菜单主要目的用于提供项目选择设计移动界面可用性好的菜单应遵守的规则供选择的项目应根据需要进行逻辑分类如果没有逻辑顺序可以按优先级分类将被选择频率最高的项目放在列表的最顶端每一屏中不宜设计过多的选项如果一个菜单上的选择项目太多应该建立一个更多链接将菜单扩展到多个屏幕菜单上的每一选项一般应当简明扼要按钮一般移动界面中的按钮不经常使用图标在按钮属性的设置上根据所显示的应用类型和信息类型使用风格和标注一致的标签汉字标签则一般需要注意字数的控制常见的通用按钮确定可用于菜单项的选择或表示对某一操作的认可如确认删除完成可用于结束当前操作并返回到上一层任务返回使用户回到前一个操作屏幕多选列表在移动应用中使用多选列表可以最大限度地减少文本输入文字显示文字显示控件主要用于显示较多数量的文字信息文字显示的一般可用性建议每一屏幕显示内容不宜过多如果信息较多应定义一个链接一般情况下文字信息应当使用换行方式进行显示屏幕布局一般来说手机屏幕是从上往下布局的重要的信息会放在上方但是在操作上大部分人都是单手拿手机常用的操作要放在界面的下方另外还有一个原则最小的触摸单位一般是个像素如果再小你的拇指难以触碰或者容易引发误操作同时也不要让界面太拥挤大家熟悉的比如的桌面最主要的操作是在最下面常用的四个钮上面的内第7页容可以来回滑动去选择微信的操作也是在下面重要的信息我们的聊天内容放在上方图标与图像图像图标可以增强显示信息的效果图形界面的最少记忆项目原则好的图形界面应该尽量减少用户的记忆量用户必须记住的任何信息应该是和当前操作有关的而不是和计算机相关为减少记忆量应该通过菜单设计及联机帮助等形式帮助用户记忆一般地说用户的短期记忆不要超过个项目图形界面操作序列的完整性原则界面中每个操作序列都应该清楚地标明开始和结结束其余的操作应插在中间操作序列的结尾应该给用户完成的感觉并指示下一个任务的开始想象一下发送手机信息的整个操作过程结束语通过图形界面设计的基本原则及就是的总体的设计从图形界面设计的黄金法则界面基本要素两方面阐述从移动界面设计要素具体的介绍了移动的独特性分别从菜单按钮多选列表文字显示讲述图像显示视为终点独立一节讲述图形界面的最少记忆项目原则图形界面操作序列的完整性原则分析以上就是最近研究的结果当然有很多不足之处给予批评指正参考文献httpsearchcnkicomcnSearchaspxqauthorE8B5B5E4BAAE赵亮电脑知识与技术安徽科技情报协会孟小华图形系统的分析与移植电信科学