UI界面设计规范要点计算机Visual Basic计算机计算机原理.pdf
《UI界面设计规范要点计算机Visual Basic计算机计算机原理.pdf》由会员分享,可在线阅读,更多相关《UI界面设计规范要点计算机Visual Basic计算机计算机原理.pdf(15页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、UI 界面设计规范要点 1/15 UI 设计(流程/界面)规范 一:UI 设计基本概念与流程 1.1 目的 规范公司 UI 设计流程,使 UI 设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使 UI 设计的流程规范化,保证 UI 设计流程的可操作性。1.2 范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI 界面设计人员、界面评审人员和配置测试人员。1.3 概述 UI 设计包括交互设计,用户研究,与界面设计三个部分。基于这三部分的UI 设计流程是从一个产品立项开始,UI 设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶
2、段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI 设计师应全面负责产品以用户体验为中心的 UI 设计,并根据客户(市场)要求不断提升产品可用性。本规范明确规定了 UI 设计在各个环节的职责和要求,以保证每个环节的工作质量。1.4 基本介绍 UI 界面设计规范要点 2/15 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开 3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控
3、器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。B、分析设计阶段 通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。C、调研验证阶段 几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观真实的反馈。测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。调研阶段需要从以下几个问题
4、出发:用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 环节中来对产品的易用性进行全流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教
5、育程度等什么地方用在办公室家庭厂房车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点 3/15 选出最喜欢的 选出其次喜欢的 对各方案的色彩,文字,图形等分别打分。结论出来以后请所有用户说出最受欢迎方案的优缺点。所有这些都需要用图形表达出来,直观科学。D、方案改进阶段 经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上,将方案做到细致精美。E、用户验证阶段 改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去
6、站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。经过上面设计过程的描述,大家可以清楚的发现,界面 UI 设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI 界面设计不存在美工。2.UI 设计流程 2.1 概述 根据上述原则,分析公司产品的特点,制定符合软件产品(或项目)生命周期的 UI 设计流程。每个产品(或项目)的生命周期中,UI 设计师应该环节中来对产品的易用性进行全流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管
7、理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教育程度等什么地方用在办公室家庭厂房车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点 4/15 严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可用性,提升产
8、品质量。二:UI 界面用户体验设计原则与规范 1:应该遵循的基本原则 无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。这样得到的好处:1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解 2:降低培训、支持成本,支持人员不会行费力逐个指导。3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加 做法:项目组有经验人士,确立 UI 规范:美工提供色调配色方案,提供整体配色表 界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范:控件功能遵循行业标准,wi
9、ndows 平台参见Microsoft 用户体验 环节中来对产品的易用性进行全流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教育程度等什么地方用在办公室家庭厂房
10、车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点 5/15 控件样式在允许的范围内可以统一修改其样式、色调 参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。根据需要,设计特殊操作控件,准则为:简化操作、达到一定功能目的 界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作。建立合理化文档UI 标准描述上述规范,强行界面设计者理解之,并作为开发准则,SQA人员进行监控开发人员是否遵循,与时告诫开发人员。2:(Color)颜色使用恰当,遵循对比原则:1:统一色调,针对
11、软件类型以与用户工作环境选择恰当色调:如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等 2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表 3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?quot;!,?着重号,以与图标等 环节中来对产品的易用性进行全流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段
12、分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教育程度等什么地方用在办公室家庭厂房车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点 6/15 4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试 5:遵循对比原则:在浅色背景上使用深色文字,深色背景
13、上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。6:整个界面色彩尽量少的使用类别不同的颜色 itop 色表 具体标准参考美术学统计学术标准。色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。3:(Resource)资源 一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以与指示图片、底图等。1:也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考 itop 的 ou
14、tlookbar图标设计标准 2:有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以与图片风格 3:底图应该融于底图,使用浅色,低对比,尽量少的使用颜色。环节中来对产品的易用性进行全流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环
15、境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教育程度等什么地方用在办公室家庭厂房车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点 7/15 4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出莫名奇妙的图案。5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有 4 钟不同的样子。4:(Font)字体 使用统一字体,字体标准的选择依据操作系统类型决定。中文采用标准字体,“宋体”,英文采用标准 Microsoft Sans Serif 不考虑特
16、殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。字体大小根据系统标准字体来,例如 MSS 字体 8 磅,宋体的小五号字(9磅)五号字(10.5 磅)。所有控件尽量使用大小统一的字体属性,除了特殊提示信息、加强显示等例外情况 ITop 采用 BCB,所有控件默认使用 parent font,不允许修改,这样有利于统一调整。系统大小字体属性改变的处理。Windows系统有个桌面设置,设置大字体属性,很多界面设计者常常为这个恼火,如果设计时遵循微软的标准,全部使用相对大小作为控件的大小设置,当切换大小字体的时候,相对不会有什么特殊问题。环节中来对产品的易用性进行全
17、流程负责使设计的流程规范化保证设计流程的可操作性范围界面设计此文档用于界面设计本文档的读者对象是项目管理人员售前服务人员界面设计人员界面评审人员和配置测试人员概述设计包括交互需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段等环节履行相应的岗位职责设计师应全面负责产品以用户体验为中心的设计并根据客户市场要求不断提升产品可用性本规范明确规定了设计各个环节的职责和要求考虑也就是使用者使用环境使用方式的需求分析所以在设计一个软件产品之前我们应该明确什么人用用户的年龄性别爱好收入教育程度等什么地方用在办公室家庭厂房车间公共场所如何用鼠标键盘遥控器触摸屏上面的任何一个元素UI 界面设计规范要点
18、 8/15 但是由于常常方便使用点阵作为窗口设计单位,导致改变大字体后,出现版面混乱的问题。这个情况下,应该做相应处理:1:写程序自动调节大小,点阵值乘以一个相应比例 2:全部采用点阵作为单位,不理会系统字体的调节,这样可以减少调节大字体带来的麻烦。BCB/DELPHI 中多采用这种方法,但是必然结果是和系统不统一。5:(Text)文字表达 提示信息、帮助文档文字表达遵循以下准则:1:口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字 2:断句逗号句号顿号分号的用法,提示信息比较多的话,应该分段,3:警告、信息、错误 使用对应的表示方法 4:使用统一的语言描述,例如一个关闭功能按钮,可
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI界面设计规范要点计算机Visual Basic计算机计算机原理 UI 界面设计 规范 要点 计算机 Visual Basic 原理
限制150内