Voir la source de Communiquer efficacement : principes et astuces en communication visuelle

{{tutoriel UniTICE
|fait_partie_du_cours=Digital skills @ FPSE
|fait_partie_du_module=Communiquer efficacement : principes et astuces en communication visuelle
|pas_afficher_sous-page=Non
|page_precedente=Digital skills @ FPSE
|page_suivante=Principes du design visuel
|editeur=Utilisateur:Kalli
|dernière_modif=2021/03/15
|difficulté=débutant
|pages_section=Principes du design visuel, Définir un message unique, La mise en page d'un poster avec PowerPoint, Préparer un poster à l'impression
|cat tutoriels=Education au numérique
}}
==Introduction==
Au long de cet atelier, nous utiliserons une [[pédagogie active]] et [[Apprentissage par projet|par projet]] pour vous guider à travers les sections, chacune représentatif d'une étape dans le processus de réalisation d'une communication visuelle à imprimer.

==Objectifs==
L'objectif global de cet atelier est de fournir les concepts et les outils de base nécessaires pour préparer une '''affiche''' ou '''infographique''' sur un sujet spécifique en vue d'une communication scientifique comme un '''''poster'''''. En suivant cet atelier les participants vont apprendre à: 
# '''Réaliser une communication scientifique ou informationnelle''' en format de poster à imprimer ('''''objectif opérationnel)'''''
# '''Intégrer textes et images''' selon les principes de la communication visuelle et multimédia pour renforcer son message et communiquer efficacement avec un médium visuel. 
L'atelier contient quatre sections.  

La première section présente les principes à prendre en compte et à appliquer lors de la conception d'une communication visuelle.  
# [[Principes du design visuel|'''Principes du design visuel''']]
#* [[Les principes CRAP]]
#* [[Principes Gestalt de la perception visuelle]]
#* [[Intégration de texte et d'images]]
Les trois sections qui suivent sont présentées en étapes et exercices pratiques pour concevoir et réaliser un poster.  
# '''[[Définir un message unique]]''' avec un but rhétorique à communiquer dans un format multimédia
#* [[Définir un but rhétorique]]
#* [[Structurer et hiérarchiser les informations]]
# [[La mise en page d'un poster avec PowerPoint|'''Réaliser''' '''la mise en page d'un poster avec PowerPoint''']]
#* [[Dessiner une maquette d'un poster]] 
#* [[Préparer la mise en page]] 
#* [[Définir la hiérarchie visuelle]] 
# '''[[Préparer un poster à l'impression]]'''
#* [[Optimiser la résolution des images]] pour le format et support de la communication
#*[[Exporter son document]]

== Déroulement de l'atelier et des activités ==
L'atelier est divisé en quatre sections : une introduction aux principes de la communication visuelle et trois étapes, pour vous aider à concevoir et réaliser une affiche informationnelle ou de communication scientifique. Chaque section sera accompagnée par des exercices pratiques qui vous permettront de progresser vers ce but. Les exercices sont détaillés et à rendre dans la plateforme Moodle du cours.
<gallery widths="200" style="text-align:center">
Fichier:Goldenratio.svg|alt=Principes du design visuel|[[Principes du design visuel|'''Principes du design visuel''']] - une base aux concepts et termes utilisés pour caractériser ou décrire une communication visuelle.
Fichier:But.svg|alt=Définir un message unique|[[Définir un message unique|'''Définir un message unique''']] - choisir le sujet de votre communication, son message principal et structurer et hiérarchiser vos informations
Fichier:MisePage.svg|alt=La mise en page d'un poster avec PowerPoint|[[La mise en page d'un poster avec PowerPoint|'''La mise en page d'un poster avec PowerPoint''']] - représenter visuellement la structure et l'hiérarchie de l'information en s'appuyant sur les principes du design pour réaliser une mise en page avec PowerPoint
Fichier:PrepImpr.svg|alt=Préparer un poster à l'impression|[[Préparer un poster à l'impression|'''Préparer un poster à l'impression''']] - des astuces de formatage du texte et de traitement des images pour préparer votre affiche à être imprimée
</gallery>

=== Activités à rendre ===
<div style="border:1px solid #79aaa0;background-color:#e3f2ef;padding:1.5em; margin-top: 1em; margin-bottom: 2em; width:80%">
[[Fichier:ToMoodle.svg|50x50px]]

==== Un design visuel d'un poster de communication scientifique ou informationnelle. ====
Cet exercice intégratif sera à rendre dans Moodle (voir l'atelier  UniTICE - Communiquer efficacement : principes et astuces en communication visuelle pour les consignes détaillées). 
</div>

== Prérequis de base ==

=== En infographie ===
Cet atelier est conçu pour les débutants en graphisme et infographie et aucune connaissance à ce niveau n'est demandée. 

=== En bureautique ===
Conçu comme un complément à la formation [https://www.unige.ch/fapse/faculte/informatique/unitice/ UniTICE], cet atelier requiert certaines compétences numériques acquises dans les Chapitres ''Texte'', ''Tableur'' et ''Présentation'' de cette formation, notamment d'être capable de : 
* utiliser un éditeur de texte pour changer la taille, la police, le format et la couleur d'un texte
* aligner du texte dans un paragraphe et définir l'espace l'interligne
* dessiner des formes de base : ligne, flèche, carré, sphère et y insérer du texte
* télécharger, enregistrer, importer ou re-ouvrir un ficher ou une image sur son ordinateur

=== Logiciel de dessin utilisé ===
Les exemples et la présentation des exercices pratiques présentés ici utiliseront [https://www.microsoft.com/en-us/microsoft-365/powerpoint Microsoft PowerPoint]. Ce choix a été fait parce que les étudiant-e-s de l'Université de Genève ont tou-te-s accès à ce logiciel, et PowerPoint est le logiciel utilisé dans le chapitre ''Présentation'' de la formation [https://www.unige.ch/fapse/faculte/informatique/unitice/ UniTICE] de base. Pour suivre cet atelier, n'importe quel logiciel de dessin permettant d'intégrer des images et du texte peut être utilisé à la place. Dans ce cas, l’appellation des fonctionnalités, des menus et autres aspects de l'interface vont varier, mais le but des exercices restera réalisable. 

==== Alternatifs à PowerPoint pour réaliser une affiche ====
* [https://www.adobe.com/ch_de/products/indesign.html?sdid=88X75SKZ&mv=search&ef_id=1f18de477bae177fa790be0fa1ab4147:G:s&s_kwcid=AL!3085!10!78752610381511!78752716766829 Adobe InDesign] ou [https://www.adobe.com/ch_fr/products/illustrator.html?sdid=88X75SKZ&mv=search&ef_id=8d0e8ed31e3011670e13ee9bc4a032f0:G:s&s_kwcid=AL!3085!10!79783402896278!79783508569884# Adobe Illustrator] 
* [https://affinity.serif.com/en-us/publisher/ Affinity Publisher] ou [https://affinity.serif.com/en-us/designer/ Designer]   
* [https://www.scribus.net/ Scribus] - logiciel source libre   
* Même [https://docs.google.com Google Docs] (Slides ou Draw) avec un peu de patience.