![UI界面设计标准规范_第1页](http://file4.renrendoc.com/view/a922fe5425263f55f58d1fbabb831893/a922fe5425263f55f58d1fbabb8318931.gif)
![UI界面设计标准规范_第2页](http://file4.renrendoc.com/view/a922fe5425263f55f58d1fbabb831893/a922fe5425263f55f58d1fbabb8318932.gif)
![UI界面设计标准规范_第3页](http://file4.renrendoc.com/view/a922fe5425263f55f58d1fbabb831893/a922fe5425263f55f58d1fbabb8318933.gif)
![UI界面设计标准规范_第4页](http://file4.renrendoc.com/view/a922fe5425263f55f58d1fbabb831893/a922fe5425263f55f58d1fbabb8318934.gif)
![UI界面设计标准规范_第5页](http://file4.renrendoc.com/view/a922fe5425263f55f58d1fbabb831893/a922fe5425263f55f58d1fbabb8318935.gif)
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
UI设计(步骤/界面)规范-:ui设计基础概念和步骤1.1目标规范企业UI设计步骤,使UI设计师参与到产品设计整个步骤中来,对产品易用性进行全步骤负责,使UI设计步骤规范化,确保UI设计步骤可操作性。1.2范围I界面设计I此文档用于界面设计,本文档读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。1・3概述UI设计包含交互设计,用户硏究,和界面设计三个部分。基于这三部分UI设计步骤是从一个产品立项开始,UI设计师就应依据步骤规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改善阶段、用户验证反馈阶段等步骤,推行对应岗位职责。UI设计师应全方面负责产品以用户体验为中心UI设计,并依据用户(市场)要求不停提升产品可用性。本规范明确要求了UIi殳计在各个步骤职责和要求,以隔務个步骤工作质星。1.4基础介绍A、需求阶段软件产品仍然属于工业产品范围。仍然离不开3W考虑(Who,where,why.)也就是使用者,使用环境,使用方法需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户年纪,性别,爰好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。怎样用(鼠标键盘/遥控器/触摸屏)。上面任^可_个元素改变结果全部会有对应改变。除此之外在需求阶段同类竞争产品也是我们必需了解。同类产品比我们提前问世,我们要比她作愈加好才有存在价值。那么单纯从界面美学考虑说哪个好哪个不好是没有一个很客观评价标准。我们只能说哪个更适宜,更适宜于我们最终用户就是最好。B、 分析轴阶段经过分析上面需求,我们进入设计阶段。也就是方案形成阶段。我们设计岀几套不一样风格界面用于被选。C、 调硏验证阶段几套风格必需确保在相同设计制作水平上,不能显著看出差异,这么才能得到用户客观真实反馈。测试阶段开始前我们应该对测试具体细节进行清楚分析描述。调研阶段需要从以下多个问题出发:用户对各套方案第一E卩象用户对各套方案综合印象用户对各套方案单独评价选出最喜爰选出其次喜爰对各方案色彩,文字,图形等分别打T分。结论出来以后请全部用户说出最受欢迎方案优缺点。全部这些全部需要用图形表示出来,直观科学。D、方案改善阶段经过用户调研,我们得到目标用户最喜爰方案。而且了解到用户为何喜爰,还有什么遗憾等,这么我们就能够逬行下一步修改了。这时候我们能够把精力投入到一个方案上,将方案做到细致精美。E、用户验证阶段更正以后方案,我们能够将她推向市场。不过设计并没有结束。我们还需要用户反馈,好设计师应该在产品上市以后去站柜台。雲距离接触最终用户,看看用户真正使用时感想。为以后升级版本积累经验资料。经过上面设计过程描述,大家能够清楚发觉,界面UIi殳计是一个很科学推导公式,她有设计师对艺术了解感悟,但绝对不是仅仅表现设计师个人绘画。所以我再强调这个工作过程是设计过程。UI界面设计不存在美工。UI设计步骤2.1概述依据上述标准,分析企业产品特点,制订符合软件产品(或项目)生命周期UI设计步骤。每个产品(或项目)生命周期中,UI设计师应该严格根据步骤,完成每个步骤职责,确保步骤正确有效得到实施,从而提升产品可用性,提升产品质量。二:UI界面用户体验设计标准和规范1:应该遵照基础标准不管是控件使用,提醒信息措辞,还是颜色、窗口布局风格,遵照统一标准,做到真正一致。这么得到好处:1:使用户使用起来能够建立起正确心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松推测岀多种功效,语句了解也不需要费神了解2:降低培训、支持成本,支持人员不会行费力逐一指导。3:给用户统一感觉,不认为混乱,心情愉快,支持度增加做法:项目组有经验人士,确立UI规范:美工提供色调配色方案,提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用控件库。参考标准界面使用规范:控件功效遵照行业标准,windows平台参见《Microsoft用户体验》控件样式在许可范围內能够统一W改其样式、色调参考其它软件优异操作,提取对本项目有用功效,以使用,绝对不能盲从,漫无目标。依据需要,设计特殊操作控件,准则为:简化操作、达成一走功效目标界面实施人员和美工商榷控件可实现性(如不实施此步骤,j各会造成各自对对方工作不满意,也会产生不一致混乱)。反复尋代上述工作。建立合理化文档《UI标准》描述上述规范,强行界面设计者了解之,州乍为开发准则,SQA人员逬行监控开发人员是否遵照,立即告诫开发人员。:(Color)颜色使用合适,遵照对比标准:1:统一色调,针对软件类型和用户工作环境选择合适色调:如:安全软件,依据工业标准,能够选择黄色,绿色表现坏境保护,蓝色表现时尚、紫色表现浪漫等等,淡色能够使人舒适,暗色做背景使人不认为累等2:假如没有自己系列界面,采取标准界面则能够少考虑此方面,做到和操作系统统一,读取系统标准色表3:色盲、色^用户,即使使用了特殊颜色表示关键或尤其东西,也应该使用特殊指示符,?quot;!,?着重号,和图标等4:颜色方案也需要测试,常常因为显示器、显卡问题,色彩表现每台机器全部不一样,应该经过严格测试,不一样机器进行颜色测试5:遵照对t匕标准:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景轻易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场所,杜绝使用对比强烈,让人产生憎恶感颜色。6:整个界面色彩尽可能少使用类别不一样颜色itop色表具体标准参考美术学统计学术标准。色表建设,对于美工在图案设计、包装设计上起看标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循作用。3:(Resource)资源—个多姿多彩人机交互界面,少不了精美鼠标光标、图标^扌旨示图片、底图等。1:也需要遵照统一规则,包含上述颜色表建立,图标建立步骤也应该尽可能形成标准,参考itopoutlookbar图标设计标准2:有标准图标风格设计,有统一构图布局,有统一色调、对比度、色阶,和图片风格:底图应该融于底图,使用浅色,低对比,尽可能少使用颜色。4:图标、图像应该很清楚表示出意思,遵照常见标准,或用户机器轻易联想到物件,绝对不许可画出莫名奇妙图案。5:鼠标光标样式统一,尽可能使用系统标准,杜绝出现反复情况,比如一些软件中一个手形状就有4钟不一样样子。:(Font)字体使用统一字体,字体标准选择依据操作系统类型决定。汉字采取标准字体,"宋体",英文采取标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况能够使用图片替换),确保每个用户使用起来显示全部^正常。字体大小依据系统标准字体来,比如MSS字体8磅,宋体小五号字(9磅)五号字(10.5磅)。全部控件尽可能使用大小统一字体属性,除了特殊提醒信息、加强显示等例外情况ITop采取BCB,全部控件默认使用parentfont,不许可修改,这么有利于统一调整。•系统大小字体属性改变处理。Windows系统有个桌面设置,设置大字体属性,很多界面设计者常常为这个恼火,假如设计时遵照微软标准,全部使用相对大小作为控件大小设置,当切换大小字体时候,相对不会有什么特殊问题。不过因为常常方便使用点阵作为窗口设计单位,造成改变大字体后,出现版面混乱问题。这个情况下,应该做对应处理:1:写程序自动调整大小,点阵值乘以一个对应百分比2:全部采取点阵作为单位,不理会系统字体调整,这么能够降低调整大字体带来麻烦。BCB/DELPHI中多采取这种方法,不过肯走结果是和系统不统一。:(Text)文字表示提醒信息、帮助文档文字表示遵照以下准则:1:口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字2:断句逗号句号顿号分号使用方法,提醒信息t匕较多话,应该分段,3:警告、信息、错误使用对应表示方法4:使用统一语言描述,比如一个关闭功效按钮,能够描述为退岀、返回、关闭,则应该统—要求。5:依据用户不一样采取对应词语语气语气,如专用软件,能够出现很多专业属于,用户为儿童:这能够语气亲切和蔼,老年用户则应该成熟稳重。制订标准遵照之。:(STYLE)控件风格,不要使用错误控件,控件功效要专_有设计好同一风格控件,假如没有能力设计出一套控件,则使用标准控件,绝对不能不伦不类,杂乱无章•不要错误使用控件,比如:使用Button样式做Uable功效,拿主菜单条显示版权信息,•统一类型控件操作方法相同,比如一个控件双击能够实施一些动作,而一样控件,双击却没有任何反应•—个控彳牛只做单一功效,不复用大家为了写程序方便,喜爰把一个控件在不一样情况下做不一样功效用,这些对用户首次了解增加难度,只有用户熟悉后才能了解。比如改变红色选项,左边参数代表不一样设置,可能因为为了节省控件或编程臺,不过只有熟练用户才回使用,这种情况下处理方法:1:分组,使用双份控彳牛2:使用TABLE页,给用户很显蕃视觉改变总结起来就是:产品制作人,写产品计划书。用户体验硏究员,作调查分析。信息建构师,设计产品架构。互动设计师,作出互动步骤。视觉设计师和用户界面设计师,作出页面视觉设计。前台工程师,前台开发。后台工程师,后台开发。8・用户体验研究员,做用户测试确保质呈。确走目标用户在软件设计过程中,需求设计角色会确走软件目标用户,获取最终用户和直接用户需求。用户交互要考虑到目标用户不一样弓I发交互设计关键不一样。t匕如:对于科学用户和对于电脑入门用户设计关键就不一样。耐目标T软件中往往存在多个组成部分(组件、元素)。不一样组成部分之间交互设计目标需要比如:假如以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要落实软件(软件包)整体,而不是局部。3•元素外观T交互元素外观往往影响用户交互效果。同一个(类)软件采取一致风格外观,对于保持用户焦点,改善交互效果有很大帮助。遗憾是怎样确走元素外观一致没有尤其统一衡臺方法。所以需要对目标用户进行调查取得反馈。7.可用性标准软件要为用户使用,用户必需能够了解软件各元素对应功效。假如不能为用户了解,那么需要提供一个非破坏性路径,使得用户能够经过对该元素操作,了解其对应功效。t匕如:删除操作元素。用户能够点击删除操作按钮,提醒用户怎样删除操作或是否确定删除操作,用户能够愈加具体了解该元素对应功效,同时能够取消该操作。7.2可达成用户是交互中心,交互元素对应用户需要功效。所以交互元素必需能够被用户控制。用户能够用诸如键盘、鼠标之类交互设备经过移动和触发已经有交互元素达成其它在此之前不可见或不可交互交互元素。要注意是交互次数会影响可达成效果。当一个功效被深深隐藏(通常来说超出4层)那么用户达成该元素几率就大大降低了。可达成效果也同界面设计相关。过于复杂界面会影响可达成效果。(参考简单导向标准)Quote盼段一:分析]1、 用户需求分析2、 用户交互场景分析3、 竞争产品分析这二者能够说是相辅相成。对于一个较为正规项目而言,肯走有对用户需求分析内容。其中用户UI需求是关键组成部分。假如说UI设计标准是全部UI设计出发点话,那么用户UI需求就是此次设计出发点。好UI设计建立在^寸用户深刻了解之上。所以用户交互场景分析就很关键。对于大部分项目组来说可能没有时间和精力去实际勘查用户现有交互、制作完善交互模型考察,不过UI设计人员在分析时候一定要站在用户角度思索:假如我是用户,这里我会需要什么。竞争产品能够上市而且被UI设计者知道,肯走有其优点。这就是所i胃三人行必有我师意思。每个设计者思维全部有不足,看到她人设计会有触类旁通好处。当然有时候能够参考并不一走是竞争产品。[阶段二:耐]采取面向场景、面向事件驱动和面向对象设计方法。UI设计着重于交互,所以肯走要对最终用户交互场景进行设计。软件是交互产品,用户所作就是对软件事件响应和触发软件內置事件。所以要面向事件设计。现在程序开发主流采取是面向对象设计。面向对象设计能够有效表现面向场景和面向事件特点。设计四个要素:交互又塢,数据又據,事件(交互事件和异常),动作[阶段三:开发]经过:用户交互case图(说明用户和系统之间联络)用户交互步骤图(说明交互和事件之间联络)交互功效设计图(说明功效和交互对应关系)最终得到UI设计产品。[阶段四:验证]正如UI交互设计标准探讨文中提到,对于UI产品验证关键从下面多个方面入手:1、功效性对照UI设计再好,禾口需求不一致也不能够。2、实用性内部测试UI设计最重关键点就是实用性。3、用户焦点小组UI设计是否优异关键衡呈依据。最终,说一点具它问题。现在往往认为交互式设计和最终UI效果设计能够截然分开。这就好比说需求能够和设计截然分开,是不可能。QuoteUI设计步骤和设计师参与步骤最近工作中总结出一条结论:拥有一个完善规范步骤,是决走着一个项目走向成功或失败关键。对于UI设计工作步骤,我认为能够依据"市场分析-用户分析-架构-原型-界面-输出-完善"这条根本制订,每个步骤UI设计师全部应参与其中。1•产品定位和市场分析这一类工作大多全部是由新产品硏发部门和市场需求完成,但UI设计师应了解产品市场走位、产品走义、用户群
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 7.1集体生活成就我-2024-2025学年七年级道德与法治上册单元同步练习(统编版2024新教材)
- 19 父爱之舟教学设计-2023-2024学年五年级上册语文统编版
- 2024年五年级语文上册 第八单元 口语交际:我最喜欢的人物形象教案 新人教版
- 2024合同模板合伙人的选择与股权分配范本
- 2023六年级英语下册 Unit 6 General Revision 3(Part 1)教案 人教精通版(三起)
- 经历数形结合过程 感悟数形互助内涵
- 三年级语文下册 第三单元 综合性学习:中华传统节日第2课时教案 新人教版
- 隔爆措施课程设计
- 课程设计歌曲管理设计
- 初一朝花夕拾名著阅读题-质量检测试卷带答案解析
- 幼儿园集体教学活动评价合集5篇
- 浙江教育出版社2023年秋预学与导学四年级上册语文人教版答案
- 中国特色社会主义理论体系的形成发展试卷附答案
- 牛哥打印机软件清零服务器工具在线安装视频教程
- 公司报价单模板三篇
- 公司人才库管理制度
- 初中英语教研活动分享课件
- 涂料生产工艺
- 儿童文学-第一章课件
- 游艇帆船A2F理论考试题库(浓缩500题)
- 《三角形的面积》(教学设计)五年级上册数学苏教版
评论
0/150
提交评论