Basic principles for graphical symbols for use on equipment — Part 4: Guidelines for the adaptation of graphical symbols for use on screens and displays (icons)

ISO 80416-4:2005 provides guidelines for the adaptation of graphical symbols for use on screens and displays (icons) on a wide range of equipment, such as photocopiers, vehicle dashboards and home appliances. It also provides principles for maintaining the fidelity of icons to the original graphical symbols.

Principes de base pour les symboles graphiques utilisables sur le matériel — Partie 4: Lignes directrices pour l'adaptation de symboles graphiques utilisables sur les écrans et les dispositifs de visualisation (icônes)

L'ISO 80416-4 fournit des lignes directrices pour l'adaptation de symboles graphiques utilisables sur les écrans et les dispositifs de visualisation (icônes) d'une large gamme de matériel tels que photocopieurs, tableaux de bord de véhicules et appareils ménagers. Elle fournit également des principes pour que les icônes restent fidèles aux symboles graphiques originaux.

General Information

Status
Published
Publication Date
17-Aug-2005
Current Stage
9093 - International Standard confirmed
Completion Date
26-Jan-2023
Ref Project

Buy Standard

Standard
ISO 80416-4:2005 - Basic principles for graphical symbols for use on equipment
English language
19 pages
sale 15% off
Preview
sale 15% off
Preview
Standard
ISO 80416-4:2005 - Principes de base pour les symboles graphiques utilisables sur le matériel
French language
19 pages
sale 15% off
Preview
sale 15% off
Preview

Standards Content (Sample)

INTERNATIONAL ISO
STANDARD 80416-4
First edition
2005-08-01

Basic principles for graphical symbols
for use on equipment —
Part 4:
Guidelines for the adaptation of graphical
symbols for use on screens and displays
(icons)
Principes de base pour les symboles graphiques utilisables sur le
matériel —
Partie 4: Lignes directrices pour l'adaptation de symboles graphiques
utilisables sur les écrans et les dispositifs de visualisation (icônes)




Reference number
ISO 80416-4:2005(E)
©
ISO 2005

---------------------- Page: 1 ----------------------
ISO 80416-4:2005(E)
PDF disclaimer
This PDF file may contain embedded typefaces. In accordance with Adobe's licensing policy, this file may be printed or viewed but
shall not be edited unless the typefaces which are embedded are licensed to and installed on the computer performing the editing. In
downloading this file, parties accept therein the responsibility of not infringing Adobe's licensing policy. The ISO Central Secretariat
accepts no liability in this area.
Adobe is a trademark of Adobe Systems Incorporated.
Details of the software products used to create this PDF file can be found in the General Info relative to the file; the PDF-creation
parameters were optimized for printing. Every care has been taken to ensure that the file is suitable for use by ISO member bodies. In
the unlikely event that a problem relating to it is found, please inform the Central Secretariat at the address given below.


©  ISO 2005
All rights reserved. Unless otherwise specified, no part of this publication may be reproduced or utilized in any form or by any means,
electronic or mechanical, including photocopying and microfilm, without permission in writing from either ISO at the address below or
ISO's member body in the country of the requester.
ISO copyright office
Case postale 56 • CH-1211 Geneva 20
Tel. + 41 22 749 01 11
Fax + 41 22 749 09 47
E-mail copyright@iso.org
Web www.iso.org
Published in Switzerland

ii © ISO 2005 – All rights reserved

---------------------- Page: 2 ----------------------
ISO 80416-4:2005(E)
Contents Page
Foreword. iv
Introduction . v
1 Scope . 1
2 Normative references . 1
3 Terms and definitions. 1
4 Area of application. 2
4.1 Screens and displays . 2
4.2 Supporting documentation. 2
4.3 International Standards. 2
5 Principles of implementation. 2
5.1 General usage . 2
5.2 Types of icons. 3
5.3 Relationship between graphical symbols and icons . 3
5.4 Colour . 3
6 Constructing icons . 4
6.1 General. 4
6.2 Cell sizes. 4
6.3 Location of graphical image in cell. 5
6.4 Line drawing. 5
6.5 Creating alternative versions of resolution/implementation. 6
6.6 Filled areas . 7
6.7 Distinguishability. 7
6.8 Representation of arrows . 7
6.9 Composite icons . 8
7 Icon behaviours . 10
7.1 General. 10
7.2 Status indication. 10
7.3 Animated icons . 10
7.4 Dynamic icons. 10
8 Consistency. 11
9 Orientation. 11
Annex A (informative) Examples of graphical symbols adapted as icons. 13
Annex B (informative) Design guidelines for new icons . 16
Bibliography . 19

© ISO 2005 – All rights reserved iii

