Infographies

Une infographie est une illustration informative, une restitution graphique d’informations sous la forme de graphiques, de diagrammes ou d’autres types d’illustrations. Ce document sert de support lors de la conception d’infographies pour Bebat.

Il contient quelques exemples classés sous différents types d’infographies. En outre, quelques directives doivent être suivies lors de la conception de nouvelles infographies.

Types d’infographies

Nous pouvons répartir les infographies de Bebat en différents types. Vous trouverez ci-dessous une liste d’exemples correspondants.

Statistique

Pour présenter des résultats d’enquêtes, des données ou des arguments, une infographie statistique constitue le meilleur choix.

L’infographie statistique met l’accent sur les données. La mise en page et les visuels aident à raconter l’histoire qui se cache derrière les données. Le soutien visuel peut prendre la forme de graphiques, de pictogrammes, d’illustrations ou de polices de caractères particulières.

Informative

Une infographie informative constitue le meilleur choix pour communiquer clairement sur un nouveau concept ou pour donner un aperçu d’un sujet. Généralement, une infographie informative est répartie en sections avec des titres descriptifs.

En numérotant les sections, vous guidez les observateurs à travers l’infographie. Des illustrations peuvent encore être ajoutées à ces différentes sections en guise de soutien visuel.

Ligne du temps

Une ligne du temps est utilisée pour visualiser l’histoire, pour marquer des dates importantes ou pour donner un aperçu des événements.

Des outils visuels comme des lignes, des pictogrammes, des photos et des étiquettes aident à marquer et à expliquer des points dans le temps.

Plan par étapes et processus

Tandis qu’une infographie ligne du temps marque des points dans le temps, une infographie processus représente la meilleure option pour proposer un résumé ou un aperçu des étapes d’un processus.

La plupart des infographies de processus suivent un flux simple de haut en bas ou de gauche à droite. Lorsqu’il s’agit d’un cycle, les informations sont placées dans un cercle pour indiquer clairement qu’il s’agit d’un processus récurrent. En numérotant les étapes, le processus est facile à suivre. Ce n’est pas obligatoire, mais cela garantit une communication plus claire.

Géographique

Comparaisons

Des comparaisons sont utilisées pour corroborer certaines informations. En fonction de la quantité de données, cela peut être restitué différemment. Des icônes ou des illustrations aident à préciser le contexte de comparaison.

Graphiques

Des graphiques peuvent être utilisés pour restituer de grandes quantités de données dans une représentation visuelle. Il peut s’agir de différents types de graphiques (diagramme circulaire, histogramme…) en fonction de l’information que vous souhaitez transmettre.

Directives

L’objectif est que les infographies traduisent parfaitement le style de Bebat. À cet effet, quelques directives sont formulées afin d’aider à le traduire au mieux.

Usage des couleurs

Les infographies utilisent essentiellement les couleurs principales. Si les couleurs principales ne sont pas suffisantes, les infographies et graphiques peuvent être complétés avec des couleurs dérivées des couleurs principales.

Utilisez les couleurs de marque lorsque le graphique raconte quelque chose sur la marque. Si davantage de couleurs sont nécessaires, utilisez des nuances éloignées de la couleur de marque pour offrir un contraste suffisant. C’est surtout le cas pour les graphiques des applications corporate.

Utilisez les couleurs de marque combinées à des couleurs contextuelles si les nuances ne sont pas suffisantes ou si davantage de couleurs sont souhaitées. Les différentes couleurs permettent d’obtenir un plus grand contraste. Cela peut être le cas pour des graphiques destinés à des élèves/écoles afin de les rendre un peu plus agréables et ludiques pour ce groupe cible.

  • Zand

    • RGB rgb(162,147,135)
    • HSL hsl(26.67,0.13,0.58)
    • HEX #a29387
    • CMYK 34-35-40-16
    • Pantone Warm Grey 7 C
  • Groen

    • RGB rgb(175,202,11)
    • HSL hsl(68.48,0.9,0.42)
    • HEX #afca0b
    • CMYK 40-0-100-0
    • Pantone 390 C
  • Gras groen

    • RGB rgb(0,154,68)
    • HSL hsl(146.49,1,0.3)
    • HEX #009a44
    • CMYK 94-2-95-0
    • Pantone 347 C
  • Lime

    • RGB rgb(196,214,0)
    • HSL hsl(65.05,1,0.42)
    • HEX #c4d600
    • CMYK 33-0-100-0
    • Pantone 382 C