国家标准 GB/T16902.4一2017 代替GB/T16902.4一2010 设备用图形符号表示规则第4部分:图形符号用作图标的重绘指南 Rulesforthepresentationofgraphiealsymbolsforuseonequipment- Part4:Guidelinesfortheadaptionographiealsymbolsforuseasicons 2017-07-31发布 2018-02-01实施国家质量监督检验检疫总局发布国家标准化管理委员会国家标准
GB;/T16902.4一2017 前言 GB/T16902是《图形符号表示规则》系列国家标准之一该系列国家标准的结构和名称如下 GB/T16900《图形符号表示规则总则》. a b)GB/T16901《技术文件用图形符号表示规则》,分为以下三个部分第1部分:基本规则; 第2部分:图形符号(包括基准符号库中的图形符号)的计算机电子文件格式规范及其交换要求; 第3部分;连接点、网络的分类及其编码 GB/T16902《设备用图形符号表示规则》,分为以下五个部分第部分:符号原图的设计原则; 第2部分;箭头的形式和使用第3部分;应用导则第4部分图形符号用作图标的重绘指南第5部分图标的设计指南 dGB/T16903(标志用图形符号表示规则》,分为以下三个部分第1部分公共信息图形符号的设计原则第2部分;理解度测试方法第3部分;感知性测试方法本部分是GB/T16902的第4部分本部分按照GB/T1.12009给出的规则起草本部分代替GB/T16902.42010(设备用图形符号表示规则第4部分;屏幕和显示器用图形符号(图标)的设计指南》,与GB/T16902.4一2010相比主要技术变化如下: 删除了先前版本中的部分术语(2010年版的3.3,3.4、3.5); 删除先前版本中有关新图标设计的内容(2010年版的附录B). 本部分由全国图形符号标准化技术委员会(SAc/Tc59)提出并归口本部分起草单位;标准化研究院、中机生产力促进中心、机械科学研究总院本部分主要起草人;邹传瑜、白殿一、陈永权、高永梅、杨东拜、张亮原标准于2010年首次发布(标准编号为:GB/T16902.4一2010),本次为第一次修订
GB;/T16902.4一2017 设备用图形符号表示规则第4部分:图形符号用作图标的重绘指南范围 GB/T16902的本部分给出了设备用图形符号用作图标时的重绘原则重绘指南、表现形式本部分适用于在设备屏幕或显示器呈现和使用时设备用图形符号的重绘规范性引用文件下列文件对于本文件的应用是必不可少的凡是注日期的引用文件,仅注日期的版本适用于本文件凡是不注日期的引用文件,其最新版本(包括所有的修改单)适用于本文件 GB/T2893.4图形符号安全色和安全标志第4部分;安全标志材料的色度属性和光度属性 ISO3864-4:2011,MOD) GB/T5465(所有部分电气设备用图形符号 GB/T16273(所有部分设备用图形符号 GB/T16902.1图形符号表示规则设备用图形符号第1部分;原形符号 GB/T16902.2设备用图形符号表示规则第2部分;箭头的形式和使用 GB/T16902.5设备用图形符号表示规则第5部分:图标的设计指南设备用图形符号 1SO7000 索引和一览表(Grapbhicalsymbolsforuseonequipment一lndexand synopsis) 术语和定义 GB/T16902.1和GB/T16902.5中界定的以及下列术语和定义适用于本文件 3.1 抗锯齿antialiasing 在线条和背景颜色之间增加若干饱和度较低的过渡色,以达到弱化曲线和斜线边缘锯齿,使线条趋于平滑 3.2 缺省defalt 目标操作系统或应用软件程序预设的、用户可以按需要进行更改的选项或属性概述 4.1屏幕或显示器为了保证视觉清晰度,在确保符号原图外观不变的前提下可重绘图形符号图形符号经重绘后形对应的国家标准;GB/T16273(所有部分)及其他相关国家标准
GB/T16902.4一2017 成的图标可以在全色、非全色和单色的屏幕或显示器上呈现和使用所呈现的图标的大小取决于目标操作系统、屏幕或显示器的属性(如物理尺寸、有效像素数) 附录A给出了设备用图形符号重绘为图标的示例 4.2辅助文档当目标操作系统、应用软件、屏幕或显示器有配套的辅助文档,且两者传递的信息相同时,辅助文档中宜使用图标,即重绘后的图形符号注常见辅助文档有帮助文件,说明书、操作手册、,维修手册等 5 重绘原则 5.1一致性 -个图形符号在不同使用条件下其含义宜一致,例如既可作为设备用图形符号(印刷或雕刻形式又可作为图标使用含义相同的设备用图形符号和图标,所对应的符号原图宜一致图标中使用的要素和含义宜与GB/T5465(所有部分),GB/T16273所有部分)和IsO7000中的相一致 5.2可识别性组合图标宜考虑各个部分的可识别性,尤其是随单元格尺寸缩小,同时减少细节的时候图形符号也能被识别 5.3兼容性由于不同操作系统的缺省调色板存在差异,在重绘时,宜考虑目标操作系统或应用环境的缺省调色板,以确保图标正常呈现和使用常见调色板有 -8位(256色)图标;使用阴极射线管(CRT)和液晶显示屏(ICD)的屏幕或显示器; -2位(单色)或4位(16色)图标;复印机、家用电器的屏幕在4位调色板中,可以通过在颜色空间中混合不同的颜色以在视觉上生成其他颜色,即按照“棋盘格”配置色调值相似的颜色仅宜将色调值相似的颜色在颜色空间中混合(即递色) 如果混合对比色调值的颜色,则会在视觉上造成明显的“格子”样式用于网络的图标宜使用在不同浏览器上都能正常显示的调色板 5.4协调性同一操作系统或应用环境中的图标宜保证视觉效果的整体协调性若无特殊原因,各图标宜保持相同的色彩外观与平衡由于饱和色非常突出,宜谨慎使用;且饱和色宜用于特殊意图,如警告或状态改变等将已在标准中规定的警告标志作为图标使用时,其色值应保持不变(见GB/T2893.4) 较大的图标可使用单色和灰色线条营造三维效果、高光效果或阴影效果较小的图标可使用饱和色和黑色轮廓线使其更易于识别和理解当前“不可用”的对象或功能宜显示为“灰色'即无色)”图标
GB;/T16902.4一2017 重绘指南 6.1图标尺寸现有的阴极射线管(CRT、液晶显示屏(ICD)以及等离子体显示板(PDP)等显示设备对图标的形成和呈现有一定制约图标为常规显示尺寸时,可能无法使线条保持相同的宽度或规则的弧度图标的形成可使用矢量绘图工具,也可将图标以位图的形式保存并显示注:所谓位图即一个正方形或矩形网格(单元格)内的一串(代表单个像素的)色块图标的单元格尺寸宜遵循目标操作系统的要求为适应目标操作系统支持的单元格尺寸、调色板，宜制定不同版本的图标如果没有提 '供适合尺寸的图标,目标操作系统可能会自动改变现有图标的尺寸,即通过增删像素矩阵的行数和列数以统一为所需的单元格尺寸注某些操作系统能识别出有效屏幕分辨率和调色板,将不同尺寸的单元格做适当的组合以适应当前屏幕分辨率 -个图标文件包含8个不同单元格尺寸和调色板的版本是很常见的情况 6.2单元格内图形图像的位置确定单元格内图像的位置时宜考虑目标操作系统的相关规定 -有些系统要求图像在单元格内左对齐、底端对齐;有些系统则要求图像在单元格内水平居中对齐,底部向基线对齐; 相邻图标不宜在视觉上相连,图像的外边缘与单元格间宜留出足够空白以避免此种情况;相邻图标是否在视觉上相连取决于多种因素,例如目标操作系统的定位方式和存储设置有些操作系统需要在图像周围留出空白透明)区域以显示对象的状态(如可用选中,运行中、不可用等),因此图像的尺寸可能比其他操作系统的设计尺寸小 6.3线条的绘制 6.3.1线条的视觉质量绘制线条时,并不能始终保持斜线的宽度不变或曲线的弧度平滑抗锯齿可改善视觉质量 6.3.2斜线水平线和垂直线的宽度恒定,但斜线很难保持相同的视厚度例如与一条宽度为两个像素的直线的视厚度相匹配的斜线,其宽度需为三个像素,如图1所示
GB/T16902.4一2017 图1斜线宽度示例(放大尺寸和原始尺寸只有11.5°、22.5、45.0?、67.5"和78.5°的斜线才能有规则的外观,即像素值以1:3、l:2、1:1、2:1 和3;1的比率呈阶梯状变化,如图2所示图2规则斜线示例(放大尺寸和原始尺寸 6.3.3 曲线使曲线弧度平滑宜使用相似的颜色仔细消除锯齿,但线条可能会显得模糊,而且只有线条边缘颜色和屏幕背景颜色固定时该方法才有效,如图3所示,圆周的左边经过了抗锯齿处理,右边没有经过处理
GB;/T16902.4一2017 图3抗锯齿示例(放大尺寸和原始尺寸 6.4创建适合不同分辨率或媒介的图标方案外观简单的图标更易于识别和理解宜在较大的单元格尺寸(如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.25067)“图像尺寸调整”(左)和(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所示 “凝集”设计 “非凝集”设计注;由ISO7000(2026)“帮助”和GB/T5465.25464)“卫星接收模式,一般符号”两个符号构成图7“凝集”和“非凝集”设计示例(放大尺寸和原始尺寸 6.7.3视觉连续线条重绘包含多个图形元素的图标时,宜避免产生“接连”的现象(即一个图形元素的线条与另一个图形元素的方向相近的线条重叠,看起来线条好像贯穿了两个图形元素,造成视觉上的连接) 这种视觉效果不宜出现,宜通过合理地重叠或偏移对象来避免此种情况,如图8所示
GB/T16902.4一2017 2 “接连”设计 “非接连”设计注:由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)“充电状态”图形符号混淆
GB;/T16902.4一2017 “倒置 “正置” 图 10方向模糊的图标示例放大尺寸和原始尺寸);“保险丝盒通路” 图11GB/T16273.6(1-07)“充电状态”放大尺寸和原始尺寸图标的表现形式 7.1常见表现形式图标的常见表现形式有被选中,动画或动态,用于向用户提供附加信息 7.2被选中当鼠标移到某一图标上时可能需要显示某一进程的结束.某一功能被阻止或功能无法使便用此时宜遵椭目标操作系统供应商的既有惯例和指导准则设计图标例如,某个工具栏图标为"灰色”表示该功能当前不可用 7.3动画图标使用动画图标能使用户注意到某一具体情况或用以表示某一操作正在进行例如,打印机图标可通过闪烁表示打印纸或墨粉用完动画图标的闪烁频率宜符合GB/T16902.5的要求,以避免引起使用者紧张导致疾病发作
GB/T16902.4一2017 除非发生紧急情况,否则动画图标通常宜慎重使用且只能在有限的时间内显示多个动画图标会制造干扰、引发混淆,宜予以避免 7.4动态图标动态图标用于显示某一对象状态或条件的改变例如,警报状态解除后,可在图标上显示一个“×” “删除”符号)来表示警报随之取消,如图12所示注IsO7000(2301)"紧忽警告指示符",添加了“删除"符号的图示图12动态图标示例放大尺寸和原始尺寸 0
GB;/T16902.4一2017 录附 A 资料性附录设备用图形符号重绘为图标的示例图A.l一图A.6给出了设备用图形符号重绘为图标的示例 GB/T16273.1(168)“手册;技术说明书" 作为图标的GB/T16273.1(168 (放大尺寸和原始尺寸) 图A.1GB/T16273.1(168)及其图标 GB/T5465.2(5440)“可编程定时器，一般符号” 作为图标的GB/T5465.2(5440) 放大尺寸和原始尺寸图A.2GB/T5465.2(5440)及其图标 11
GB/T16902.4一2017 GB/T5465.2(5067)“图像尺寸调整” 作为图标的GB/T5465.2(5067 放大尺寸和原始尺寸图A.3GB/T5465.2(5067)及其图标厂 Iso7000(0710)“底片(母片)缺失故障” 作为图标的IsO7000(0710) 放大尺寸和原始尺寸) 图A.4Iso7000(0710)及其图标 12
GB;/T16902.4一2017 厂 Is07000(o698)“倒空分类器” 作为图标的IsO7000(0698) 放大尺寸和原始尺寸图A.5Iso7000(0698)及其图标厂 GB/T5465.2(5081)“扬声器/传声器" 作为图标的GB/T5465.2(5081 (放大尺寸和原始尺寸) 图A.6GB/T5465.2(5081)及其图标 13
GB/T16902.4一2017 考文献参 [1]GB/T2893.1图形符号安全色和安全标志第1部分;安全标志和安全标记的设计原则 (GB/T2893.1一2013,.ISO3864-1:2011,MOD [2]IEC60417设备用图形符号(Graphiealsym nbolsforuseonequipment) 14

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

图标是现代软件界面设计中不可缺少的一部分，它们可以有效地传递信息、提高用户体验。在图标设计中，使用设备图形符号可以使得图标更加直观、易于理解，因此，国家制定了相应的标准来规范图形符号在图标中的使用。

其中，GB/T16902.4-2017《设备用图形符号表示规则第4部分：图形符号用作图标的重绘指南》规定了图形符号在图标中应遵循的原则、应用场景以及图标重绘的步骤等方面。下面我们就来逐一介绍。

图形符号在图标中应遵循的原则

图形符号在图标中应遵循以下原则：

尽量简洁——图标应当尽可能地简洁，不应当包含冗余的元素。
明确性——图标应当能够清晰地表达所代表的含义，不会产生歧义。
一致性——图标应当与所代表的功能相匹配，保持一致性。
易识别性——图标应当容易被用户识别和理解，而无需进行特殊的解释或说明。

图形符号在图标中的应用场景

图形符号可以用于表示图标中某个功能的具体性质或特点。例如，使用燃气灶的图标可以采用火焰的图形符号来表示。

同时，图形符号也可以用于组成复杂的图标，以传递更加详细的信息。例如，在一个生产线控制系统的图标中，可以使用多个设备图形符号组合而成，来表示该系统的各个部分。

图标重绘的步骤

如果需要将设备图形符号重绘为图标，可以按照以下步骤进行：

确定图标的设计风格和整体框架。
选择适合的设备图形符号，并对其进行必要的修改和调整，使得符号适应图标的设计要求。
将符号与其他元素组合在一起，形成完整的图标。
对图标进行测试和优化，确保其在不同平台和不同分辨率下都能够正常显示。

总之，图形符号在图标中的运用需要遵循一定的原则和步骤才能真正发挥出它们的作用。只有遵循相应的规则，才能设计出具有高度可识别性和易操作性的图标。