---------------------- Page: 3 ----------------------
ISO 80416-4:2005(E)
Foreword
ISO (the International Organization for Standardization) is a worldwide federation of national standards bodies
(ISO member bodies). The work of preparing International Standards is normally carried out through ISO
technical committees. Each member body interested in a subject for which a technical committee has been
established has the right to be represented on that committee. International organizations, governmental and
non-governmental, in liaison with ISO, also take part in the work. ISO collaborates closely with the
International Electrotechnical Commission (IEC) on all matters of electrotechnical standardization.
International Standards are drafted in accordance with the rules given in the ISO/IEC Directives, Part 2.
The main task of technical committees is to prepare International Standards. Draft International Standards
adopted by the technical committees are circulated to the member bodies for voting. Publication as an
International Standard requires approval by at least 75 % of the member bodies casting a vote.
Attention is drawn to the possibility that some of the elements of this document may be the subject of patent
rights. ISO shall not be held responsible for identifying any or all such patent rights.
In order to collect all requirements concerning basic principles for graphical symbols for use on equipment,
ISO/TC 145, Graphical symbols, and IEC/TC 3, Documentation and graphical symbols, agreed to prepare
jointly all parts in this International Standard and to publish them under the general number 80416. For each
of the individual parts of this series, only one of the two organizations is responsible. Meanwhile, the technical
committees have agreed that no modification will be made to International Standard 80416 except by mutual
agreement.
ISO 80416-4 was accordingly prepared jointly by Technical Committee ISO/TC 145, Graphical symbols, and
Subcommittee 3C, Graphical symbols for use on equipment, of Technical Committee IEC/TC 3, Information
structures, documentation and graphical symbols.
ISO 80416 consists of the following parts, under the general title Basic principles for graphical symbols for use
on equipment:
 Part 2: Form and use of arrows
 Part 4: Guidelines for the adaptation of graphical symbols for use on screens and displays (icons)
IEC 80416-1, Creation of symbol originals, and IEC 80416-3, Guidelines for the application of graphical
symbols are published by IEC.
iv © ISO 2005 – All rights reserved

---------------------- Page: 4 ----------------------
ISO 80416-4:2005(E)
Introduction
A graphical symbol is a visually perceptible figure used to transmit information independently of language.
Graphical symbols are used on equipment for a wide range of purposes. For such symbols, consistency in the
design of families of symbols used in one location, or on similar equipment, helps users to understand the
meaning of the symbols. Equally important is the legibility of symbols when they are reduced to small
dimensions. Thus, there is a need to standardize the principles for creating graphical symbols for use on
equipment to ensure visual clarity and consistency, and thereby to improve recognition.
This International Standard which is a multi-part standard, addresses the basic rules used to create graphical
symbols for use on equipment, including line thicknesses, form and use of arrows, negation elements, and
use of the basic pattern which serves as a guide for drawing symbols. These design principles are required to
be used for all graphical symbols for use on equipment, which are standardized in ISO 7000 and IEC 60417.
Icons can reduce the apparent complexity of a software-user interface, making it easier to learn and use.
This part of ISO 80416 provides guidelines for the adaptation of graphical symbols for use on screens and
displays (icons).
This part of ISO 80416 is primarily concerned with the adaptation of graphical symbols for use as icons.
However, the guidelines may also be used in the development of icons where suitable graphical symbols do
not exist. Annex B contains additional guidelines for this purpose. Annex A provides examples of those
symbols adapted as icons.

© ISO 2005 – All rights reserved v

---------------------- Page: 5 ----------------------
INTERNATIONAL STANDARD ISO 80416-4:2005(E)

Basic principles for graphical symbols for use on equipment —
Part 4:
Guidelines for the adaptation of graphical symbols for use on
screens and displays (icons)
1 Scope
This part of ISO 80416 provides guidelines for the adaptation of graphical symbols for use on screens and
displays (icons) on a wide range of equipment, such as electrotechnical equipment, photocopiers, vehicle
dashboards and home appliances. It also provides principles for maintaining the fidelity of icons to the original
graphical symbols.
2 Normative references
The following referenced documents are indispensable for the application of this document. For dated
references, only the edition cited applies. For undated references, the latest edition of the referenced
document (including any amendments) applies.
ISO 7000, Graphical symbols for use on equipment — Index and synopsis [Database available at
]
ISO/IEC 11581-2, Information technology — User system interfaces and symbols — Icon symbols and
functions — Part 2: Object icons
ISO/IEC 11581-3, Information technology — User system interfaces and symbols — Icon symbols and
functions — Part 3: Pointer icons
ISO/IEC 11581-5, Information technology — User system interfaces and symbols — Icon symbols and
functions — Part 5: Tool icons
ISO/IEC 11581-6, Information technology — User system interfaces and symbols — Icon symbols and
functions — Part 6: Action icons
IEC 80416-1, Basic principles for graphical symbols for use on equipment — Part 1: Creation of symbol
originals
ISO 80416-2, Basic principles for graphical symbols for use on equipment — Part 2: Form and use of arrows
IEC 60417, Graphical symbols for use on equipment [database available at
]
3 Terms and definitions
For the purposes of this document, the terms and definitions given in IEC 80416-1 and the following apply.
3.1
anti-aliasing
technique using several intensities of colour between the colour of a line and the background colour to create
the effect of smoother curves and fewer jagged edges on curves and diagonals
© ISO 2005 – All rights reserved 1

