Charte graphique numérique

Iconothèque

Voici un jeu d'icônes qui peut être utilisé pour les interfaces des produits numériques de Radio France.

obligation Une icônes doit être choisie pour son sens, et non pour son apparence.

Ne pas respecter cette règle induit des contresens. Par exemple, une même icône peut se retrouver à signifier deux choses différentes d'une interface à l'autre, or c'est exactement ce qu'on cherche à éviter.

Certaines de ces icônes ont une version "mini" qui correspond à un pictogramme, c'est-à-dire dont le dessin simplifié est nécessaire pour lui permettre d'être utilisé au sein d'un texte.

Cette collection est vivante, elle est ammenée à évoluer et à se compléter au fur et à mesure des besoins.

Symboles d'actions

Illustre / identifie une action.

Aller/déplacer vers le haut
Aller/déplacer vers la droite
Aller/déplacer vers le bas
Aller/déplacer vers la gauche
Aller/déplacer tout en haut
Aller/déplacer tout à droite
Aller/déplacer tout en bas
Aller/déplacer tout à gauche
Ajouter/voir plus
Soustraire/voir moins
Ouvrir/accéder à un menu
Ouvrir/accéder à un menu secondaire
Chargement en cours (animé en rotation)
Afficher/lancer la recherche
Aller à l'accueil
Fermer
Recharger/rafraîchir
Télécharger
Lancer un appel téléphonique
Accéder aux réglages
Activer la géolocalisation
Choisir une locale
Copier
Couper
Coller
Agrandir/zoomer
Réduire/dézoomer
Passer en plein écran
Sortir du plein écran
Trier par ordre ascendant
Trier par ordre descendant
Afficher en liste
Afficher en grille

Typologies

Définit une nature/un type dans un contexte.

Ceci est une durée
Ceci est un heure (le moment précis, pas la durée)
Ceci est en rapport avec une ou des applications (mobiles/tablettes)
Ceci est un contenu image
Ceci est un contenu audio
Ceci est un contenu vidéo
Ceci est un lien
Ceci est un lieu
Ceci est un ou des commentaires
Ceci est une date
Ceci est un moment/rendez-vous (date et heure)
Ceci est (ou active/désactive) un contenu haute définition
Ceci est un lien externe (qui vous fait sortir du site ou de l'application)
Ceci est une confirmation
Ceci est une information, un à propos
Ceci est important et nécessite votre attention
Ceci a des conséquences importantes et nécessite votre confirmation
Ceci vous est interdit ou vous a été refusé
Ceci est un message d'aide ou active/désactive un système d'aide
Ceci est un message d'aide à l'écoute ou active/désactive un système d'aide à l'écoute
Ceci est en rapport avec un ou des utilisateurs

Écoute / lecture

Lancer la lecture
Mettre en pause le son
Arrêter la lecture
Aller au précédent/début
Aller au suivant
Aller plus tôt dans le temps
Aller plus tard dans le temps
Accéder au réglage du volume sonore
Couper le son
Remettre le son

Partage / abonnement

Envoyer ce contenu par mail
Envoyer ce contenu par SMS
Partager ce contenu (sur les réseaux sociaux)
Accéder au code du player exportable
Ceci est en rapport avec un ou des Podcasts
Accéder au code du flux RSS du contenu
Ceci est en rapport avec une ou des newsletters

Réseaux sociaux

Apple Music
Dailymotion
Facebook
Instagram
LinkedIn
Mastodon
Medium
PeerTube
Pinterest
Snapchat
SoundCloud
Twitter
WhatsApp
YouTube

conseil Attention : il convient de respecter les règles inhérentes à chaque réseau social pour l'usage de leurs logos (pictos, badges, etc.) respectifs. Merci de vous documenter sur ces règles auprès des plateformes directement.