ICS_01.080.01 A 22
GB
中华人民共和国国家标准
GB/T16902.5—2017
设备用图形符号表示规则第5部分：图标的设计指南
Rules for the presentation of graphical symbols for use on equipment-
Part 5: Design guidelines for icons
2018-02-01实施
2017-07-31发布
中华人民共和国国家质量监督检验检疫总局中国国家标准化管理委员会
发布 GB/T16902.5—2017
目 次
前言 1 范围
规范性引用文件术语和定义图标的作用和分类 4.1 图标的作用 4.2 图标的分类设计程序设计指南 6.1 通则 6.2 现有图形符号或符号要素的选取 6.3 图标的绘制 6.4 文字的使用 6.5 颜色的使用 6.6 变化 6.7 图标的专用版本 6.8 图标的动画效果 7 测试
2
3
5 6
. GB/T16902.5—2017
前言
GB/T16902是《图形符号表示规则》系列国家标准之一。该系列国家标准的结构和名称如下：
GB/T16900《图形符号表示规则总则》。
a)
b) GB/T16901《技术文件用图形符号表示规则》，分为以下三个部分：
第1部分：基本规则；一第2部分：图形符号（包括基准符号库中的图形符号）的计算机电子文件格式规范及其交
换要求；一第3部分：连接点、网络的分类及其编码。
c) GB/T16902《设备用图形符号表示规则》，分为以下五个部分：
一第1部分：符号原图的设计原则；一第2部分：箭头的形式和使用；
第3部分：应用导则；
-
一第4部分：图形符号用作图标的重绘指南；一第5部分：图标的设计指南。
d) GB/T16903《标志用图形符号表示规则》，分为以下三个部分：
一第1部分：公共信息图形符号的设计原则； —一第2部分：理解度测试方法；一第3部分：感知性测试方法。
本部分是GB/T16902的第5部分。 本部分按照GB/T1.1一2009给出的规则起草。 本部分由全国图形符号标准化技术委员会（SAC/TC59)提出并归口。 本部分起草单位：中国标准化研究院、华北电力大学、中机生产力促进中心、轻工业标准化研究所、
东莞市美誉标识有限公司。
本部分主要起草人：陈永权、邹传瑜、程文刚、高永梅、张亮、白殿一、杨年、曾俊杰。
I GB/T16902.5—2017
设备用图形符号表示规则第5部分：图标的设计指南
1范围
GB/T16902的本部分界定了图标的作用和分类，给出了图标的设计程序、基本设计原则和设计指南。
本部分适用于通过设备屏幕呈现和使用的图标的设计。 注：图标除了本部分中规定的图形外还具有其他多种属性，本部分不给出这些属性和文件类型的具体细节。
2规范性引用文件
下列文件对于本文件的应用是必不可少的。凡是注日期的引用文件，仅注日期的版本适用于本文件。凡是不注日期的引用文件，其最新版本（包括所有的修改单）适用于本文件。
GB/T5465.2电气设备用图形符号第2部分：图形符号 GB/T15565（所有部分）图形符号术语 GB/T16273（所有部分）设备用图形符号 GB/T16900图形符号表示规则总则 GB/T16902.4设备用图形符号表示规则第4部分：图形符号用作图标的重绘指南 GB/T20002.2标准中特定内容的起草第2部分：老年人和残疾人的需求
ISO7000设备用图形符号索引和一览表(Graphical symbols foruse on equipment一Indexand synopsis)
3术语和定义
GB/T15565界定的以及下列术语和定义适用于本文件。
3.1
图标icon 呈现在设备屏幕上表示计算机系统对象和（或）应用程序功能的可交互符号。 ［修改GB/T15565.1—2008，定义2.5.13.3] 注：图标是设备用图形符号的一种。
3.2
图标族iconfamily 具有相同的基本图标和不同附加元素的一组图标。
3.3
可分辨性 discriminability 一个图标与可能出现在其相邻空间或相似使用环境中的其他图标之间易于区分开的程度。
3.4
可识别性 recognisability 基于以前相同或相似图标的识别经验而识别出一个新图标的容易程度。
1 GB/T16902.5—2017
3.5
可学习性learnability 在理解图标的含义后，图标所表示的对象和（或）功能能够被回想起来的容易程度。
3.6
像素pixel 数字图像中最小的显示元素。
3.7
状态state 与图标当前所充许的交互动作相关的图标情形。 注：图标的不同状态，如“选中”“可用”“不可用”等
3.8
变化variations 保留了可分辨性等基本感知特征的允许使用的图标修改。 注：图标包括两种基本变化，即状态变化和风格变化。
3.9
状态变化 statevariations 图标用于表示状态信息的变化，
3.10
风格变化stylevariations 图标为适应特定设计风格或特定软件系统技术的变化
4图标的作用和分类
4.1 图标的作用
图标在图形界面中用以表示对象和（或)功能，尤其适用于在单个应用程序范围内和多个应用程序间重复使用的常见对象和(或)功能。图标具有以下作用：
节约屏幕显示空间；有助于快速识别图形界面上的对象或功能；一在图形界面中为对象和功能提供了一种不依赖于文化和语言的表示方式，从而使软件界面适
用于尽可能多的用卢。
4.2图标的分类
根据使用环境和使用目的不同，图标可以有不同的分类。常见的图标分类有：
根据图标的功能，图标可划分为对象图标、指针图标、工具图标和操作图标等；一根据图标在图形界面上的表现形式，图标可划分为静态图标、根据用户输人改变的交互式图标
和根据设备状态改变的动态图标等；一根据图标的外观，图标可划分为平面效果图标和立体效果图标等
5设计程序
设计图标时，应遵守GB/T16900规定的标准化程序并按照以下步骤进行设计： a）描述图标的用途、使用环境及使用方法； b) 确定图标的目标使用人群和特殊需求（见GB/T20002.2）；
2 GB/T16902.5—2017
c）查询GB/T5465.2、GB/T16273、ISO7000等标准，确定是否存在含义相同或相近的标准图形
符号可供改编或符号要素可供选用； d) 按照第6章的规定进行图标的图形设计； e) 形成可能的图标设计方案； f) 对图标的易理解性、可分辨性、可识别性等感知质量进行测试，并对设计进行适当调整； g) 为图标创建唯一的名称并编写清晰、明确的说明。
6设计指南
6.1通则 6.1.1一致性
一致性是图标设计中的重要考虑因素，图标设计中需要考虑的一致性主要包括： a）图标的含义在同一应用程序中应始终保持一致： b）当一个图标的图形用作其他图标的要素时，在所有使用该要素的图标图形中该要素的含义应
保持一致，示例见图1；
M
?
注：表示邮件的图形可与表示文件夹或文档的图形组合形成新的图标，并在两个新图标中保持含义不变，
图1图标图形用作其他图标要素的示例
c）宜成套设计图标，一套图标内每个图标的视觉外观宜保持一致。即同一套图标中，所有图标均
宜以相似的图形风格和真实程度呈现。 注：一致性将视觉语言结合起来，可以使用户对图标更快地理解和联想。
6.1.2可分辨性 6.1.2.1同一图标的不同状态间应具有可分辨性，即图标当前状态（包括但不限于：选中、可用、不可用）的图形应与该图标表示其他状态的图形之间有清晰的区分。 6.1.2.2使用在同一应用程序中的多个图标相互之间应具有可分辨性。在设计图标时，图标的轮廊形状宜尽可能多样化以便易于区分和识别。 6.1.2.3图标在使用环境中与包括背景在内的其他相邻对象之间应具有可分辨性。 6.1.2.4在图标的预期使用环境中，无论状态变化还是风格变化均应始终保持其可分辨性。
6.1.3易理解性和可学习性 6.1.3.1图标在其预期使用环境中宜具有易理解性。如果首次理解不是图标的可用性需求，则图标宜具有可学习性。 6.1.3.2在图标的预期使用环境中，无论状态变化还是风格变化均应始终保持其易理解性。 6.1.3.3图标的设计宜考虑到老年人和残障人士的使用需求。方便老年人和残障人士使用的图标在设计上宜强调功能如何满足用户的使用需求，不应在图标的图形中突出用户的缺陷。
3 GB/T16902.5—2017
6.1.4隐喻
6.1.4.1隐喻是图标设计中的一种基本表现途径，图标利用图形通过隐喻来传达信息。使用有效的隐喻可增加图标的可识别性，只有在无法使用隐喻方法时才考虑使用抽象的几何符号。
注：隐喻是一种直接把甲事物（喻体）当做乙事物（本体）的修辞方式。在隐喻环境（例如，桌面)中，图标提供了对象
与其功能之间的在视觉及概念上的关联。
6.1.4.2图标所表示的任何隐喻都宜与该图标的功能直接相关。在使用隐喻设计图标时：
a) 应选择合适的隐喻对象； b）宜考虑隐愉对象与用户认知的一致性； c）宜确保隐喻的唯一性。
6.2现有图形符号或符号要素的选取 6.2.1应优先选用含义相同或相近的标准设备用图形符号改编为图标，标准设备用图形符号在改编成相应的图标时应符合GB/T16902.4的要求，示例见图2。
7
广
O
L
L
GB/T5465.2(5440)“可编程定时器，一般符号"
改编为图标的GB/T5465.2（5440)
（放大尺寸和图标尺寸）
图2标准图形符号改编为图标的示例
6.2.2如果没有标准的设备用图形符号可供改编，则设计图标时：
a）宜使用其他广泛认知的符号或符号要素： b）宜使用通用的图形，隐去图形的次要细节； c）宜避免使用特定文化专有的符号。 注：特定文化专有符号包括但不限于：
神学和宗教符号；一身体部位和手势；
——颜色的特定应用等。
6.3图标的绘制 6.3.1可以使用图标编辑器实用工具或直接使用像素绘图方式绘制图标，并通常在一个正方形或矩形的网格(单元格)内使用色块(代表单个像素)绘制。 6.3.2单元格上图标的图形轮廓所围成的区域内宜为不透明，图形轮廊以外的其他区域可为不透明、 透明或半透明。 6.3.3设计图标时宜考虑到图标及其关键细节以不同尺寸、不同分辨率或不同纵横比显示时的需求，确保图标及其关键细节能够保持其易理解性和可分辨性。
4 GB/T16902.5—2017
6.3.4宜基于图标的预期使用环境优化图标的设计尺寸，以确保图标在图形界面上具有足够的可选择性的同时能够与相邻的其他界面元素分隔开，避免用户误选。
注：常见的图标尺寸有16×16像素、32×32像素、48×48像素、64×64像素等。
6.3.5在绘制图标时，线条的绘制、层叠要素的处理等具体绘制方法宜参考GB/T16902.4给出的指南。例如，按11.5°、22.5°、45.0°、67.5°和78.5°绘制斜线，即像素形成的台阶以1：3、1：2、1：1、2：1和 3：1的比率变化，能够确保所绘制的斜线具有规则的外观，如图3所示。
图3规则斜线示例（放大尺寸和原始尺寸）
6.4文字的使用
宜避免在图标的图形中使用特定语言的文字或缩略语，除非所用文字的含义能够被广泛识别和易于理解。
注：在图标图形中使用文字将使图标与特定语言相关，因而会限制图标的可使用性。文字还会延长图标的识别时
间，而且即使提供了解释，某些用户也可能无法理解。
6.5颜色的使用 6.5.1通常情况下，颜色不应作为区分图标或图标状态的唯一信息要素，除非颜色本身就是图标的功能性要素。 6.5.2在图标中使用颜色传递某种含义时：
a)7 不宜将颜色用作传递该含义的主要手段； b) 颜色在该应用程序中的含义宜始终保持一致； c) 该颜色宜能够被用户迅速识别： d）该颜色宜来自系统提供的标准调色板。 注：除黑色和白色外，图标中使用的其他颜色最好不要超过6种。
6.5.3宜使用可以被广泛识别的颜色和颜色组合作为图标的主要颜色
注：具有色彩感知障碍的人很难辨别“红-绿”和蓝-黄”这样的颜色组合 6.5.4图标中的颜色宜使用不同的色调和亮度，以确保在不同类型的显示屏（例如，黑白显示屏）上能够正常区分图标中不同颜色的组成部分。 6.6变化 6.6.1状态变化 6.6.1.1图标的不同状态宜使用独特的状态变化进行区分，以便通过图标状态的改变显示某一进程的结束、某一功能被阻止或功能无法使用。图标不同的状态变化宜形成一个图标族。 6.6.1.2图标状态变化的使用应具有一致性，例如，用来表示对象图标状态变化的约定同样也适用于程序中的其他所有图标。图标表示不同状态的变化如图4所示。
5