南通UI设计培训---科迅教育界面设计规范

南通UI设计培训实际篇一

南通UI设计培训老师认为；图标样式应该有趣、色彩丰富且充满活力，因为现在的系统支持图标是32位图标，并且边缘非常平滑。在矢量程序中绘制完每个图标后，再用AdobePhotoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时，建议您与高水平的图形设计者一起工作，尤其是具有丰富的矢量和3D软件经验的图形设计者。

图标设计概述的目的是让您熟悉WindowsXP的新样式，为创建图标做好准备。

图标样式特性

（1）色彩丰富，是对WindowsXP外观的补充。

（2）不同的角度和透视特性为图像增添了动态活力。

（3）元素的边角十分柔和，并略微有些圆滑。

（4）光源位于图标的左上角，同时有环绕光照亮图标的其它部分。

（5）渐变效果使图标具有立体感，进而使图标的外观更加丰满。

（6）投影使图标更具对比度和立体感。

（7）添加轮廓可使图像更清晰。

（8）日常对象（如计算机和设备）具有更现代化的个人外观。

图标尺寸

WindowsXP图标有四种尺寸，建议使用以下四种尺寸：

像素

像素

像素

像素

图标色彩深度支持

WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑，且与背景相融合。南通UI设计哪家好？南通UI设计哪里有？

每个WindowsXP图标应包含以下三种色彩深度，以支持不同的显示器显示设置：

24位图像加上8位alpha通道（32位）

8位图像（256色），加上1位透明色

4位图像（16色），加上1位透明色

调色板

图标中使用的主要颜色。

对象的角度和分组

WindowsXP样式图标使用的透视网格：并非所有对象使用16×16的复杂图像都能获得较好效果。某些对象通常以直观图像显示：文档图标、符号图标（如警告或信息图标）、单一对象图标（如放大镜） 南通UI设计哪家好？南通UI设计哪里有？

除非创建重叠辅助对象可以更清楚地表达图标的含义，否则就可读性和完整性而言，还是应使用直观图像。还应考虑如何按组查看图标，以便确定如何将对象分组。

投影

使用投影后，WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果，本指南的后面部分将对此进行描述。若要为图像添加投影，请在Photoshop中双击图像的图层，并选择DropShadow。然后将Angle更改为135，Distance更改为2，Size更改为2。此时投影为75%不透明黑色。南通UI设计哪家好？南通UI设计哪里有？

轮廓

绘制XP样式图标时，为图像添加轮廓可使之更清晰，并可保证图像在不同背景色上都具有较好效果。

概念

设计图标时，请考虑以下因素：

使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于16×16的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。

透明工具

将打开一个对话框，其中显示您的图标。使用吸管工具单击图标的背景色。此颜色将更改为暗黄绿色（或在GMG中选作透明背景色的颜色）。重复所有4位和8位帧。若要保存图标，请选择File-gtSaveIconAs...。

创建工具栏

Windows工具栏图标除不使用投影之外，使用的样式与其它图标相同。由于工具栏图标非常小，建议您使用简单的图像。如果以直观方式显示图像即可清晰地表达图标的含义，则不必使用其它复杂方式。南通UI设计哪家好？南通UI设计哪里有？

创建AVI

WindowsXP使用8位AVI。创建.avi文件的过程与创建图标的过程相同-在Photoshop中准备图像，然后将其拖动到GMG中。请按以下指导创建8位图标。若要使用GMG保存AVI，请转至File-gtExportAs-gtAVIfile。

创建.avi文件时，请考虑以下因素：使用品红（R为背景透明色。在Photoshop中，重要的一点是不要出现杂散像素。请将填充能力设置为0，并确认未选中取消锯齿。南通UI设计哪家好？南通UI设计哪里有？