UI设计界面规范.docx

UI设计界面规范.docxUI 设计 (流程 /界面 )规范
一： 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) 字体
使用一致字体，字体标准的选择依照操作系统种类决定。
中文采纳标准字体， “宋体 ”，英文采纳标准 Microsoft Sans Serif 不考虑特别字体 ( 隶书、草书等 ,特别
状况能够使用图片代替 ),保证每个用户使用起来显示都很正常。
字体大小依据系统标准字体来，比如 MSS 字体 8 磅，宋体的小五号字 (9 磅）五号字（ 磅 )。
所有控件尽量使用大小一致的字体属性，除了特别提示信息、增强显示等例外状况