Jump to section

Les illustrations sont des éléments accrocheurs qui peuvent raconter une histoire mieux qu'une photographie, un schéma technique ou une icône. Elles sont particulièrement adaptées aux présentations, pages web, animations et images animées. Nous utilisons des illustrations pour raconter des histoires ouvertes et conceptuelles et pour nuancer des idées de manière authentique.

Illustration of a man at his computer with an illustrated background metaphorically representative of an open hybrid cloud environment
Actives, pas passives

Nos illustrations doivent donner l'impression de mouvement, traduire une activité. Les personnages représentés sont réalistes et dynamiques, pas simplistes ni statiques.

Expressives, pas superficielles

Notre style est raffiné et pensé pour cadrer avec la nature complexe de nos produits. Nos illustrations sont faciles à comprendre, sans être caricaturales ni enfantines.

Informatives, pas décoratives

Nos illustrations ne sont pas seulement accrocheuses. Elles doivent compléter et enrichir le message qu'elles accompagnent, raconter une histoire autour de nos technologies et des activités de nos clients.

Ouvertes, pas fermées

Nous souhaitons représenter la diversité des individus et des pensées, car les meilleures idées peuvent venir de partout. Nous y incluons des personnages et environnements très variés qui sortent des stéréotypes sur les entreprises du secteur des technologies.

Types d'illustrations

Nous utilisons deux types d'illustrations : les mini-illustrations et les illustrations bannières. Les mini-illustrations sont monochromes et conviennent surtout aux petits espaces. Les illustrations bannières sont plus colorées et représentent des concepts et histoires plus complexes.

Mini-illustrations
Illustrations bannières

Mini-illustrations

Les mini-illustrations présentent un concept unique. 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.

Global Fortune 500 mini-spot illustration social card example

Les mini-illustrations conviennent particulièrement bien aux petits espaces où une simple icône semblerait trop petite ou pas assez détaillée.

T-shirt with mini-spot illustration artwork

Les mini-illustrations sont idéales sur les supports où le nombre de couleurs est limité.

Mini-spot illustration

Do this

Utilisez les mini-illustrations telles quelles.

Mini-spot illustration being distorted and filled in with other colors

image

Ne modifiez pas les mini-illustrations : pas de déformation, de combinaison, d'ajout de couleur ni d'autre transformation.

Mini-spot illustration at a legible size

Do this

Utilisez une taille qui permet de distinguer tous les détails des mini-illustrations.

Mini-spot illustration being used in place of an icon in a social card

image

N'utilisez pas de mini-illustrations à la place d'icônes.

Mini-spot illustration

Do this

Utilisez les mini-illustrations seules, comme des éléments indépendants qui racontent une histoire complète.

Mini-spot illustration layered with standard icons

image

Ne combinez pas plusieurs types d'illustrations ou d'icônes dans une même image.

three mini-spot illustrations used on a presentation slide

Do this

Choisissez toujours le même type d'illustration pour le même usage donné.

Two mini-spot illustrations and one spot illustration being used on a presentation slide

image

N'utilisez pas plusieurs types d'illustrations pour un même usage donné.

Illustrations bannières

Les illustrations bannières aident à transmettre des idées ou histoires plus complexes que les mini-illustrations, dans des espaces plus grands. Elles se basent sur une palette de couleurs harmonieuses, mais pas forcément réalistes, sélectionnées parmi nos couleurs principales. Si besoin, il est possible d'ajouter d'autres couleurs de notre cercle chromatique.

Cloud/Kubernetes illustration in Red Hat's core colors
Palette minimaliste

La palette minimaliste de couleurs convient parfaitement à la plupart des illustrations de la marque. Nous choisissons des couleurs contrastées et utilisons des textures pour ajouter de la profondeur.

Automation playbook illustration using colors from Red Hat's extended color wheel
Palette riche

La palette riche de couleurs convient mieux aux illustrations percutantes conçues pour attirer l'attention. Le rouge y est toujours présent, afin que les illustrations rappellent toujours Red Hat.

Spot illustration

Do this

Utilisez les illustrations bannières telles quelles.

Spot illustration being distorted

image

Ne modifiez pas les illustrations bannières : pas de déformation, de combinaison, d'ajout de couleur ni d'autre transformation.

Spot illustration at a legible size

Do this

Utilisez une taille qui permet de distinguer tous les détails des illustrations bannières.

Spot illustration being used in place of an icon

image

N'utilisez pas d'illustrations bannières à la place d'icônes.

Spot illustration

Do this

Utilisez les illustrations bannières seules, comme des éléments indépendants qui racontent une histoire complète.

Spot illustration layered with standard icons and mini-spot illustrations

image

Ne combinez pas plusieurs types d'illustrations ou d'icônes dans une même image.

Three spot illustrations used on a presentation slide

Do this

Choisissez toujours le même type d'illustration pour le même usage donné.

Two spot illustrations and one mini-spot illustration being used on a presentation slide

image

N'utilisez pas plusieurs types d'illustrations pour un même usage donné.

Représentation dans les illustrations

À travers nos illustrations, nous souhaitons encourager la diversité, l'équité et l'inclusion. C'est pourquoi nous les partageons avec d'autres personnes (concepteurs, pairs, communautés Red Hat pour l'équité, 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é.

Nos illustrations représentent une communauté diversifiée et reflètent le monde tel qu'il est réellement. Nous nous basons sur des photos de personnes réelles pour éviter tous biais et stéréotypes non intentionnels.

4 examples of diverse representation within Red Hat's illustration style