Outils

Ces outils sont gratuits, du moins en partie. Ils sont intuitifs et fonctionnent à peu près tous de la même façon : à partir d'un modèle (template), on crée sa propre infographie en ajoutant/ supprimant/modifiant des textes, des images, des fonds. On peut insérer ses propres images ou utiliser les bibliothèques des sites. On peut ensuite exporter, souvent en jpg ou en pdf, parfois partager sur les réseaux sociaux. Il est souvent demandé de créer un compte qui permet de sauvegarder ses créations.
https://www.canva.com/fr_fr/creer/infographies/(très complet, nombreux modèles gratuits, facile et ludique) Tuto_canva
https://easil.com/ (facile et complet, mais pas de partage sur les réseaux. Possibilité de commander des impressions pro payantes) Tuto_Easil

https://infogr.am/ (prise en main immédiate, beaux modèles)

http://www.easel.ly/ (très beaux modèles personnalisables, moteur de rechecrhe intégré)

https://piktochart.com/ (rendu professionnel)

http://creately.com/ (infographies, diagrammes, cartes mentales et mode collaboratif)

https://www.visme.co/  (similaire à canva, moins de modèles gratuits) Tuto_Visme
https://crello.com/fr/   (possibilité d'animer des images)  Tuto_Crello
https://desygner.com/
https://studio.polotno.dev/  sans inscription, peu de possibilités, basique.
rawpixel sur le modèle de canva
Pour réaliser des affiches :

http://www.pixteller.com/ (la galerie publique permet de copier les modèles des autres utilisateurs) tutoriel

Pour réaliser des infographies interactives, intégrables sur vos sites :

https://www.genial.ly/ (tutoriel1 tutoriel2)

 

Conseils pratiques

La charte graphique  assure la cohérence de l'ensemble et la lisibilité du message.
 
Le texte :
Pour garder la cohérence du message, on peut utiliser plusieurs polices, mais chaque niveau d'information doit utiliser le même police et la même taille. Le design de la police est lui aussi poteur de sens.
 
Les images :
il peut s'agir d'illustrations (taille importante) ou de logos (taille réduite). Dans tous les cas, il faut réfléchir à équilibrer les éléments et conserver les mêmes rapports de proportions.
Les couleurs
chosir un nombre limité de couleur ; un excès brouille le message et renvoie une image de désordre.
Le texte doit être lisible sur le fond choisi, sans agressivité.
 

La composition : On doit dégager des lignes de force qui traduisent un mouvement. Si l'on souhaite opposer des idées, il faut équilibrer la composition.

On doit utiliser un ou deux plans seulement et jouer avec l'échelle des éléments.

Les personnages sont valorisés, exagérés : taille, posture, regards, mouvements.

La règle des tiers, la composition pyramidale ou le point de vue en contre-plongée construisent l’image.

 
Les couleurs :
http://i1.wp.com/tulipemedia.com/wp-content/uploads/2012/03/cercle-chromatique.png?w=650
 
 
 
Utiliser le cercle chromatique 
- vous pouvez décliner une même gamme pour donner une impression de calme et d'équilibre
- choisir des couleurs chaudes pour un message agressif ou froides pour un message serein
- utliser des couleurs complémentaires pour dynamiser l'ensemble ; dans ce cas, aidez-vous d'un triangle ou d'un carré pour choisir les complémentaires sur le cercle.
- en fonction du public : Cible enfants : couleurs vives / Cible hommes : couleurs brutes / Cible femmes : couleurs pastels

couleur	signification	emploi
jaune	Joie, énergie, richesse	tourisme
orange	Bonheur, créativité, dynamisme	Tourisme, sport, divertissement
rouge	Passion, confiance , dynamisme, danger, colère	Luxe, sports, médias, marketing
rose	Douceur, féminité, amour	Femme, filles
violet	Discrétion, tristesse	Culture, politique
bleu	Calme, clarté, confiance	Nouvelles technologies, sciences, eau
vert	calme	nature
marron	fiabilité	Environnement, chocolat
blanc	pureté	Mode, actualité
gris	neutralité	Design, associations
noir	Sérieux, luxe	Cinéma, art, beauté

 
Quatre outils pour choisir sa palette :

• ColorZilla est un plugin pour Firefox et Chrome qui permet de copier la couleur d'un site.

 Sur http://www.colourlovers.com/photocopaon peut déterminer sa palette à partir d'une photo (il faut s'inscrire au préalable).

  http://abdigital.net/wp-content/uploads/Photocopa.jpg

• sur Paletton

            on peut jouer avec le cercle chromatique
            et visualiser sa palette.

• http://colrd.com/

permet de trouver l'inspiration

I Want Hue  permet aux utilisateurs de générer des palettes de couleurs en contrôlant les paramètres de la palette tels que la teinte (hue), la saturation (chroma), la luminosité (lightness) et le nombre de couleur voulu. Des options d’optimisation pour daltoniens et fonds sombres sont également sélectionnables. Grâce à son algorithme, l’outil optimise la distance perçue dans le sous-espace colorimétrique pour assurer une lisibilité maximale et produire des palettes de toutes tailles. Le site permet également de récupérer un générateur de palettes en javascript pour d’autres projets. Source : Mathieu Jacomy

   

 

 

Explorateurs de l'Imaginaire de Ophélie Calmont est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International.
Fondé(e) sur une œuvre à http://explorateurs2limaginaire.wifeo.com/.