Skip to main content

Créations Visuelles : bonnes pratiques et conseils !

Cet article propose une liste de conseils et de bonnes pratiques pour les utilisateurs de la plateforme Beedeez qui souhaitent créer du contenu visuel efficace.

Source: https://support.beedeez.com/fr/creations-visuelles

Créations Visuelles : bonnes pratiques et conseils !

Cet article propose une liste de conseils et de bonnes pratiques pour les utilisateurs de la plateforme Beedeez qui souhaitent créer du contenu visuel efficace.​

Le contenu visuel est un élément clé de la communication en ligne, mais il peut être difficile de savoir comment créer des images et des graphiques de qualité qui attirent l’attention des utilisateurs.

En suivant ces pratiques, vous pourrez améliorer la qualité de vos visuels, renforcer votre marque et rendre votre contenu accessible à tous les utilisateurs.

Type d’images​

Les images peuvent avoir des fonctions différentes : certaines ont un but pédagogique, comme les infographies ou les story learning, tandis que d'autres sont illustratives comme les texte-image ou les flash-cards.

Il est fortement recommandé pour les images illustratives de ne pas intégrer de texte, ni de prendre le pas sur le contenu pédagogique. Quant aux visuels ayant un objectif d'apprentissage, ils doivent appliquer certaines règles pour garantir lisibilité et accessibilité. Le contexte et la fonction de chaque image doivent être pris en compte lors de la création de contenu pédagogique.

Accessibilité : Rendez vos visuels plus accessibles en suivant ces bonnes pratiques :​

  • Texte dans des images​

Il est conseillé de ne pas inclure de texte dans vos images illustratives. Nous vous recommandons plutôt d’inclure le texte directement dans le corps du contenu pédagogique.

Pour des images à but pédagogique, utilisez des polices lisibles. Les polices difficiles à lire peuvent altérer la compréhension de vos contenus. Utilisez des polices lisibles, de préférence sans empâtement, et évitez les polices fantaisistes. De plus, assurez-vous de bien traduire vos visuels, afin de les rendre accessibles à tous vos apprenants.

  • Nom de l’image​

Il est préférable de renommer les images de manière descriptive, afin de faciliter la compréhension du visuel pour les personnes utilisant la navigation vocale de leur appareil. De plus, un nom de fichier clair et explicite facilitera la gestion de vos images et leur organisation sur votre appareil. Vous pourrez également renommer les fichiers depuis votre back-office, sur la bibliothèque de média.

  • Contraste de couleur​

Le contraste de couleur est important pour rendre le texte et les images visibles et lisibles pour tous les utilisateurs, y compris ceux ayant un handicap visuel.

Ainsi, assurez-vous que le contraste de couleur entre le texte et l'arrière-plan soit suffisant. Pour les images, assurez-vous que les couleurs sont assez contrastées pour que les détails soient clairement visibles.

    • Utilisez des couleurs complémentaires. Elles peuvent aider à améliorer le contraste et à rendre les images plus attrayantes. Les couleurs complémentaires sont celles qui se trouvent à l'opposé l'une de l'autre sur le cercle chromatique. Par exemple, le rouge et le vert sont des couleurs complémentaires.

Complementaires

    • Évitez d'utiliser des couleurs similaires, pouvant rendre les images difficiles à lire, notamment pour le texte et l'arrière-plan, ou pour les éléments d'une image.

To_do_contrast_final

Bonnes pratiques

  • Qualité de l'image​

Utilisez des images de haute qualité : les images floues ou pixelisées peuvent dégrader l’expérience pédagogique. Assurez-vous d'utiliser des images de haute qualité pour que votre contenu visuel soit attrayant.

💡 Vous pouvez vérifier la taille de l’image sur le back office en survolant le ℹ️ à côté du bouton “ajouter une image” (ex : 700x350 pixels, 500x500 pixels)

content_img_fr img_size_fr

👉  Cet article explique les tailles des visuels à respecter au travers du back-office.

  • Optimisation de l'image​

Utilisez des images optimisées pour le web : les images trop grandes/lourdes peuvent ralentir le temps de chargement de votre plateforme. Assurez-vous d'optimiser vos images afin d'améliorer la vitesse de chargement de chaque page.

