Download - Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Transcript
Page 1: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Présenté par BELMOKHE Hocine, enseignant Informatique, LPA Erstein, Année 2012/2013

Version 1.0, Septembre 2012

Cours d'Informatique

Classe de BTS DATR 1

-----------------------------------------------------------------------

Création de documents de communication

-----------------------------------------------------------------------

Création d'une Infographie

Page 2: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Table des Matières

1. Introduction

2. Conseils infographie

3. Exemples d'infographies

4. Sites création infographies

5. Création infographie: easy.ly

6. Manip

Page 3: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Introduction 1/1

✔ Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images qui mettent en scène des données ou qui illustrent des études deviennent des supports clés dans les actions de communication digitale. Elles sont le fruit d'entreprises ou d'agences qui souhaitent communiquer de manière percutante sur la toile. Tous les secteurs peuvent être représentés par les infographies : Internet, les réseaux sociaux, les RH, l'environnement, etc.;

✔ Les raisons de ce succès sont nombreuses et démontrent (encore) un tournant dans les attentes des internautes;

✔ En effet, l'internaute est souvent submergé par une masse d'informations qu'il met du temps à digérer. De ce fait, il devient de plus en plus sensible au visuel. Il s'arrête souvent sur ce qui attire son regard (les images, les couleurs, ...) et sur ce qui l'aide à comprendre les choses rapidement;

✔ L'infographie est donc appréciée par l'internaute parce qu'elle lui facilite la vie: elle lui donne des clés de compréhension assimilables facilement;

✔ C'est aussi pour ces raisons que les internautes partagent plus facilement des contenus visuels que des liens de blogs ou des textes.

Page 4: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Conseils Infographie 1/2

✔ 1. Pertinence:

✔ Commencez par faire de la veille afin de trouver un sujet qui n'est pas encore traité sur votre marché et qui correspond aux attentes de votre public. Si le sujet existe déjà, essayez alors de trouver un angle nouveau, une approche différente. Cela vous demandera peut-être de commander une étude ou d'en réaliser une pour obtenir des chiffres intéressants pour vos clients ou prospects. Comprenez que votre infographie doit vraiment apporter quelque chose si vous souhaitez qu'elle soit partagée. Vous trouverez plusieurs exemples à la fin de cet article;

✔ 2. Design:

✔ Comme nous l'avons vu plus haut, la qualité de votre image sera primordiale pour 2 raisons : accrocher le regard de l'internaute et faire comprendre facilement une information parfois complexe. Il faudra aussi être vigilant sur le format et concevoir une image pas trop large de sorte à ce qu’elle tienne sur un blog ou un site web. Enfin, il faudra intégrer de manière "intelligente" et cohérente votre identité (logo, nom, contact, etc.);

Page 5: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Conseils Infographie 2/2

✔ 3. Diffusion:

✔ Si vous voulez que votre infographie soit reprise et relayée sur le web, un travail de fond devra être mis en place: étude de votre écosystème pour trouver les acteurs influents de votre marché, prise de contact pour apprendre à les connaître, envoi d'un communiqué expliquant votre infographie accompagné de l'image au format JPEG en haute qualité, suivi, ... N'oubliez pas aussi de poster votre infographie sur les plateformes de partage comme Pinterest, Flikr, etc.

Page 6: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Exemples d'infographies 1/1

✔ Cliquez sur les intitulés ci-dessous afin d'avoir un exemple d'infographie en fonction d'une thématique:

✔ 1. L'infographie pour illustrer une étude;

✔ 2. L'infographie pédagogique pour sensibiliser;

✔ 3. L'infographie qui sert d'offre d'emploi;

✔ 4. L'infographie pour présenter son entreprise ou un service;

✔ 5. L'infographie pour présenter un métier;

✔ 6. L'infographie pour analyser une situation;

✔ 7. L'infographie pour faire un état des lieux;

✔ 8. L'infographie pour raconter l'histoire d'une marque;

✔ 9. L'infographie pour présenter un sujet sérieux avec un ton humoristique.

Page 7: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Sites création infographies 1/1

✔ Si vous désirez concevoir votre infographie vous-même sans maîtrise de logiciel de PAO, vous pourrez toujours tester des sites qui proposent des services gratuits. Par exemple:

✔ easel.ly: permet de créer et partager en ligne des infographies (plusieurs thèmes disponibles et modifiables);

✔ Infogr.am: intéressant quand on a 2-3 chiffres à partager, mais plutôt limité dans l'ensemble;

✔ Vizualize.me: permet de générer automatiquement une infographie de votre profil Linkedin. Un vrai complément 2.0 à votre CV!

À noter que la majorité des sites fournissant des prestations gratuites sont en version Bêta

Page 8: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 1/10

✔ Je vais vous présenter l'outil easy.ly, facile à prendre en main et disposant de plusieurs thèmes aisément modifiables. Avant de pouvoir utiliser l'outil, il vous faut créer un compte:

Page 9: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 2/10

✔ Vous trouverez en haut de page les infographies que vous avez réalisées (vide lors de la création du compte):

Page 10: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 3/10

✔ La colonne en dessous vous permet de visualiser les différents thèmes que propose l'outil:

Page 11: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 4/10

✔ Cliquez sur le thème que vous souhaitez modifier. Une fois ce dernier ouvert, le thème sélectionné s'affiche et fait apparaitre un menu en haut de page:

✔ Le menu „Vhemes“ permet de sélectionner et modifier le thème de l'infographie:

✔ Le menu „Objects“ permet d'insérer des objets listés par catégorie (par glisser/déposer):

Page 12: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 5/10

✔ Le menu „Background“ permet de modifier la couleur de fond de l'infographie:

✔ Le menu „Shapes“ permet d'insérer différentes formes dans l'infographie:

✔ Le menu „Text“ permet d'insérer des zones de texte (par glisser/déposer):

Page 13: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 6/10

✔ Le menu „Upload“ permet d'insérer en fond une image présente sur votre ordinateur:

✔ Le menu vous permet aussi de zoomer/dezoomer votre infographie:

✔ Le bouton „grid“ permet d'afficher un cadrillage sur votre infographie afin de cadrer correctement les différents éléments:

✔ Le bouton „undo“ annule la dernière action (équivalent à Ctrl Z):

Page 14: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 7/10

✔ Le menu „Home“ permet de quitter l'outil de création et de se positionner en page principale:

✔ Le menu „Save“ vous permet de sauvegarder la création de votre infographie:

✔ Le bouton „Open“ permet d'ouvrir les infographies que vous avez créées:

Page 15: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 8/10

✔ Le menu „Clear“ permet de supprimer l'infographie:

✔ Une fois votre infographie réalisée et sauvegardée, cliquez sur le menu „Home“ afin de vous rendre sur votre page d'accueil puis sur „view | share“:

Page 16: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 9/10

✔ Une nouvelle fenêtre vous permet:

✔ De télécharger l'infographie au format .jpg („download“);

✔ De visualiser l'infographie sur un navigateur („view in browser“);

✔ De partager l'infographie via une URL („web link“);

✔ D'insérer l'infographie dans un site Internet („embed link“);

✔ De partager votre infographie avec les utilisateurs d'easy.ly („public“) ou de la garder en privé („private“);

✔ De supprimer l'infographie en cliquant sur l'icône de poubelle (en bas à droite).

Page 17: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Création infographie: easy.ly 10/10

Page 18: Cours d'Informatique Classe de BTS DATR 1erstein.info.free.fr/Cours/BTS/Infographie.pdf · Introduction 1/1 Quotidiennement, le Web voit fleurir de nouvelles infographies. Ces images

Manip. 1/1

✔ Je vous laisse découvrir l'outil, faites des essais avec les différents thèmes, les différents objets, etc.

✔ Une fois l'outil en main, réfléchissez à un sujet d'infographie, préparez le en amont par exemple en cherchant sur Internet les chiffres et autres données qu'il vous faut, etc. Après cette période d'analyse, créez l'infographie et exportez-la au format .jpg. ✔ J'ai par exemple réalisé une infographie succinte du pourcentage d'internautes en France de 1990 à 2010 en fonction de la population. Les données ont été trouvé à cette adresse. Pour accéder à mon exemple, cliquez içi.