UI界面设计规范.docx

UI界面设计规范
UI界面设计规范
UI界面设计规范
UI 设计 (流程 / 界面 )规范
一： UI 设计基本观点与流程
1正确有效的获得执行，进而提高产品的可用性，提高产质量量。
二： UI 界面用户体验设计原则与规范
UI界面设计规范
UI界面设计规范
UI界面设计规范
：应当依照的基来源则
UI界面设计规范
UI界面设计规范
UI界面设计规范
不论是控件使用，提示信息措辞，仍是颜色、窗口布局风格，依照一致的标准，做到真实的
一致。
这样获得的利处：
：使用户使用起来能够成立起精准的内心模型，使用娴熟了一个界面后，切换到此外一个界面能够很轻松的推断出各样功能，语句理解也不需要劳神理解
：降低培训、支持成本，支持人员不会行费劲逐一指导。
：给用户一致感觉，不感觉杂乱，心情快乐，支持度增添
做法：
项目组有经验人士，确定 UI 规范：
美工供给色彩配色方案，供给整体配色表
界面控制程序人员、用户体验人员提出合理一致使用的控件库。参照标准界面使用规范：
控件功能依照行业标准， windows 平台拜见《 Microsoft 用户体验》
控件款式在同意的范围内能够一致改正其款式、色彩
参照其余软件先进操作，提取对本项目实用的功能，以使用，绝对不可以盲从，漫无目的。
依据需要，设计特别操作控件，准则为：简化操作、达到必定功能目的
界面实行人员与美工商议控件可实现性 ,(如不推行此步骤，将会致使各自对对方工作不满
意，也会产生不一致的杂乱 )。重复叠代上述工作。
UI界面设计规范
UI界面设计规范
UI界面设计规范
成立合理化文档《 UI 标准》描绘上述规范，
UI界面设计规范
UI界面设计规范
UI界面设计规范
强行界面设计者理解之，并作为开发准则，
SQA 人员进行监控开发人员能否依照，实时劝告开发人员。
2 ： (Color) 颜色使用适合，依照对照原则：
：一致色彩，针对软件种类以及用户工作环境选择适合色彩：
如：安全软件，依据工业标准，能够选用黄色，绿色表现环保，蓝色表现时髦、紫色表现浪
漫等等，淡色能够令人舒坦，暗色做背景令人不感觉累等
：假如没有自己的系列界面，采纳标准界面则能够少考虑此方面，做到与操作系通通一，读取系统标准色表
：色盲、色弱用户，即便使用了特别颜色表示重点或许特其余东西，也应当使用特别指示符， ?quot;! ， ?侧重号，以及图标等
：颜色方案也需要测试，经常因为显示器、显卡的问题，色彩表现每台机器都不相同，应当经过严格测试，不同机器进行颜色测试
：依照对照原则：在淡色背景上使用深色文字，深色背景上使用淡色文字，蓝色文字以白
色背景简单辨别， 而在红色背景则不易分辨， 原由是红色和蓝色没有足够反差， 而蓝色和白
色反差很大。除非特别场合，根绝使用对照激烈，让人产生憎反感的颜色。 6 ：整个界面
色彩尽量少的使用类型不同的颜色
itop 色表
详细标准参照美术学统计学术标准。 色表的建设，关于美工在图案设计、包装设计上起着
UI界面设计规范
UI界面设计规范
UI界面设计规范
标准参照作用，关于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
UI界面设计规范
UI界面设计规范
UI界面设计规范
3 ： (Resource) 资源
一个多姿多彩的人机交互界面，少不了精巧的鼠标光标、图标以及指示图片、底图等。
1 ：也需要依照一致的规则 ，包含上述颜色表的成立，图标的成立步骤也应当尽可能的形成
标准，参照 itop 的 outlookbar 图标设计标准
2 ：有标准的图标风格设计 ，有一致的构图布局，有一致的色彩、对照度、色阶，以及图片
风格
3 ：底图应当融于底图 ，使用淡色 ,