Illustrations

Vue d'ensemble

Les illustrations transmettent du sens d'un coup d'œil, simplifient les idées complexes et améliorent la cognition par le biais de la narration visuelle. Elles permettent de combler le fossé entre les concepts techniques et la compréhension par les utilisateurs afin de rendre les idées abstraites plus concrètes et plus engageantes.

Les illustrations des produits et des services Cloudflare captent l'attention, suscitent la curiosité et guident efficacement les utilisateurs. Elles transforment les concepts intangibles en éléments visuels compréhensibles pour plus de clarté et d'accessibilité.

Principes fondamentaux

Simple et clair

Concentrez-vous sur l’essentiel. Évitez l'excès de détails inutiles pour que les éléments significatifs se démarquent. Utilisez des lignes nettes, des formes simples et une palette de couleurs minimale pour que les éléments visuels soient faciles à interpréter.

Ne vous contentez pas de dire...montrez !

Utilisez des métaphores et des analogies pour illustrer des idées complexes. L’illustration doit permettre à l’observateur de comprendre rapidement un concept, sans avoir besoin de beaucoup de texte.

La constance est essentielle

Suivez scrupuleusement la palette de couleurs, la typographie et l’épaisseur des lignes de la marque Cloudflare, et réutilisez les images emblématiques de la bibliothèque existante. C’est ce qui donne à toutes les illustrations une impression de cohérence dans le langage visuel de notre marque.

Représentation de la marque : garantir l’évolutivité

Assurer l’évolutivité

Les illustrations doivent être aussi lisibles et efficaces en petite taille qu’en grand format.

Soyez accessible

Pensez accessibilité dès la conception. Veillez à créer des lignes, des formes et des couleurs distinctes en utilisant des motifs, et des étiquettes pour différencier les éléments, en particulier s’ils ont des finalités différentes. Prévoyez un contraste entre les couleurs et des différentes versions des textes de description pour toutes les illustrations non décoratives, afin qu’elles soient compréhensibles par les personnes utilisant des lecteurs d’écran.

Représentation de la marque : infuser la marque

Insuffler une identité de marque

Nous utilisons des illustrations pour exprimer le caractère unique de notre marque. Elles doivent non seulement être claires, mais également immédiatement reconnaissables comme étant les nôtres. Adoptez notre langage visuel spécifique et intégrez notre palette de couleurs unique, notre esprit et nos singularités distinctes dans chaque élément.

Modèle et composition

Représentation de la marque : personnalités

Personnes et personnalité

La diversité fait partie intégrante de la manière dont nous illustrons les personnes chez Cloudflare. Les différentes caractéristiques, les teints de peau, les coiffures et les vêtements doivent être utilisés pour ajouter de la personnalité à nos illustrations et représenter la diversité de nos employés et de nos clients.

Télécharger les directives concernant la représentation des personnes

Représentation de la marque : isométrie 2D

2D et isométrique

Bien que le style soit principalement bidimensionnel, certaines illustrations utilisent un dégradé et des ombres subtils pour créer une impression de profondeur et de dimension. Cela évite une apparence trop simpliste. Dans certains cas, les illustrations isométriques transmettent mieux le sens.

À ne pas faire

Ne compliquez pas trop les visuels avec des éléments inutiles susceptibles de prêter à confusion ou de détourner l’attention des utilisateurs.

N’introduisez pas de styles ou de combinaisons de couleurs sans rapport avec celui-ci, car cela pourrait engendrer de la confusion et nuire à la reconnaissance et à la confiance dans la marque.

N’utilisez pas d’images stéréotypées ou trop utilisées qui manquent d’originalité. Cloudflare est unique à bien des égards. Concentrez-vous sur ce qui nous différencie.

Ne présentez pas les utilisateurs ou les environnements de manière homogène. Efforcez-vous de représenter la diversité des utilisateurs partout où vous le pouvez. Ne reproduisez pas de stéréotypes, de préjugés ou d’idées fausses qui engendrent des biais culturels.

Palette de couleurs

La palette de couleurs de notre style d’illustration est inscrite dans la marque Cloudflare. Elle comporte principalement des couleurs mandarine, mangue, rubis, framboise et cerise, ce qui donne une impression de chaleur et d’optimisme. Celles-ci sont complétées par une suite de couleurs plus froides, à l’image du bleu-violet foncé, du violet, du gris clair et du bleu clair, qui apportent équilibre et contraste. Le blanc est utilisé comme neutre fondamental, ce qui donne aux illustrations un aspect propre et moderne. L’effet global est professionnel, digne de confiance et subtilement dynamique.

Dans nos illustrations de marque, les couleurs rouge et verte sont utilisées à dessein. Le rouge représente un danger ou une menace évidente, ce qui suggère efficacement les cyberattaques, les violations de sécurité ou une action ayant échoué. À l’inverse, le vert inspire la sécurité, la réussite et la protection et évoque des connexions sécurisées, des défenses efficaces ou une action aboutie. L’utilisation constante de ces couleurs sur l’ensemble de nos visuels assure une expérience unifiée et intuitive à nos clients, afin de les aider à comprendre rapidement l’état de leur sécurité.