---------------------- Page: 6 ----------------------
ISO 80416-4:2005(E)
3.2
default
option or attribute already provided by the operating system or application, and which the user can change
3.3
icon
graphical symbol presented on a screen or display
NOTE Icons can be static and interactive and change as the result of user input, or dynamic and change as the result
of equipment status.
3.4
icon editor
special software application (or “tool”) used for creating icon files
3.5
pixel
pel
smallest addressable graphical element of a screen or display
NOTE Screen or display resolutions are typically referenced by the number of pixels measured horizontally and
vertically, e.g. 1 024 by 768 pixels.
4 Area of application
4.1 Screens and displays
Graphical symbols used as icons can be presented upon a screen or display using a full or limited colour
palette, or in monochrome. Icons are presented in varying sizes depending upon the specific implementation
by the computer software and the attributes of the display technology, for example, the physical dimensions of
the screen or display and the number of pixels available. There may be a need to modify the symbol original in
order to ensure visual clarity provided that the original graphical impression is retained.
4.2 Supporting documentation
Graphical symbols used as icons reproduced in supporting documentation should convey the same visual
impression as those used on the screen or display.
4.3 International Standards
If International Standards prepared by technical committees contain icons adapted from graphical symbols
with ISO 7000 or IEC 60417 registration numbers, each icon should be illustrated together with a reference to
the registration number of the original graphical symbol.
5 Principles of implementation
5.1 General usage
Icons are used widely in contemporary software systems that use graphical user interfaces. They can be static
and used solely for visual identification/reinforcement of a textual description, or invoke a function or open an
object when selected with a pointer. Icons can also be animated or dynamic and show the current status of
the represented object. In contemporary operating systems (or “platforms”), icons have varying attributes and
utilize different file types. The specific details of these attributes and file types are not addressed in this part of
ISO 80416.
2 © ISO 2005 – All rights reserved

---------------------- Page: 7 ----------------------
ISO 80416-4:2005(E)
5.2 Types of icons
The following types of icons are addressed in the different parts of ISO/IEC 11581:
 object icons (ISO/IEC 11581-2);
 pointer icons (ISO/IEC 11581-3);
 tool icons (ISO/IEC 11581-5);
 action icons (ISO/IEC 11581-6).
NOTE 1 Action icons are also referred to as "tool bar" icons.
NOTE 2 Some graphical representations might be used in more than one icon type to provide similar functionality. For
example, a printer icon could be used to describe the printer object, to start the print action, and to show the printer status
or the ink level.
5.3 Relationship between graphical symbols and icons
5.3.1 Consistency
When the same graphical symbol is used both on equipment, in printed or engraved form, and presented on a
screen or display as an icon, it is essential that the meaning of the graphical symbol is consistent across all
areas of application.
Internationally standardized graphical symbols should not be used with meanings other than those specified.
5.3.2 Adaptation of existing graphical symbols
It is essential that new icons are adapted from existing internationally standardized graphical symbols, where
a suitable graphical symbol exists with the same meaning.
NOTE Examples of existing graphical symbols adapted as icons are given in Annex A.
5.4 Colour
5.4.1 Technical considerations
Default colour palettes vary depending upon the operating system. When creating or adapting an icon, it is
essential that the default colour palette of the operating system or environment in which the icon will be used
is taken into account, so as to avoid unintended results.
For screens or displays using cathode ray tubes (CRT) and liquid crystal display (LCD) panels, 8 bit
(i.e. 256 colours) icons are commonly used. However, some devices, for example photocopiers and domestic
appliances, can require 2 bit (monochrome) or 4 bit (16 colours) icons.
Within a 4 bit colour palette, additional colours can be created by mixing different colours spatially, i.e. by
“checker-boarding” colours of similar tonal values.
Only colours of similar tonal values should be spatially mixed (“dithered”). Mixing colours of contrasting tonal
values will create visible “chequer” patterns.
For web applications, a colour palette that can be displayed reliably using different browsers should be used.
© ISO 2005 – All rights reserved 3

---------------------- Page: 8 ----------------------
ISO 80416-4:2005(E)
5.4.2 Use of colour
It is important to consider all the icons to be used in order to create a harmonious visual impression. Unless
there is a specific reason, the same chromatic impression and balance between icons should be maintained.
Because saturated colours are very dominating, they should be used sparingly and for a specific purpose, for
example, for warning or change of status.
Where an icon is derived from a standardized warning sign, colour fidelity should be maintained
(see ISO 3864-1).
Colour and grey outlines can be used to create a three-dimensional or highlight/shadowed effect in larger
icons (e.g. 32 × 32 pixels). For smaller sizes (e.g. 16 × 16 pixels), saturated colours and black outlines can be
used to aid their recognition and comprehension.
NOTE The convention for objects or functions currently “unavailable” is to display them as “greyed”, i.e. colourless,
icons.
6 Constructing icons
6.1 General
Contemporary display technologies, for example CRT, LCD and PDP (plasma display), impose certain
constraints regarding the construction and presentation of graphical symbols on displays. At the sizes where
icons are conventionally displayed, it might not be possible to maintain a constant line thickness or regular
arcs.
Vector drawing tools can be used for constructing icons. However, contemporary practice is to save and
display icons in the form of bitmapped image
...

NORME ISO
INTERNATIONALE 80416-4
Première édition
2005-08-01

Principes de base pour les symboles
graphiques utilisables sur le matériel —
Partie 4:
Lignes directrices pour l'adaptation de
symboles graphiques utilisables sur les
écrans et les dispositifs de visualisation
(icônes)
Basic principles for graphical symbols for use on equipment —
Part 4: Guidelines for the adaptation of graphical symbols for use on
screens and displays (icons)