Bien que le poids d’une image puisse varier en fonction de plusieurs facteurs, en général si l’image dépasse 1 Mo, il vaut mieux la compresser avant de la téléverser vers Beedeez.

Size_mac_fr Size_windows_fr

  • Cohérence de la couleur​

Lorsque vous choisissez des couleurs pour vos visuels, il est important de choisir des couleurs qui vont bien ensemble pour créer des combinaisons de couleurs harmonieuses.

Elles renforcent la cohérence des contenus de votre plateforme. Utilisez si possible des couleurs qui soient en accord avec votre charte graphique.

Par exemple, vous pouvez utiliser des couleurs complémentaires comme expliquées auparavant, mais il existe également d’autres combinaisons de couleurs harmonieuses.

    • Les “couleurs triadiques” sont trois couleurs également espacées sur le cercle chromatique comme le cyan, le jaune et le magenta.

Triadique

    • La combinaison de couleurs "complémentaires adjacentes" utilise deux couleurs qui se trouvent côte à côte sur le cercle chromatique, et une couleur complémentaire en face. Par exemple, vous pouvez utiliser le vert et le rouge avec une touche de cyan pour créer une combinaison complémentaire adjacente.

Comp_adjacente

  • Garder une cohérence graphique​

Il est important de ne pas mélanger les styles graphiques pour maintenir une apparence cohérente sur l'ensemble de vos visuels. On peut être tenté d'utiliser différents styles graphiques pour différentes pièces de contenu, mais il faut garder à l'esprit que la cohérence graphique globale de votre contenu est importante.

Définir un style graphique crée une expérience utilisateur fluide et de qualité pour vos apprenants. Cela peut inclure des éléments tels que la palette de couleurs, les formes et les motifs ou le type d’image (illustration, photo, 3D, etc).

 💡 Utilisez des banques d’illustration : Undraw, Manypixels, Themeisle. Le principe est simple : choisir une couleur principale, rentrer les mots-clés pour trouver les illustrations adéquates. En utilisant des banques de ce genre, on s’assure d’avoir une cohérence au niveau du style graphique à travers les couleurs et le type d’image.

  • Rester simple​

Évitez les images trop chargées, pouvant distraire les utilisateurs et rendre votre contenu visuel confus. Essayez de garder vos images simples et claires.

surcharge_dont_do

→ L’image 1 est surchargée, par les deux illustrations qui la composent et des trop nombreux éléments qui en font une image incompréhensible.

→ L’image 2 est plus simple, ce qui la rend plus claire et compréhensible.

  • Contenu pertinent​

Utilisez des images pertinentes. Elles doivent être en lien avec le contenu et aider à véhiculer le message que vous voulez transmettre.

Si vous le pouvez, utilisez des images originales. Elles rendront vos contenus uniques, mémorables et attireront l’attention de vos apprenants.

  • Tests de vos visuels​

Testez bien vos visuels avant de les publier ! Assurez-vous qu'ils soient compréhensibles et qu'ils s’affichent correctement sur tous vos appareils.

  • Respect des droits d'auteur​

Vérifiez les droits d'auteur avant d'utiliser des images ou des visuels dans votre contenu. Assurez-vous que vous avez le droit de les utiliser. Les images peuvent être protégées, ce qui signifie que vous devez obtenir l'autorisation du propriétaire avant de les utiliser. Si vous n'êtes pas sûr des droits d'auteur d'un visuel, il est préférable de ne pas l'utiliser.

Nous vous recommandons d’utiliser des banques d'images et d’illustrations libres de droits. Il en existe un grand nombre. Ces images peuvent être utilisées gratuitement ou moyennant un paiement, en fonction des conditions de la banque d'images.

💡  Voici quelques exemples de banques d'images libres de droits :

Il est important de vérifier les conditions d'utilisation d'une image libre de droits pour s'assurer de son utilisation. Par exemple, pour une image trouvée sur un site web, vérifiez si vous pouvez l'utiliser dans un projet commercial et si une attribution est requise afin d'éviter des problèmes de droits d'auteur et de respecter les conditions de la licence de l'image.

À vous de jouer !​

👉 Si vous souhaitez en savoir plus sur l'utilisation de Canva dans la création de vos visuels, cliquez ici.