微软界面规范.doc

《微软界面规范.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、windows微软软件UI界面设计规范来源：罗珺钰Lois的日志软件界面设计相关的各项介绍 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。 在设计的过程中有较多注意的关键问题，以下列出几点： (1)软件启动封面设计应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。软件启动

2、封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。(2)软件框架设计软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及

3、程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。 (3)软件按钮设计软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击

4、时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。 (4)软件面板设计软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。 (5)菜单设计菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。 (6)标签设计标签设计应该注意转角部分的变化，状态可参考按钮。 (7)图标设计图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计

5、是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。 (8)滚动条及状态栏设计滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。 (9)安装过程设计安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。 (10)包装及商品化最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。 图标

6、设计规范 数位设计引入了一种新的图标设计样式。以下是设计和创建样式图标的具体规范。图标样式应该有趣、色彩丰富且充满活力，因为现在的系统支持图标是32位图标，并且边缘非常平滑。在矢量程序中绘制完每个图标后，再用AdobePhotoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时，建议您与高水平的图形设计者一起工作，尤其是具有丰富的矢量和3D软件经验的图形设计者。 图标设计概述的目的是让您熟悉WindowsXP的新样式，为创建图标做好准备。 图标样式特性(1)色彩丰富，是对WindowsXP外观的补充。(2)不同的角度和透视特性为图像增添了动

7、态活力。(3)元素的边角十分柔和，并略微有些圆滑。(4)光源位于图标的左上角，同时有环绕光照亮图标的其它部分。(5)渐变效果使图标具有立体感，进而使图标的外观更加丰满。(6)投影使图标更具对比度和立体感。(7)添加轮廓可使图像更清晰。(8)日常对象(如计算机和设备)具有更现代化的个人外观。 图标尺寸WindowsXP图标有四种尺寸，建议使用以下四种尺寸：(1)48?8像素(2)32?2像素(3)24?4像素(4)16?6像素 图标色彩深度支持WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑，且与背景相融合。每个W

8、indowsXP图标应包