GB/T 16902.4-2017 设备用图形符号表示规则 第4部分：图形符号用作图标的重绘指南 GB/T16902.4-2017 标准压缩包解压密码：www.bzxz.net
GB/T 16902的本部分给出了设备用图形符号用作图标时的重绘原则、重绘指南、表现形式。本部分适用于在设备屏幕或显示器呈现和使用时设备用图形符号的重绘。

ICS01.080.01
中华人民共和国国家标准
GB/T16902.4—2017
代替GB/T16902.4—2010
设备用图形符号表示规则
第4部分：图形符号用作图标的重绘指南Rules for the presentation of graphical symhols for use on equipment-Part 4:Guidelines for the adaption of graphical symbols for use as icons2017-07-31发布
中华人民共和国国家质量监督检验检疫总局中国国家标准化管理委员会
2018-02-01实施
GB/T16902.4—2017
规范性引用文件
术语和定义
屏幕或显示器
辅助文档
重绘原则
一致性
可识别性
兼容性
协调性
重绘指南Www.bzxZ.net
图标尺寸
单元格内图形图像的位置
线条的绘制
创建适合不同分辨率或媒介的图标方案填充区域
箭头的表示
组合图标
图标的方向
图标的表现形式
常见表现形式
被选中
动画图标
动态图标
附录A（资料性附录）设备用图形符号重绘为图标的示例参考文献
GB/T16902.4—2017
GB/T16902是《图形符号表示规则》系列国家标准之一。该系列国家标准的结构和名称如下：a）GB/T16900《图形符号表示规则总则》。b）GB/T16901《技术文件用图形符号表示规则》，分为以下三个部分：第1部分：基本规则；
一第2部分：图形符号（包括基准符号库中的图形符号）的计算机电子文件格式规范及其交换要求；
一第3部分：连接点、网络的分类及其编码。c）GB/T16902《设备用图形符号表示规则》，分为以下五个部分：一第1部分：符号原图的设计原则；一第2部分：箭头的形式和使用；第3部分：应用导则；
一第4部分：图形符号用作图标的重绘指南；第5部分：图标的设计指南
d）GB/T16903《标志用图形符号表示规则》，分为以下三个部分：一第1部分：公共信息图形符号的设计原则；——第2部分：理解度测试方法；一第3部分：感知性测试方法。
本部分是GB/T16902的第4部分。本部分按照GB/T1.1-2009给出的规则起章。本部分代替GB/T16902.4一2010《设备用图形符号表示规则第4部分：屏幕和显示器用图形符号（图标）的设计指南》，与GB/T16902.4一—2010相比主要技术变化如下：一删除了先前版本中的部分术语（2010年版的3.3、3.4、3.5）；一删除先前版本中有关新图标设计的内容（2010年版的附录B）。本部分由全国图形符号标准化技术委员会（SAC/TC59）提出并归口。本部分起草单位：中国标准化研究院，中机生产力促进中心机械科学研究总院。本部分主要起草人：邹传瑜、白殿一、陈永权、高永梅、杨东拜、张亮。原标准于2010年首次发布（标准编号为：GB/T16902.4一2010），本次为第一次修订。1范围
设备用图形符号表示规则
GB/T16902.4—2017
第4部分：图形符号用作图标的重绘指南GB/T16902的本部分给出了设备用图形符号用作图标时的重绘原则、重绘指南、表现形式。本部分适用于在设备屏幕或显示器呈现和使用时设备用图形符号的重绘。2规范性引用文件
下列文件对于本文件的应用是必不可少的。凡是注日期的引用文件，仅注日期的版本适用于本文件。凡是不注日期的引用文件，其最新版本（包括所有的修改单）适用于本文件。GB/T2893.4图形符号安全色和安全标志第4部分：安全标志材料的色度属性和光度属性(ISO3864-4:2011,MOD)
GB/T5465（所有部分）电气设备用图形符号GB/T16273（所有部分）设备用图形符号GB/T16902.1图形符号表示规则设备用图形符号第1部分：原形符号GB/T16902.2设备用图形符号表示规则第2部分：箭头的形式和使用GB/T16902.5设备用图形符号表示规则第5部分：图标的设计指南ISO7000设备用图形符号索引和一览表（Graphicalsymbolsforuseonequipment—Indexandsynopsis）
3术语和定义
GB/T16902.1和GB/T16902.5中界定的以及下列术语和定义适用于本文件。3.1
抗锯齿anti-aliasing
在线条和背景颜色之间增加若干饱和度较低的过渡色，以达到弱化曲线和斜线边缘锯齿，使线条趋于平滑。
缺省default
目标操作系统或应用软件程序预设的、用户可以按需要进行更改的选项或属性。4概述
4.1屏幕或显示器
为了保证视觉清晰度，在确保符号原图外观不变的前提下可重绘图形符号。图形符号经重绘后形1）对应的国家标准：GB/T16273（所有部分)及其他相关国家标准。1
GB/T16902.4—2017
成的图标可以在全色、非全色和单色的屏幕或显示器上呈现和使用。所呈现的图标的大小取决于目标操作系统、屏幕或显示器的属性（如物理尺寸、有效像素数）。附录A给出了设备用图形符号重绘为图标的示例。
4.2辅助文档
当目标操作系统、应用软件、屏幕或显示器有配套的辅助文档，且两者传递的信息相同时，辅助文档中宜使用图标，即重绘后的图形符号。注：常见辅助文档有帮助文件、说明书、操作手册、维修手册等。5重绘原则
5.1一致性
一个图形符号在不同使用条件下其含义宜一致，例如既可作为设备用图形符号（印刷或雕刻形式）：又可作为图标使用。
含义相同的设备用图形符号和图标，所对应的符号原图宜一致。图标中使用的要素和含义宜与GB/T5465（所有部分）.GB/T16273（所有部分）和ISO7000中的相一致。
5.2可识别性
组合图标宜考虑各个部分的可识别性，尤其是随单元格尺寸缩小、同时减少细节的时候图形符号也能被识别。
5.3兼容性
由于不同操作系统的缺智调色板存在差异，在重绘时，宜考虑目标操作系统或应用环境的缺省调色板，以确保图标正常呈现和使用。常见调色板有：
—8位(256色）图标：使用阴极射线管（CRT)和液晶显示屏（LCD)的屏幕或显示器；2位（单色）或4位（16色）图标：复印机、家用电器的屏幕在4位调色板中，可以通过在颜色空间中混合不同的颜色以在视觉上生成其他颜色，即按照“棋盘格”配置色调值相似的颜色。
仅宜将色调值相似的颜色在颜色空间中混合（即递色）。如果混合对比色调值的颜色，则会在视觉上造成明显的“格子”样式
用于网络的图标宜使用在不同浏览器上都能正常显示的调色板。5.4协调性
同一操作系统或应用环境中的图标宜保证视觉效果的整体协调性。若无特殊原因，各图标宜保持相同的色彩外观与平衡。
由于饱和色非常突出，宜谨慎使用；且饱和色宜用于特殊意图，如警告或状态改变等。将已在标准中规定的警告标志作为图标使用时，其色值应保持不变（见GB/T2893.4）。较大的图标可使用单色和灰色线条营造三维效果、高光效果或阴影效果。较小的图标可使用饱和色和黑色轮廓线使其更易于识别和理解。当前“不可用”的对象或功能宜显示为““灰色”（即无色）”图标。2
6重绘指南
6.1图标尺寸
GB/T16902.4—2017
现有的阴极射线管（CRT)、液晶显示屏（LCD)以及等离子体显示板（PDP)等显示设备对图标的形成和呈现有一定制约。图标为常规显示尺寸时，可能无法使线条保持相同的宽度或规则的弧度。图标的形成可使用矢量绘图工具，也可将图标以位图的形式保存并显示。注：所谓位图即一个正方形或矩形网格(单元格)内的一串(代表单个像索的)色块。图标的单元格尺寸宜遵循目标操作系统的要求。为适应目标操作系统支持的单元格尺寸，调色板，宜制定不同版本的图标。如果没有提供适合尺寸的图标，目标操作系统可能会自动改变现有图标的尺寸，即通过增期像素矩阵的行数和列数以统一为所需的单元格尺寸。注：某些操作系统能识别出有效屏幕分辨率和调色板，将不同尺寸的单元格做适当的组合以适应当前屏幕分辨率。一个图标文件包含8个不同单元格尺寸和调色板的版本是很常见的情况。6.2单元格内图形图像的位置
确定单元格内图像的位置时宜考虑目标操作系统的相关规定：一有些系统要求图像在单元格内左对齐底端对齐：有些系统则要求图像在单元格内水平居中对齐，底部向基线对齐；
一相邻图标不宜在视觉上相连，图像的外边缘与单元格间宜留出足够空白以避免此种情况；相邻图标是否在视觉上相连取决于多种因素，例如目标操作系统的定位方式和存储设置；一一有些操作系统需要在图像周围留出空白（透明)区域以显示对象的状态（如可用、选中、运行中、不可用等），因此图像的尺寸可能比其他操作系统的设计尺寸小。6.3线条的绘制
6.3.1线条的视觉质量
绘制线条时，并不能始终保持斜线的宽度不变或曲线的弧度平滑。抗锯齿可改善视觉质量。6.3.2斜线
水平线和垂直线的宽度恒定，但斜线很难保持相同的视厚度。例如与一条宽度为两个像素的直线的视厚度相匹配的斜线，其宽度需为三个像素，如图1所示。3
GB/T16902.4—2017
图1斜线宽度示例（放大尺寸和原始尺寸）只有11.5°22.5°45.0°67.5°和78.5的斜线才能有规则的外观，即像素值以1：3、1：2、1：1、2：1和3：1的比率呈阶梯状变化，如图2所示。图2规则斜线示例（放大尺寸和原始尺寸）6.3.3曲线
使曲线弧度平滑宜使用相似的颜色仔细消除锯齿，但线条可能会显得模糊，而且只有线条边缘颜色和屏幕背景颜色固定时该方法才有效，如图3所示，圆周的左边经过了抗锯齿处理，右边没有经过处理。图3抗锯齿示例（放大尺寸和原始尺寸）6.4创建适合不同分辨率或媒介的图标方案GB/T16902.4—2017
外观简单的图标更易于识别和理解。宜在较大的单元格尺寸（如48×48像素）内设计图标，且主要图形元素不宜多于3个。
也可限定所需图形元素的最少数量，确保这些元素与最小尺寸的图标相适宜；然后继续制定较大尺寸的版本并增加更多细节。
有些图标编辑工具能够将给定图像缩放至新的单元格尺寸。这种工具有用且节省时间，但是所得图像仍需进一步编辑。随着单元格尺寸的放大，可以给图像增加更多的细节，或者增加图像的图形元素数量，使图标的视觉效果更为丰富。而随着单元格尺寸的缩小，建议减少图形元素数量或减少细节，如图4所示。
注：以GB/T5465.2(5773)“电子图像，交错”为例。图432×32、24×24、16×16像素的图标示例（放大尺寸和原始尺寸）6.5填充区域
将图形符号用于目标操作系统、屏幕或显示器时，宜保持原形符号的完整。显示技术为区别符号的各部分和其背景提供了新的选择。例如，图形符号的每个部分都可以用不同颜色填充，而图形符号背景可以是透明色。
GB/T16902.4—2017
6.6箭头的表示
GB/T16902.2规定了箭头的使用及其比例的基本原则。为同一操作系统或应用环境设计的所有图标宜使用形式一致的箭头。图5是使用同一箭头的示例。
注：以GB/T5465.2(5067)“图像尺寸调整\（左）和GB/T5465.2(5081)扬声器/传声器”（右）为例。图5图标中使用的箭头示例（放大尺寸和原始尺寸）6.7组合图标
6.7.1一般原则
由单一图形元素构成的图标很少。通常，可能需要组合数个图形元素使图标能更明确、清晰地传递信息。
组合图标宜以标准化的图形符号为基础，如否定要素或箭头（见GB/T16902.1和GB/T16902.2）。6.7.2层叠要素
呈现多个图形元素时，将其相互重叠，可以使图形符号保持适宜尺寸且明确图形元素间的关系或顺序。宜通过叠加各图形元素的有效单元格区域使其斜向层叠以实现上述目标。为了既保持图形元素的独立性又突出主要图形元素，宜考虑图像中哪些部分需要被隐藏或显示、哪些部分需要优先或强调，即，哪些部分要放在视觉层次的顶层（如图6所示)注：反之，主要图形元素会影响用于其他分辨率或实现工具的较小或“袖珍型”图标方案的设计，而这可能需要对设计构思进行“提炼”。
GB/T16902.4—2017
注：左边的图标由ISO7000(0709)“双源/主要故障”和ISO7000（0695)“计数器”两个符号构成。右边的图标由GB/T5465.2(5440）“可编程定时器，一般符号”和GB/T5465.2（5127）“按扬声器方式工作的扬声器”两个符号构成。
图6层叠结构示例（放大尺寸和原始尺寸）将图形元素层叠时，宜避免由于不同图形元素的线条或形状在视觉上相重合形成视觉“凝集”而导致墨渍的视觉效果。宜将线条按照单一像素选合或加大线条间距，以避免该间题，如图7所示。a）“凝集”设计
b)“非凝集”设计
注：由ISO7000(2026)“帮助”和GB/T5465.2(5464)“卫星接收模式，一般符号”两个符号构成。图7
6.7.3视觉连续线条
“凝集”和“非凝集”设计示例（放大尺寸和原始尺寸）重绘包含多个图形元素的图标时，宜避免产生“接连”的现象（即一个图形元素的线条与另一个图形元素的方向相近的线条重叠，看起来线条好像贯穿了两个图形元素，造成视觉上的连接）。这种视觉效果不宜出现，宜通过合理地重叠或偏移对象来避免此种情况，如图8所示。GB/T16902.4—2017
a）“接连”设计
b)“非接连”设计
注：由GB/T5465.2（5662)“日期\和GB/T16273.1（171)“锁”两个符号构成。图8“接连”和“非接连”设计示例（放大尺寸和原始尺寸）6.7.4附加图形元素
重绘时还宜考虑到目标操作系统可能会自动添加一些附加图形元素。例如，桌面图标的下部通常会有“快捷方式”箭头（如图9所示）状态指示、共享资源指示等。注：GB/T5465.2(5662)“日期”（左)和IEC60417（5561)“盒式磁带”（右)两个符号的示例。图9附加要素示例放大尺寸和原始尺寸）6.8图标的方向
图标含义的解释可能取决于其方向，宜注意避免含义模糊。以ISO7000（2567）“保险丝盒通路”为例，显示器上一个倒置的图形符号[如图10a)所示表示的意义和其正置时的含义可能不同，例如倒置的\保险丝盒通路”图形符号可能与图11所示的GB/T16273.6(1-07)“充电状态”图形符号混淆。7
a）“倒置”
b）“正置”
GB/T16902.4—2017
图10方向模糊的图标示例（放大尺寸和原始尺寸）：“保险丝盒通路”图11GB/T16273.6（1-07）“充电状态”（放大尺寸和原始尺寸）图标的表现形式
7.1常见表现形式
图标的常见表现形式有被选中、动画或动态，用于向用户提供附加信息7.2被选中
当鼠标移到某一图标上时可能需要显示某一进程的结束、某一功能被阻止或功能无法使用。此时，宜遵循目标操作系统供应商的既有惯例和指导准则设计图标。例如，某个工具栏图标为“灰色”表示该功能当前不可用。
7.3动画图标
使用动画图标能使用户注意到某一具体情况或用以表示某一操作正在进行。例如，打印机图标可通过闪烁表示打印纸或墨粉用完。动画图标的闪烁频率宜符合GB/T16902.5的要求，以避免引起使用者紧张导致疾病发作
小提示：此标准内容仅展示完整标准里的部分截取内容，若需要完整标准请到上方自行免费下载完整标准文档。