UI设计界面规范.docx

UI设计(流程/界面)规范
一：UI设计基本观点与流程

规范公司UI设计流程，使UI设计师参加到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的也不需要费神理解
2：降低培训、支持成本，支持人员不会行费力逐一指导。
3：给用户一致感觉，不感觉凌乱，心情快乐，支持度增添
做法：
项目组有经验人士，确定UI规范：
美工供给色彩配色方案，供给整体配色表
界面控制程序人员、用户体验人员提出合理一致使用的控件库。参照标准界面使用规范：
控件功能依据行业标准，windows平台拜见《Microsoft用户体验》
控件款式在同意的范围内能够一致改正其款式、色彩
参照其余软件先进操作，提取对本项目实用的功能，以使用，绝对不能够盲从，漫无目的。
依据需要，设计特别操作控件，准则为：简化操作、达到必然功能目的
界面推行人员与美工商议控件可实现性,(如不推行此步骤，将会致使各自对对方工作不满意，也会产生
不一致的凌乱)。重复叠代上述工作。
建立合理化文档《UI标准》描述上述规范，
强行界面设计者理解之，并作为开发准则，
SQA人员进行监控开发人员可否依据，实时劝告开发人员。
2：(Color)颜色使用适合，依据比较原则：
1：一致色彩，针对软件种类以及用户工作环境选择适合色彩：
如：安全软件，依据工业标准，能够采用黄色，绿色表现环保，蓝色表现时髦、紫色表现浪漫等等，淡
色能够令人舒坦，暗色做背景令人不感觉累等
2：若是没有自己的系列界面，采纳标准界面则能够少考虑此方面，做到与操作系通通一，读取系统标
准色表
3：色盲、色弱用户，即便使用了特别颜色表示重点也许特其余东西，也应该使用特别指示符，?quot;!，?
重视号，以及图标等
4：颜色方案也需要测试，经常因为显示器、显卡的问题，色彩表现每台机器都不相同，应该经过严格
测试，不同机器进行颜色测试
5：依据比较原则：在淡色背景上使用深色文字，深色背景上使用淡色文字，蓝色文字以白色背景简单
鉴别，而在红色背景则不易分辨，原由是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特别
场合，杜绝使用比较强烈，让人产生憎讨厌的颜色。6：整个界面色彩尽量少的使用种类不同的颜色
itop色表
详细标准参照美术学统计学术标准。色表的建设，对于美工在图案设计、包装设计上起着标准参照作
用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
3：(Resource)资源
一个多姿多彩的人机交互界面，少不了精巧的鼠标光标、图标以及指示图片、底图等。
1：也需要依据一致的规则，包含上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参照
itop的outlookbar图标设计标准
2：有标准的图标风格设计，有一致的构图布局，有一致的色彩、比较度、色阶，以及图片风格
3：底图应该融于底图，使用淡色,低比较，尽量少的使用颜色。
4：图标、图像应该很清楚的表达出意思，依据旧用标准，也许用户机器简单联想的到物品，绝对不允
许画出莫名巧妙的图案。
5：鼠标光标款式一致，尽量使用系统标准，杜绝出现重复的状况，比方某些软件中一个手的形状就有
钟不同的样子。
4：(Font)字体
使用一致字体，字体标准的选择依据操作系统种类决定。
中文采纳标准字体，“宋体”，英文采纳标准MicrosoftSansSerif不考虑特别字体(隶书、草书等,特别
状况能够使用图片代替),保证每个用户使用起来显示都很正常。
字体大小依据系统标准字体来，比方MSS字体8磅，宋体的小五号字(9磅）五号字（)。
所有控件尽量使用大小一致的字体属性，除了特别提示信息、增强显示等例外状况
ITop采纳BCB，所有控件默认使用parentfont，不同意改正，这样有益于一致调整。
·系统大小字体属性改变的办理。
Windows系统有个桌面设置，设置大字体属性，很多界面设计者经常