Connexion / Inscription Account
Jump to section

Les illustrations sont des éléments accrocheurs qui peuvent raconter une histoire mieux qu'une photographie ou une icône. Nous utilisons des illustrations pour raconter des histoires ouvertes et conceptuelles et nuancer des idées de manière authentique.

Types d'illustrations

Mini-illustrations
Les mini-illustrations présentent un concept unique et simple. Nous les utilisons pour illustrer un en-tête ou un texte. Elles sont légèrement plus complexes que les icônes, mais n'ont qu'une seule couleur (le rouge) et une texture en pointillés.

Illustrations bannières
Les illustrations bannières aident à raconter une histoire ou à présenter une idée dans un emplacement de petite ou moyenne taille. Elles accompagnent toujours un texte. Ces illustrations sont plus complexes que les mini-illustrations et ont entre 3 et 7 couleurs.

Cas d'usage des illustrations

Vous pouvez utiliser des illustrations quand un sujet est trop complexe ou abstrait pour être expliqué autrement et que les icônes ou schémas sont trop techniques. Si les schémas et diagrammes sont des moyens pratiques pour présenter des données, les illustrations permettent de créer une structure narrative ou de démontrer un concept. Elles fonctionnent aussi très bien pour les animations et les images animées, qui utilisent le même effet visuel.

Toutes nos illustrations sont :

Actives, pas passives.
Toute illustration doit exprimer un mouvement, une activité. Les personnages doivent être dynamiques. Ils ne doivent pas sembler statiques ou raides.

Professionnelles, pas fantaisistes.
Notre style est raffiné, en accord avec la nature complexe de nos produits. Nous évitons les éléments mignons, cartoonesques ou enfantins.

Informatives, pas décoratives.
Nos illustrations doivent attirer l'attention d'un public professionnel, intéressé par les logiciels d'entreprise. Nous ne souhaitons pas nous limiter au grand public.

Ouvertes, pas fermées.
Nous souhaitons représenter la diversité des gens et des pensées, car les meilleures idées peuvent venir de partout. Nous évitons donc les illustrations d'entreprise trop classiques.

Les couleurs dans les illustrations

Pour nos illustrations, nous préférons utiliser une palette de couleurs limitée plutôt que réaliste. Choisissez des couleurs dans la palette de notre marque pour illustrer votre message. Les palettes des couleurs peuvent être simples (1 à 2 couleurs) ou plus complexes (5 couleurs ou plus).

Palette minimaliste
Les palettes de couleurs minimalistes conviennent parfaitement à la plupart des illustrations de la marque. Choisissez des couleurs contrastées et utilisez des textures pour ajouter de la profondeur.

Palette riche
Les palettes de couleurs riches conviennent mieux aux illustrations percutantes conçues pour attirer l'attention. Choisissez des couleurs harmonieuses qui reflètent votre message et évitez les textures.

Sélectionnez une quantité limitée de couleurs parmi celles de notre palette.

Ne cherchez pas à rendre une image réaliste.

Lumière et ombre

Chaque illustration doit avoir une source d'éclairage bien définie. Utilisez des teintes et nuances cohérentes pour créer un jeu d'ombre et de lumière.

 

La lumière vient du coin supérieur droit, donc les objets projettent des ombres sur la gauche. L'ombrage de chaque élément doit sembler naturel et organique.

 

Utilisez des ombres pour mettre en évidence la masse et la profondeur des objets.

 

Servez-vous des ombres et de la lumière pour masquer les détails superflus.

 

Pour les ombres, utilisez des couleurs assorties avec le reste de la palette.

Choisissez une seule source d'éclairage et tenez-vous-y.

image

Évitez d'utiliser plusieurs sources d'éclairage.

Contraste
Utilisez des couleurs très contrastées. Les couleurs vives attirent le regard, tandis que les couleurs moins saturées ajoutent de la profondeur. Jouez avec les contrastes pour faire ressortir l'élément principal de l'arrière-plan.

 

Texture
Nous utilisons deux motifs pour ajouter de la texture à nos illustrations. Utilisez des textures pour accentuer certaines zones d'une illustration monochrome ou en complément d'une palette minimaliste. Évitez d'utiliser des textures pour remplir l'arrière-plan ou des zones trop étendues, sinon vos illustrations risquent d'être trop encombrées et difficiles à lire.

Utilisez une texture pour accentuer certaines zones dans une illustration comportant peu de couleurs.

Ne remplissez pas l'arrière-plan d'une texture et évitez d'en utiliser sur de trop grandes zones.

Diversité et inclusion

À travers nos illustrations, nous souhaitons encourager la diversité et l'inclusion. C'est pourquoi nous les partageons avec d'autres personnes (concepteurs, pairs, communautés Red Hat® pour la diversité et l'inclusion) qui nous donnent ensuite leurs impressions. Pour nous assurer de faire les meilleurs choix et de tenir compte de l'avis de tous, nous prenons le temps de faire des recherches, d'écouter et d'adapter nos dessins. À travers nos illustrations, nous cherchons à valoriser les personnes marginalisées à cause de leur apparence, de leurs capacités ou de leur identité.

Inspirez-vous de personnes réelles et utilisez des photos comme référence pour créer vos illustrations.

Nos illustrations montrent que chaque individu est différent et que ces différences sont les bienvenues. Nous nous basons sur des photos de personnes réelles pour éviter tous biais et stéréotypes non intentionnels. Nous n'avons pas le droit à l'erreur. Si nous manquons de temps pour passer par toutes les étapes précitées, nous préférons renoncer à représenter des individus et opter pour une autre solution. Nos illustrations représentent une communauté diversifiée et reflètent le monde tel qu'il est réellement.

Dessinez des visages aux traits et formes réalistes.

Ne créez pas des individus aux traits exagérément simplifiés.

Utilisez des personnes réelles en référence et stylisez-les en accord avec notre marque.

Ne recopiez pas des individus trait pour trait à partir d'une photo.

Basez-vous sur des images pour représenter les individus dans des positions naturelles et authentiques.

Évitez de représenter des individus dans des positions raides et non réalistes.

Représentez des individus diversifiés et utilisez des détails (vêtements, accessoires…) pour leur ajouter de la personnalité.

Évitez les dessins trop génériques qui ne communiquent aucun message.

Couleurs de peau
Au sein d'une illustration (ou d'une série d'illustrations), les couleurs de peau doivent être cohérentes et prendre en compte la diversité de notre public. Utilisez des teintes et nuances de rouge et de orange pour la peau, tout en évitant les couleurs trop vives. La couleur choisie pour les carnations doit s'accorder avec le reste de l'illustration. Par exemple, utilisez des couleurs de peau à base de rouge pour les illustrations avec des touches de rouge. Dans les illustrations monochromes, utilisez la couleur de l'arrière-plan pour toutes les carnations, plutôt qu'une texture ou une autre couleur.

Couleurs de peau à base de rouge

Couleurs de peau à base de orange

Dans les illustrations monochromes, utilisez la couleur de l'arrière-plan pour toutes les carnations.

Évitez les textures et les autres couleurs pour la peau dans les illustrations monochromes.