GB-T16902-4-2017设备用图形符号表示规则第4部分：图形符号用作图标的重绘指南

代替GB/T16902.4—2010设备用图形符号表示规则第4部分：图形符号用作图标的重绘指南Rulesforthepresentationofgraphicalsymbolsforuseonequipment—Part4:Guidelinesfortheadaptionofgraphicalsymbolsforuseasicons中华人民共和国国家质量监督检验检疫总局发布前言 I 2规范性引用文件 3术语和定义 4概述 4.1屏幕或显示器 4.2辅助文档 25重绘原则 5.1一致性 25.2可识别性 25.3兼容性 25.4协调性 26重绘指南 36.1图标尺寸 36.2单元格内图形图像的位置 36.3线条的绘制 36.4创建适合不同分辨率或媒介的图标方案 6.5填充区域 56.6箭头的表示 66.7组合图标 66.8图标的方向 87图标的表现形式 97.1常见表现形式 97.2被选中 7.3动画图标 97.4动态图标 附录A(资料性附录)设备用图形符号重绘为图标的示例 参考文献 I——第1部分：基本规则；——第2部分：图形符号(包括基准符号库中的图形符号)的计算机电子文件格式规范及其交——第1部分：符号原图的设计原则；——第2部分：箭头的形式和使用；——第3部分：应用导则；——第4部分：图形符号用作图标的重绘指南；本部分是GB/T16902的第4部分。本部分代替GB/T16902.4—2010《设备用图形符号表示规则第4部分：屏幕和显示器用图形符——删除先前版本中有关新图标设计的内容(2010年版的附录B)。本部分由全国图形符号标准化技术委员会(SAC/TC59)提出并归1设备用图形符号表示规则第4部分：图形符号用作图标的重绘指南GB/T16902的本部分给出了设备用图形符号用作图标时的重绘原则、重绘指南、表现形式。本部分适用于在设备屏幕或显示器呈现和使用时设备用图形符号的重绘。2规范性引用文件下列文件对于本文件的应用是必不可少的。凡是注日期的引用文件，仅注日期的版本适用于本文件。凡是不注日期的引用文件，其最新版本(包括所有的修改单)适用于本文件。GB/T2893.4图形符号安全色和安全标志第4部分：安全标志材料的色度属性和光度属性d3术语和定义GB/T16902.1和GB/T16902.5中界定的以及下列术语和定义适用于本文件。在线条和背景颜色之间增加若干饱和度较低的过渡色，以达到弱化曲线和斜线边缘锯齿，使线条趋于平滑。目标操作系统或应用软件程序预设的、用户可以按需要进行更改的选项或属性。4.1屏幕或显示器为了保证视觉清晰度，在确保符号原图外观不变的前提下可重绘图形符号。图形符号经重绘后形2成的图标可以在全色、非全色和单色的屏幕或显示器上呈现和使用。所呈现的图标的大小取决于目标操作系统、屏幕或显示器的属性(如物理尺寸、有效像素数)。附录A给出了设备用图形符号重绘为图5重绘原则5.1一致性一个图形符号在不同使用条件下其含义宜一致，例如既可作为设备用图形符号(印刷或雕刻形式),又可作为图标使用。含义相同的设备用图形符号和图标，所对应的符号原图宜一致。图标中使用的要素和含义宜与GB/T5465(所有部分)、GB/T16273(所有部分)和ISO7000中的相一致。——8位(256色)图标：使用阴极射线管(CRT)和液晶显示屏(LCD)的屏幕或显示器；——2位(单色)或4位(16色)图标：复印机、家用电器的屏幕。在4位调色板中，可以通过在颜色空间中混合不同的颜色以在视觉上生成其他颜色，即按照“棋盘仅宜将色调值相似的颜色在颜色空间中混合(即递色)。如果混合对比色调值的颜色，则会在视觉用于网络的图标宜使用在不同浏览器上都能正常显示的调色板。同一操作系统或应用环境中的图标宜保证视觉效果的整体协调性。若无特殊原因，各图标宜保持相同的色彩外观与平衡。将已在标准中规定的警告标志作为图标使用时，其色值应保持不变(见GB/T2893.4)。较大的图标可使用单色和灰色线条营造三维效果、高光效果或阴影效果。较小的图标可使用饱和色和黑色轮廓线使其更易于识别和理解。36重绘指南现有的阴极射线管(CRT)、液晶显示屏(LCD)以及等离子体显示板(PDP)等显示设备对图标的形成和呈现有一定制约。图标为常规显示尺寸时，可能无法使线条保持相同的宽度或规则的弧度。图标的形成可使用矢量绘图工具，也可将图标以位图的形式保存并显示。注：所谓位图即一个正方形或矩形网格(单元格)内的一串(代表单个像素的)色块。图标的单元格尺寸宜遵循目标操作系统的要求。为适应目标操作系统支持的单元格尺寸、调色板，宜制定不同版本的图标。如果没有提供适合尺寸的图标，目标操作系统可能会自动改变现有图标的尺寸，即通过增删像素矩阵的行数和列数以统一为所需的单元格尺寸。注：某些操作系统能识别出有效屏幕分辨率和调色板，将不同尺寸的单元格做适当的组合以适应当前屏幕分辨率。一个图标文件包含8个不同单元格尺寸和调色板的版本是很常见的情况。6.2单元格内图形图像的位置确定单元格内图像的位置时宜考虑目标操作系统的相关规定：——有些系统要求图像在单元格内左对齐、底端对齐；有些系统则要求图像在单元格内水平居中对——相邻图标不宜在视觉上相连，图像的外边缘与单元格间宜留出足够空白以避免此种情况；相邻图标是否在视觉上相连取决于多种因素，例如目标操作系统的定位方式和存储设置；不可用等),因此图像的尺寸可能比其他操作系统的设计尺寸小。绘制线条时，并不能始终保持斜线的宽度不变或曲线的弧度平滑。抗锯齿可改善视觉质量。水平线和垂直线的宽度恒定，但斜线很难保持相同的视厚度。例如与一条宽度为两个像素的直线的视厚度相匹配的斜线，其宽度需为三个像素，如图1所示。4图1斜线宽度示例(放大尺寸和原始尺寸)和3:1的比率呈阶梯状变化，如图2所示。图2规则斜线示例(放大尺寸和原始尺寸)使曲线弧度平滑宜使用相似的颜色仔细消除锯齿，但线条可能会显得模糊，而且只有线条边缘颜色和屏幕背景颜色固定时该方法才有效，如图3所示，圆周的左边经过了抗锯齿处理，右边没有经过处理。5图3抗锯齿示例(放大尺寸和原始尺寸)6.4创建适合不同分辨率或媒介的图标方案外观简单的图标更易于识别和理解。宜在较大的单元格尺寸(如48×48像素)内设计图标，且主要图形元素不宜多于3个。也可限定所需图形元素的最少数量，确保这些元素与最小尺寸的图标相适宜；然后继续制定较大尺寸的版本并增加更多细节。有些图标编辑工具能够将给定图像缩放至新的单元格尺寸。这种工具有用且节省时间，但是所得图像仍需进一步编辑。随着单元格尺寸的放大，可以给图像增加更多的细节，或者增加图像的图形元素数量，使图标的视觉效果更为丰富。而随着单元格尺寸的缩小，建议减少图形元素数量或减少细节，如图4所示。图432×32、24×24、16×16像素的图标示例(放大尺寸和原始尺寸)将图形符号用于目标操作系统、屏幕或显示器时，宜保持原形符号的完整。显示技术为区别符号的各部分和其背景提供了新的选择。例如，图形符号的每个部分都可以用不同颜色填充，而图形符号背景可以是透明色。66.6箭头的表示GB/T16902.2规定了箭头的使用及其比例的基本原则。为同一操作系统或应用环境设计的所有图标宜使用形式一致的箭头。图5是使用同一箭头的示例。图5图标中使用的箭头示例(放大尺寸和原始尺寸)由单一图形元素构成的图标很少。通常，可能需要组合数个图形元素使图标能更明确、清晰地传递组合图标宜以标准化的图形符号为基础，如否定要素或箭头(见GB/T16902.1和GB/T16902.2)。6.7.2层叠要素呈现多个图形元素时，将其相互重叠，可以使图形符号保持适宜尺寸且明确图形元素间的关系或顺序。宜通过叠加各图形元素的有效单元格区域使其斜向层叠以实现上述目标。为了既保持图形元素的独立性又突出主要图形元素，宜考虑图像中哪些部分需要被隐藏或显示、哪些部分需要优先或强调，即，哪些部分要放在视觉层次的顶层(如图6所示)。7注：左边的图标由ISO7000(0709)“双源/主要故障”和ISO7000(0695)“计数器”两个符号构成。右边的图标由图6层叠结构示例(放大尺寸和原始尺寸)将图形元素层叠时，宜避免由于不同图形元素的线条或形状在视觉上相重合形成视觉“致墨渍的视觉效果。宜将线条按照单一像素迭合或加大线条间距，以避免该问题，如图7所示。1元素的方向相近的线条重叠，看起来线条好像贯穿了两个图形元素，造成视觉上的连接)。这种视觉效果不宜出现，宜通过合理地重叠或偏移对象来避免此种情况，如图8所示。8重绘时还宜考虑到目标操作系统可能会自动添加一些附加图形元素。例如，桌面图标的下部通常图9附加要素示例(放大尺寸和原始尺寸)6.8图标的方向图标含义的解释可能取决于其方向，宜注意避免含义模糊。以ISO7000(2567)“保险丝盒通路”为例，显示器上一个倒置的图形符号(如图10a)所示]表示的意义和其正置时的含义可能不同，例如倒置的“保险丝盒通路”图形符号可能与图11所示的GB/T16273.6(1-07)“充电状态”图形符号混淆。9n图10方向模糊的图标示例(放大尺寸和原始尺寸):“保险丝盒通路”7图标的表现形式7.1常见表现形式图标的常见表现形式有被选中、动画或动态，用于向用户提供附加信息。7.2被选中当鼠标移到某一图标上时可能需要显示某一进程的结束、某一功能被阻止或功能无法使用。此时，宜遵循目标操作系统供应商的既有惯例和指导准则设计图标。例如，某个工具栏图标为“灰色”表示该功能当前不可用。7.3动画图标使用动画图标能使用户注意到某一具体情况或用以表示某一操作正在进行。例如，打印机图标可通过闪烁表示打印纸或墨粉用完。动画图标的闪烁频率宜符合GB/T16902.5的要求，以避免引起使用者紧张导致疾病发作。除非发生紧急情况，否则动画图标通常宜慎重使用且只能在有限的时间内显示。多个动画图标会众图12动态图标示例(放大尺寸和原始尺寸)(资料性附录)设备用图形符号重绘为图标的示例(放大尺寸和原始尺寸)(放大尺寸和原始尺寸)GB/T5465.2(5067)“图像尺寸调整”