Numéro de référence
ISO 80416-4:2005(F)
©
ISO 2005

---------------------- Page: 1 ----------------------
ISO 80416-4:2005(F)
PDF – Exonération de responsabilité
Le présent fichier PDF peut contenir des polices de caractères intégrées. Conformément aux conditions de licence d'Adobe, ce fichier
peut être imprimé ou visualisé, mais ne doit pas être modifié à moins que l'ordinateur employé à cet effet ne bénéficie d'une licence
autorisant l'utilisation de ces polices et que celles-ci y soient installées. Lors du téléchargement de ce fichier, les parties concernées
acceptent de fait la responsabilité de ne pas enfreindre les conditions de licence d'Adobe. Le Secrétariat central de l'ISO décline toute
responsabilité en la matière.
Adobe est une marque déposée d'Adobe Systems Incorporated.
Les détails relatifs aux produits logiciels utilisés pour la création du présent fichier PDF sont disponibles dans la rubrique General Info
du fichier; les paramètres de création PDF ont été optimisés pour l'impression. Toutes les mesures ont été prises pour garantir
l'exploitation de ce fichier par les comités membres de l'ISO. Dans le cas peu probable où surviendrait un problème d'utilisation,
veuillez en informer le Secrétariat central à l'adresse donnée ci-dessous.


©  ISO 2005
Droits de reproduction réservés. Sauf prescription différente, aucune partie de cette publication ne peut être reproduite ni utilisée sous
quelque forme que ce soit et par aucun procédé, électronique ou mécanique, y compris la photocopie et les microfilms, sans l'accord écrit
de l'ISO à l'adresse ci-après ou du comité membre de l'ISO dans le pays du demandeur.
ISO copyright office
Case postale 56 • CH-1211 Geneva 20
Tel. + 41 22 749 01 11
Fax. + 41 22 749 09 47
E-mail copyright@iso.org
Web www.iso.org
Publié en Suisse

ii © ISO 2005 – Tous droits réservés

---------------------- Page: 2 ----------------------
ISO 80416-4:2005(F)
Sommaire Page
Avant-propos. iv
Introduction . v
1 Domaine d'application. 1
2 Références normatives . 1
3 Termes et définitions. 2
4 Champ d'application. 2
4.1 Écrans et dispositifs de visualisation. 2
4.2 Documentation d'accompagnement. 2
4.3 Normes internationales. 2
5 Principes de mise en œuvre . 3
5.1 Usage général . 3
5.2 Types d'icônes . 3
5.3 Relation entre les symboles graphiques et les icônes. 3
5.4 Couleurs . 3
6 Réalisation d'icônes . 4
6.1 Généralités . 4
6.2 Dimensions de cellule . 5
6.3 Position de l'image graphique dans la cellule .5
6.4 Dessin du trait . 5
6.5 Création de variantes de résolution/de mise en œuvre. 7
6.6 Surfaces pleines . 7
6.7 Différenciation. 7
6.8 Représentation de flèches . 7
6.9 Icônes composites. 8
7 Comportements des icônes. 10
7.1 Généralités . 10
7.2 Indication d'état. 11
7.3 Icônes animées . 11
7.4 Icônes dynamiques. 11
8 Cohérence . 11
9 Orientation. 12
Annexe A (informative) Exemples de symboles graphiques adaptés comme icônes . 13
Annexe B (informative) Lignes directrices pour la conception de nouvelles icônes . 16
Bibliographie . 19

© ISO 2005 – Tous droits réservés iii

