UI界面设计要求规范.doc

word
word
2 / 16
word
UI设计(流程/界面)规X
一：UI设计根本概念与流程
目的
规X公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进展全流程负责，使UI设计的能目的
界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。
建立合理化文档《UI标准》描述上述规X，
word
word
5 / 16
word
强行界面设计者理解之，并作为开发准如此，
SQA人员进展监控开发人员是否遵循，与时告诫开发人员。
2：(Color)颜色使用恰当，遵循比照原如此：
1：统一色调，针对软件类型以与用户工作环境选择恰当色调：
如：安全软件，根据工业标准，可以选取黄色，绿色表现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等
2：如果没有自己的系列界面，采用标准界面如此可以少考虑此方面，做到与操作系统统一，读取系统标准色表
3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，?quot;!，?着重号，以与图标等
4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进展颜色测试
5：遵循比照原如此：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景如此不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用比照强烈，让人产生憎恶感的颜色。 6：整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。 色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
word
word
6 / 16
word
3：(Resource)资源
一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以与指示图片、底图等。
1：也需要遵循统一的规如此，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准
2：有标准的图标风格设计，有统一的构图布局，有统一的色调、比照度、色阶，以与图片风格
3：底图应该融于底图，使用浅色, 低比照，尽量少的使用颜色。
4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出莫名奇妙的图案。
5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。
4：(Font)字体
使用统一字体，字体标准的选择依据操作系统类型决定。
中文采用标准字体，“宋体〞，英文采用标准 Microsoft Sans Serif 不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。
字体大小根据系统标准字体来，例如 MSS字体8磅，宋体的小五号字(9磅〕五号字〔磅)。
所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况
ITop采用BCB，所有控件默认使用 parent font，不允许修改，这样有利于统一调整。
·系统大小字体属性改变的处理。
word
word
7 / 16
word
Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，如果设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特殊问题。
但是由于常常方便使用点阵作为窗口设计单位，导致改变大字体后，出现版面混乱的问题。
这个情况下，应该做相应处理：
1：写程序自动调节大小，点阵值乘以一个相应比例
2：全部采用点阵作为单位，不理会系统字体的调节，这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法，但是必然结果是和系统不统一。
5：(Text)文字表达
提示信息、帮助文档文字表达遵循以下准如此：
1：口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字
2：断句逗号句号顿号分号的用法， 提示信息比拟多的话，应该分段，
3：警告、信息、错误 使用对应的表示方法
4：使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，如此应该统一规定。
5: 根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业属于，用户为儿童：这可以语气亲切和蔼，老年用户如此应该成熟稳重。制定标准遵循之。
6：(STYLE)控件风格，不要使用错误控件，控件功能要专一
word
w