通用界面设计指南.pdfVIP

通用界面设计指南 一 ：遵循一致的准则 ，确立标准并遵循 无论是控件使用 ，提示信息措辞 ，还是颜色、窗口布局风格 ， 循统一的标准 ，做到真正的一致。 这样得到的好处 ： 1 ：使用户使用起来能够建立起精确的心里模型 ，使用熟练了一个界面后 ，切换到另外一个界面能够 很轻松的推测出各种功能 ，语句理解也不需要费神理解 2 ：降低培训、支持成本 ，支持人员不会行费力逐个指导。 3 ：给用户统一感觉 ，不觉得混乱 ，心情愉快 ，支持度增加 做法 ： 项目组有经验人士 ，确立UI规范 ： ·美工提供色调配色方案 ，提供整体配色表 ·界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范 ： 控件功能 循行业标准 ，w indows平台参见 《Microsof t 用户体验》(MSDN中有 ，中文已经翻译 发行 ，项目组必须有一本) 控件样式在允许的范围内可以统一修改其样式、色调 参考其他软件先进操作 ，提取对本项目有用的功能 ，以使用 ，绝对不能盲从 ，漫无目的。 根据需要 ，设计特殊操作控件 ，准则为 ：简化操作、达到一定功能目的 ·界面实施人员与美工商榷控件可实现性,(如不实行此步骤 ，将会导致各自对对方工作不满意 ，也会 产生不一致的混乱)。重复叠代上述工作。 ·建立合理化文档 《UI标准》描述上述规范 ， ·强行界面设计者理解之 ，并作为开发准则 ， ·SQA人员进行监控开发人员是否 循 ，及时告诫开发人员。 二 ：(Co lo r)颜色使用恰当 ，遵循对比原则 ： 1 ：统一色调 ，针对软件类型以及用户工作环境选择恰当色调 ： 如 ：安全软件 ，根据工业标准 ，可以选取黄色 ，绿色体现环保 ，蓝色表现时尚、紫色表现浪漫等等 ，淡色可以使人舒适 ，暗色做背景使人不觉得累等 2 ：如果没有自己的系列界面 ，采用标准界面则可以少考虑此方面 ，做到与操作系统统一 ，读取系 统标准色表 3 ：色盲、色弱用户 ，即使使用了特殊颜色表示重点或者特别的东西 ，也应该使用特殊指示符 ，? quot ! ，?着重号 ，以及图标等 4 ：颜色方案也需要测试 ，常常由于显示器、显卡的问题 ，色彩表现每台机器都不一样 ，应该经过 严格测试 ，不同机器进行颜色测试 5 ： 循对比原则 ：在浅色背景上使用深色文字 ，深色背景上使用浅色文字 ，蓝色文字以白色背景 容易识别 ，而在红色背景则不易分辨 ，原因是红色和蓝色没有足够反差 ，而蓝色和白色反差很大。 除非特殊场合 ，杜绝使用对比强烈 ，让人产生憎恶感的颜色。 6 ：整个界面色彩尽量少的使用类别 不同的颜色 it o p色表 具体标准参考美术学统计学术标准。 色表的建设 ，对于美工在图案设计、包装设计上起着标准参 考作用 ，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。 三 ：(Reso urce)资源 一个多姿多彩的人机交互界面 ，少不了精美的鼠标光标、图标以及指示图片、底图等。 1 ：也需要 循统一的规则 ，包括上述颜色表的建立 ，图标的建立步骤也应该尽可能的形成标准 ，参 考it o p的o ut loo kbar图标设计标准 2 ：有标准的图标风格设计 ，有统一的构图布局 ，有统一的色调、对比度、色阶 ，以及图片风格 3 ：底图应该融于底图 ，使用浅色, 低对比 ，尽量少的使用颜色。 4 ：图标、图像应该很清晰的表达出意思 ， 循常用标准 ，或者用户机器容易联想的到物件 ，绝对 不允许画出默认奇妙的图案。 5 ：鼠标光标样式统一 ，尽量使用系统标准 ，杜绝出现重复的情况 ，例如某些软件中一个手的形状 就有4钟不同的样子。 如 ：《如何创建X P图标》ht t p://www.microsof t .co m/china/msdn/library/dnwxp/ht ml/w inxpico ns.asp 附件 ：It o p o ut loo k howt o .doc 描述it o p项目中 ，o ut loo kxp风格图标的制作方法 四 ：(Fo nt )字体 使用统一字体 ，字体标准的选择依据操作系统类型决定。 中文采用标准字体 ，“宋体” ，英文采用标准 Microsof t Sans Serif 不考虑特殊字体(隶书、草书等,特 殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。 字体大小根据系统标准字体来 ，例如 MSS字体8磅 ，宋体的小五号字(9磅 ）五号字 （10.5磅)。 所有控件尽量使用大小统一的字体属性 ，除了特殊提示信息、加强显示等例外情况 ITo p采用BCB ，所有控件默认使用 parent