---------------------- Page: 3 ----------------------
ISO 80416-4:2005(F)
Avant-propos
L'ISO (Organisation internationale de normalisation) est une fédération mondiale d'organismes nationaux de
normalisation (comités membres de l'ISO). L'élaboration des Normes internationales est en général confiée
aux comités techniques de l'ISO. Chaque comité membre intéressé par une étude a le droit de faire partie du
comité technique créé à cet effet. Les organisations internationales, gouvernementales et non
gouvernementales, en liaison avec l'ISO participent également aux travaux. L'ISO collabore étroitement avec
la Commission électrotechnique internationale (CEI) en ce qui concerne la normalisation électrotechnique.
Les Normes internationales sont rédigées conformément aux règles données dans les Directives ISO/CEI,
Partie 2.
La tâche principale des comités techniques est d'élaborer les Normes internationales. Les projets de Normes
internationales adoptés par les comités techniques sont soumis aux comités membres pour vote. Leur
publication comme Normes internationales requiert l'approbation de 75 % au moins des comités membres
votants.
L'attention est appelée sur le fait que certains des éléments du présent document peuvent faire l'objet de
droits de propriété intellectuelle ou de droits analogues. L'ISO ne saurait être tenue pour responsable de ne
pas avoir identifié de tels droits de propriété et averti de leur existence.
Dans le but de rassembler dans une même série toutes les exigences concernant les principes de base pour
les symboles graphiques utilisables sur le matériel, le comité technique ISO/TC 145, Symboles graphiques et
pictogrammes, et le comité d’étude CEI/CE 3, Structures d’informations, documentation et symboles
graphiques se sont mis d’accord pour élaborer conjointement toutes les parties de la présente Norme
internationale et les publier dans la série 80416. Pour chacune des parties individuelles de cette série, une
seule des deux organisations est responsable. Les comités techniques concernés ont accepté de n’apporter
aucune modification à l’une des parties de la Norme internationale 80416 sans accord mutuel.
L'ISO 80416-4 a été ainsi élaborée conjointement par le comité technique ISO/TC 145, Symboles graphiques
et pictogrammes, et le sous-comité 3C, Symboles graphiques utilisables sur le matériel, du comité d'études
CEI/TC 3, Structures d'informations, documentation et symboles graphiques. Le projet a été soumis aux
organismes nationaux de l’ISO et de la CEI pour vote.
L'ISO 80416 comprend les parties suivantes, présentées sous le titre général Principes de base pour les
symboles graphiques utilisables sur le matériel:
 Partie 2: Forme et utilisation des flèches
 Partie 4: Lignes directrices pour l'adaptation de symboles graphiques utilisables sur les écrans et les
dispositifs de visualisation (icônes)
La CEI 80416-1, Création des dessins originaux de symboles, et la CEI 80416-3, Guide pour l'application des
symboles graphiques, sont publiées par la CEI.

iv © ISO 2005 – Tous droits réservés

---------------------- Page: 4 ----------------------
ISO 80416-4:2005(F)
Introduction
Un symbole graphique est une figure visuellement perceptible, utilisée pour transmettre des informations
indépendamment de la langue. Les symboles graphiques sont utilisés sur le matériel pour des objectifs
extrêmement divers. Pour de tels symboles, la cohérence dans la conception de familles de symboles utilisés
en un même endroit ou sur des matériels similaires aide les utilisateurs à comprendre la signification des
symboles. De même, la lisibilité est importante lorsque ces symboles sont réduits à de petites dimensions. En
conséquence, il est nécessaire de normaliser les principes pour la création de symboles graphiques
utilisables sur le matériel et ce, pour assurer la clarté sur le plan visuel, pour maintenir la cohérence et
améliorer ainsi la possibilité de reconnaissance du symbole.
La présente Norme internationale, qui comprend plusieurs parties, traite des règles de base appliquées pour
créer des symboles graphiques utilisables sur le matériel, y compris l'épaisseur des traits, la forme et
l'utilisation des flèches, les éléments de négation et l'utilisation de la grille de base qui sert de guide pour
dessiner des symboles. Ces principes de conception doivent être appliqués à tous les symboles graphiques
utilisables sur le matériel qui sont normalisés dans l'ISO 7000 et la CEI 60417.
Les icônes peuvent diminuer la complexité apparente d'une interface logicielle utilisateur, la rendant plus
facile à appréhender et à utiliser. La présente partie de l'ISO 80416 fournit des lignes directrices pour
l'adaptation de symboles graphiques utilisables sur les écrans et dispositifs de visualisation (icônes).
La présente partie de l'ISO 80416 traite principalement de l'adaptation des symboles graphiques utilisables
comme icônes. Cependant, ces lignes directrices peuvent également être utilisées pour l'élaboration d'icônes
lorsqu'il n'existe pas de symboles graphiques adaptés. L'Annexe B contient des lignes directrices
supplémentaires pour répondre à cet objectif. L’Annexe A fournit des exemples de symboles graphiques
adaptés comme icônes.

© ISO 2005 – Tous droits réservés v

---------------------- Page: 5 ----------------------
NORME INTERNATIONALE ISO 80416-4:2005(F)

Principes de base pour les symboles graphiques utilisables sur
le matériel —
Partie 4:
Lignes directrices pour l'adaptation de symboles graphiques
utilisables sur les écrans et les dispositifs de visualisation
(icônes)
1 Domaine d'application
La présente partie de l'ISO 80416 fournit des lignes directrices pour l'adaptation de symboles graphiques
utilisables sur les écrans et les dispositifs de visualisation (icônes) d'une large gamme de matériel tels que
matériel électrotechnique, photocopieurs, tableaux de bord de véhicules et appareils ménagers. Elle fournit
également des principes pour que les icônes restent fidèles aux symboles graphiques originaux.
2 Références normatives
Les documents de référence suivants sont indispensables pour l'application du présent document. Pour les
références datées, seule l'édition citée s'applique. Pour les références non datées, la dernière édition du
document de référence s'applique (y compris les éventuels amendements).
ISO 7000, Symboles graphiques utilisables sur le matériel — Index et tableau synoptique [Base de données
disponible à l'adresse ]
ISO/CEI 11581-2, Technologies de l'information — Interfaces pour système utilisateur et symboles —
Symboles et fonctions d'icônes — Partie 2: Icônes d'objet
ISO/CEI 11581-3, Technologies de l'information — Interfaces pour système utilisateur et symboles —
Symboles et fonctions d'icônes — Partie 3: Icônes de pointeurs
ISO/CEI 11581-5, Technologies de l'information — Interfaces pour système utilisateur et symboles —
Symboles et fonctions d'icônes — Partie 5: Icônes d'outils
ISO/CEI 11581-6, Technologies de l'information — Interfaces pour système utilisateur et symboles —
Symboles et fonctions d'icônes — Partie 6: Icônes d'action
CEI 80416-1, Principes de base pour les symboles graphiques utilisables sur le matériel — Partie 1: Création
des dessins originaux de symboles
ISO 80416-2, Principes de base pour les symboles graphiques utilisables sur le matériel — Partie 2: Forme et
utilisation des flèches
CEI 60417, Symboles graphiques utilisables sur le matériel [Base de données disponible à l'adresse
]
© ISO 2005 – Tous droits réservés 1

---------------------- Page: 6 ----------------------
ISO 80416-4:2005(F)
3 Termes et définitions
Pour les besoins du présent document, les termes et définitions donnés dans la CEI 80416-1 ainsi que les
suivants s'appliquent.
3.1
anti-crénelage
technique utilisant plusieurs intensités de couleur entre la couleur d'une ligne et la couleur du fond afin de
créer un effet avec des courbes plus lisses et moins de brèches sur les courbes et diagonales
3.2
défaut
option ou attribut déjà fourni par le système d'exploitation ou l'application, et que l'utilisateur peut modifier
3.3
icône
symbole graphique présenté sur un écran ou un dispositif de visualisation
NOTE Les icônes peuvent être statiques, interactives et changer par suite d'une intervention de l'utilisateur, ou
dynamiques et changer du fait de l'état du matériel.
3.4
éditeur d'icône
application logicielle spécifique (ou «outil») utilisée pour créer des fichiers d'icône
3.5
pixel
pel
le plus petit élément graphique traitable d'un écran ou d'un dispositif de visualisation
NOTE Le nombre de pixels mesuré horizontalement et verticalement indique généralement la résolution d'un écran
ou d'un dispositif de visualisation, par exemple 1 024 par 768 pixels.
4 Champ d'application
4.1 Écrans et dispositifs de visualisation
Les symboles graphiques utilisés comme icônes peuvent être présentés sur un écran ou un dispositif de
visualisation à l'aide d'une palette de couleurs complète ou limitée, ou en monochrome. Les icônes sont
présentées en variant les dimensions en fonction de la mise en œuvre spécifique du logiciel et des attributs
de la technologie d'affichage, par exemple les dimensions physiques de l'écran ou du dispositif de
visualisation et le nombre de pixels disponibles. Il peut être nécessaire de modifier le symbole original afin
d'assurer la clarté visuelle, à condition de conserver l'impression graphique originale.
4.2 Documentation d'accompagnement
Il convient que les symboles graphiques utilisés comme icônes et reproduits dans la documentation
d'accompagnement donnent la même impression visuelle que ceux utilisés sur l'écran ou le dispositif de
visualisation.
4.3 Normes internationales
Si les Normes internationales élaborées par les comités techniques contiennent des icônes adaptées à partir
de symboles graphiques comportant des numéros d'enregistrement de l'ISO 7000 et de la CEI 60417, il
convient d'illustrer chaque icône en faisant référence au numéro d'enregistrement du symbole graphique
original.
2 © ISO 2005 – Tous droits réservés

---------------------- Page: 7 ----------------------
ISO 80416-4:2005(F)
5 Principes de mise en œuvre
5.1 Usage général
Les icônes sont utilisées en grande partie dans des logiciels contemporains faisant intervenir des interfaces
graphiques utilisateur. Elles peuvent être statiques et utilisées uniquement pour l'identification ou le
renforcement visuel d'une description textuelle, ou bien faire appel à une fonction ou ouvrir un objet
sélectionné avec un pointeur. Les icônes peuvent également être animées ou dynamiques, et refléter l'état
actuel de l'objet représenté. Dans les systèmes d'exploitation contemporains (ou «plates-formes»), les icônes
ont des attributs variables et utilisent différents types de fichier. Les détails spécifiques de ces attributs et des
types de fichier ne sont pas traités dans la présente partie de l'ISO 80416.
5.2 Types d'icônes
Les types d'icônes suivants sont traités dans les différentes parties de l'ISO/CEI 11581:
 les icônes d'objet (ISO/CEI 11581-2);
 les icônes de pointeur (ISO/CEI 11581-3);
 les icônes d'outil (ISO/CEI 11581-5);
 les icônes d'action (ISO/CEI 11581-6).
NOTE 1 Les icônes d'action sont également appelées barre «d'outils».
NOTE 2 Certaines représentations graphiques peuvent être utilisées dans plusieurs types d'icône afin d'assurer une
fonctionnalité similaire. Par exemple, une icône d'imprimante pourrait être utilisée pour décrire l'imprimante en tant
qu'objet, pour démarrer l'impression et pour montrer l'état de l'imprimante ou le niveau d'encre.
5.3 Relation entre les symboles graphiques et les icônes
5.3.1 Cohérence
Lorsque le même symbole graphique est à la fois utilisé sur du matériel, sous forme imprimée ou gravée, et
présenté sur un écran ou un dispositif de visualisation sous forme d'icône, il est indispensable que sa
signification soit cohérente sur l'ensemble des champs d'application.
Il convient d'utiliser les symboles graphiques normalisés au niveau international en leur donnant uniquement
des significations spécifiées.
5.3.2 Adaptation de symboles graphiques existants
Il est indispensable que les nouvelles icônes soient des adaptations de symboles graphiques existants,
normalisés au niveau international, s'il existe un symbole graphique approprié ayant la même signification.
NOTE L'Annexe A donne des exemples de symboles graphiques existants, adaptés en tant qu'icônes.
5.4 Couleurs
5.4.1 Considérations d'ordre technique
Les palettes de couleurs par défaut varient selon le système d'exploitation. Lors de la création ou de
l'adaptation d'une icône, il est indispensable de tenir compte de la palette de couleurs par défaut du système
d'exploitation ou de l'environnement dans lequel l'icône sera utilisée, afin d'éviter d'obtenir des résultats autres
que ceux recherchés.
© ISO 2005 – Tous droits réservés 3

---------------------- Page: 8 ----------------------
ISO 80416-4:2005(F)
Pour des écrans ou dispositifs de visualisation utilisant des tubes cathodiques et des panneaux à cristaux
liquides, des icônes de 8 bit sont généralement utilisées (c'est-à-dire 256 couleurs). Cependant, certains
périphériques, les photocopieurs et les appareils ménagers par exemple, peuvent nécessiter des icônes de
2 bit (monochromes) ou de 4 bit (16 couleurs).
À l'intérieur d'une palette de couleurs de 4 bit, des couleurs supplémentaires peuvent être créées en
procédant à un mélange spatial de différentes couleurs, c'est-à-dire en réalisant un «damier» avec des
couleurs ayant les mêmes tonalités.
Il convient de ne procéder à un mélange spatial (ou «juxtaposition») que pour les couleurs ayant les mêmes
tonalités. Le mélange de couleurs de tonalités contrastées donnera des grilles visibles en «damier».
Pour les applications Web, il convient d'utiliser une palette de couleurs pouvant s'afficher de manière fiable
avec différents navigateurs.
5.4.2 Utilisation des couleurs
Il est important de tenir compte de toutes les icônes à utiliser afin de créer une impression visuelle
harmonieuse. Il convient de conserver les mêmes impression et équilibre chromatiques entre les icônes, sauf
s'il y une raison spécifique de procéder autrement.
Les couleurs saturées étant fortement dominantes, il convient de les utiliser avec parcimonie et pour des
besoins spécifiques, par exemple pour un avertissement ou un changement d'état.
Lorsqu'une icône est dérivée d'un signal d'avertissement normalisé, il convient de conserver la fidélité de la
couleur (voir l'ISO 3864-1).
Des contours gris et de couleur peuvent être utilisés pour créer un effet à trois dimensions ou un effet de
surbrillance/ombré sur de plus grandes icônes (par exemple 32 × 32 pixels). Pour de plus petites dimensions
(par exemple 16 × 16 pixels), des couleurs saturées et des contours noirs peuvent être utilisés pour que les
icônes soient plus facilement reconnaissables et compréhensibles.
NOTE Pour les objets ou fonctions «indisponibles», on affiche par convention les icônes correspondantes «grisées»,
c'est-à-dire sans couleur.
6 Réalisation d'icônes
6.1 Généralités
Les technologies contemporaines d'affichage, par exemple à cristaux liquides, à tube cathodique ou à plasma,
imposent certaines contraintes concernant la réalisation et la présentation des symboles graphiques sur les
écrans. Aux dimensions où les icônes sont conventionnellement affichées, il peut ne pas être possible de
conserver une largeur de trait constante ou des arcs réguliers.
Des outils de dessin vectoriel peuvent être utilisés pour réaliser des icônes. Cependant, il est courant
aujourd'hui de sauvegarder et d'afficher des icônes sous la forme d'images pixélisées, c'est-à-dire une série
de carrés colorés (représentant des pixels individuels) à l'intérieur d'une grille carrée ou rectangulaire
(la «cellule»).
Il est nécessaire de créer des variantes pour prendre en compte toutes les dimensions de cellule, palettes de
couleurs, etc., prises en charge par le système d'exploitation cible. Si les dimensions correctes ne sont pas
fournies, le système d'exploitation peut redimensionner automatiquement les icônes disponibles, supprimant
ou ajoutant des rangées et colonnes moyennes de pixels pour obtenir la dimension de cellule requise.
Ce processus donne des résultats inattendus et souvent indésirables et il est recommandé que chaque
variante de dimension requise soit créée individuellement par le concepteur de l'icône.
4 © ISO 2005 – Tous droits réservés

---------------------- Page: 9 ----------------------
ISO 80416-4:2005(F)
NOTE Certains systèmes d'exploitation identifieront la résolution d'affichage disponible et la palette de couleurs
utilisée et présenteront une combinaison appropriée de dimensions de cellule pour la résolution actuelle de l'écran. Il n'est
pas rare qu'un fichier d'icône contienne jusqu'à huit variantes de dimension de cellule et de palette de couleurs.
L'Annexe B donne des lignes directrices supplémentaires pour la conception de nouvelles icônes qui ne sont
pas adaptées de symboles graphiques existants et normalisés au niveau international.
6.2 Dimensions de cellule
Il existe des conventions bien établies dans les systèmes d'exploitation concernant les dimensions des
cellules de la plupart des types d'icône.
Les dimensions courantes des icônes sont 64 × 64, 48 × 48, 32 × 32, 16 × 16 et 8 × 8 pixels. Une dimension
de cellule de 24 × 24 pixels est également utilisée, mais elle est moins courante. Les dimensions définitives
des icônes dépendent d'une combinaison entre la dimension physique de l'écran et la palette de couleurs
utilisée, par exemple 640 × 480 pixels/4 bit, 800 × 600 pixels/8 bit, 1 024 × 768 pixels/24 bit, etc.
6.3 Position de l'image graphique dans la cellule
Pour positionner l'image graphique dans la cellule, il convient de tenir compte des conventions du système
d'exploitation selon les modalités suivantes.
 Certains systèmes demandent que l'image graphique se trouve à gauche et la base alignée à l'intérieur
de la cellule alors que d'autres systèmes centrent cette image horizontalement sur une ligne commune
au-dessus de la base de la cellule.
 Des icônes adjacentes ne devraient pas sembler se toucher. Il convient qu’un espace blanc suffisant
existe entre les extrémités extérieures de l’image et les côtés de la cellule pour éviter cela. Le fait que les
icônes adjacentes semblent se toucher ou non dépend de divers facteurs comprenant les réglages du
système d’exploitation pour le positionnement et l’empilage.
 Certains systèmes d'exploitation nécessitent une surface d'espace vide (transparent) autour de l'image
graphique pour indiquer l'état de l'objet (par exemple disponible/sélectionné/en cours
d'utilisation/indisponible). Par conséquent, il peut être nécessaire que l'image graphique soit plus petite
que celle conçue pour d'autres systèmes d'exploitation.
6.4 Dessin du trait
6.4.1 Généralités
Lorsque des traits d'un ou deux pixels de largeur sont dessinés, il n'est pas toujours possible de maintenir des
largeurs constantes pour les lignes diagonales ou les arcs réguliers de lignes courbes. La technique de
l'anti-crénelage (ajout de pixels moins saturés) peut améliorer la qualité visuelle.
6.4.2 Lignes diagonales
Les lignes horizontales et verticales apparaîtront à des largeurs constantes, mais les lignes diagonales de
même largeur apparente sont difficiles à réaliser: il faudrait une ligne diagonale de trois pixels pour
correspondre à une ligne horizontale de deux pixels, comme l'illustre la Figure 1.
© ISO 2005 – Tous droits réservés 5

---------------------- Page: 10 ----------------------
ISO 80416-4:2005(F)

Figure 1 — Exemples de largeurs de lignes diagonales (grossissement et taille finale)
Les lignes diagonales d'apparence régulière ne peuvent être obtenues qu'à des équivalents de 11,5°, 22,5°,
45,0°, 67,5° et 78,5°, c'est-à-dire par un «effet d'escalier» des pixels selon les rapports 1:3, 1:2, 1:1, 2:1 et 3:1,
comme l'illustre la Figure 2.

Figure 2 — Exemples de lignes diagonales régulières (grossissement et taille finale)
6.4.3 Lignes courbes
Un moyen d'obtenir des lignes de largeur plus régulière est de les anti-créneler soigneusement en utilisant les
mêmes couleurs. Les lignes peuvent toutefois apparaître floues et cette technique ne réussit que si les
bordures de l'icône et les couleurs du fond de l'écran sont fixes. La Figure 3 représente un cercle où le côté
gauche a été anti-crénelé et le côté droit laissé plein.

Figure 3 — Exemples d'anti-crénelage (grossissement et taille finale)
6 © ISO 2005 – Tous droits réservés

---------------------- Page: 11 ----------------------
ISO 80416-4:2005(F)
6.5 Création de variantes de résolution/de mise en œuvre
Des icônes simples visuellement aident la reconnaissance, l’interprétation et la mémoire. Il est recommandé
de commencer par concevoir l'icône pour une dimension de cellule plus grande, par exemple 48 × 48 pixels,
et d'avoir au maximum trois objets.
Il est également possible de commencer par définir la quantité minimale d'éléments nécessaires, en
s'assurant qu'ils conviennent pour la plus petite icône; les variantes plus grandes peuvent alors être créées,
en ajoutant plus de détails, le cas échéant.
Certains outils d'édition d'icônes fourniront des fonctions permettant d'étendre ou de rétrécir une image
donnée pour obtenir une nouvelle dimension de cellule. Ces fonctions peuvent être utiles et faire gagner du
temps, même si les images qui en résultent auront toujours besoin d'être éditées. Cependant, lorsque la
dimension de cellule augmente, soit plus de détails peuvent être ajoutés aux objets, soit plus d'objets peuvent
être ajoutés pour obtenir une icône plus riche visuellement. De même, si une icône plus petite est requise, il
est recommandé de réduire la quantité d'objets ou le niveau de détail, comme l'illustre la Figure 4.

NOTE Cette Figure illustre une représentation du symbole CEI 60417-5773: Image électronique, entrelacement.
Figure 4 — Exemples d'icônes de 32 ¥¥¥¥ 32, 24 ¥¥¥¥ 24 et 16 ¥¥¥¥ 16 pixels (grossissement et taille finale)
6.
...

Questions, Comments and Discussion

Ask us and Technical Secretary will try to provide an answer. You can facilitate discussion about the standard in here.