界面设计规范上下

《界面设计规范上下》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、软件界面设计规范（上）说明：软件界面设计属于详细设计，设计人员可根据项目的规模及时间跨度来决定是否单列出来，可灵活掌握。以下所列举和分析内容基本上包括了大部分的软件的内容规范，结合具体软件开发项目，需适当的调整。1目的：当今软件界的所有软件无不是可视化的用户界面，它的好处不外乎它有美观、直接、操作者易懂和操作方便等好处。（具体目的）　　2内容：　　2.1界面设计思想：　“为用户设计，而不是设计者”。　（1）美观、操作方便高效。　　（2）根据用户需求设计。　　（3）针对不同用户的层次设计。（有的用户对计算机相当

2、了解而有的从来就没碰过计算机）　　（4）避免出现嵌套式的界面设计。　　（5）界面和代码要相互制约。　　（6）界面要通“人性”。即要有引导用户操作的功能，不能是操作一有错误就卡住什么都做不下去，又无任何提示来帮助用户如何进行操作。　2.2界面设计原则：　　　　(1)遵循一致的准则，确立标准并遵循无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。这样得到的好处：a.使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理

3、解也不需要费神理解。b.降低培训、支持成本，支持人员不会行费力逐个指导。c.给用户统一感觉，不觉得混乱，心情愉快，支持度增加做法：项目组有经验人士，确立UI规范：美工提供色调配色方案，提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范：控件功能遵循行业标准，windows平台参见《Microsoft用户体验》(MSDN中有，中文已经翻译发行，项目组必须有一本)控件的样式在允许的范围内可以统一修改其样式、色调。参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能

4、盲从，漫无目的。根据需要，设计特殊操作的控件，准则为：简化操作、达到一定功能目的界面实施人员与美工商榷控件可实现性，重复迭代上述工作。建立合理化文档《UI标准》描述上述规范，并作为开发准则，SQA人员进行监控开发人员是否遵循，及时告诫开发人员。(2) (Color)颜色使用恰当，遵循对比原则：a.统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等b.如果没有自己的系列界面，采用标

5、准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表c.色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，如"!"，"?"着重号，以及图标等d.颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试e.遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感

6、的颜色。f.整个界面色彩尽量少的使用类别不同的颜色itop色表具体标准参考美术学统计学术标准。色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。  2.3其他界面约定　　(1) (Resource)资源一个多姿多彩的人机交互界面，少不了精美的光标图层、图标以及指示图片、底图等。a.也需要遵循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准b.有标准的图标风格设计，有统一的构

7、图布局，有统一的色调、对比度、色阶，以及图片风格c.底图应该融于背景图，使用浅色,低对比，尽量少的使用颜色。d.图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出默认奇妙的图案。e.各种光标的样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。如：《如何创建XP图标》http://www.microsoft.com/china/msdn.../winxpicons.asp附件：Itopoutlookhowto.doc描述ito

8、p项目中，outlookxp风格图标的制作方法(2) (Font)字体使用统一字体，字体标准的选择依据操作系统类型决定。中文采用标准字体，“宋体”，英文采用标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。字体大小根据系统标准字体来，例如MSS字体8磅，宋体的小五号字(9磅)五号字（10.5磅）。所有控件尽量使用大小统