« Préparer la mise en page » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Ligne 24 : Ligne 24 :


<div style="border:1px solid #79aaa0;background-color:#e3f2ef;padding:1.5em; margin-top: 1em; margin-bottom: 2em; width:80%">
<div style="border:1px solid #79aaa0;background-color:#e3f2ef;padding:1.5em; margin-top: 1em; margin-bottom: 2em; width:80%">
[[fichier:activity.svg|50x50px]]
[[fichier:activity.svg|50x50px]]
 
=== Préparation du document ===
Les deux étapes qui suivent vous permettent de choisir le format le plus indiqué pour votre document, et de préparer une grilles pour positionner aligner les éléments principales de votre poster.
 
Plus bas, vous trouverez 4 modèle de document prêts à l'emploi pour cet exercice, en format A3 et présentant 4 options de grilles différentes.


=== Choisir les dimensions et le format de votre poster ===
==== Choisir les dimensions et le format de votre poster ====
[[Fichier:A size illustration.svg|gauche|162x162px|alt=Les dimensions de papiers du format A0|vignette|Figure 1 : Les dimensions de papiers à partir du format A0 <ref>[[wp_fr:Format_de_papier|Format de papier]] (Wikipedia)</ref>]]Les posters de communication scientifique, pour la plupart, suivent les dimensions du format A0 ou 841mm de large x 1189mm de haut ou le format A1 (la moitié de A0), 594mm x 841mm. Pour les exemples ci-dessous, nous utiliserons le '''format A3''' (1/8 de A0) avec les dimensions '''297mm x 420mm.''' Cela vous permettra d'imprimer un aperçu avant de [[Préparer un poster à l'impression|préparer le document à l'impression]] à l'échelle de A0.   
[[Fichier:A size illustration.svg|gauche|162x162px|alt=Les dimensions de papiers du format A0|vignette|Figure 1 : Les dimensions de papiers à partir du format A0 <ref>[[wp_fr:Format_de_papier|Format de papier]] (Wikipedia)</ref>]]Les posters de communication scientifique, pour la plupart, suivent les dimensions du format A0 ou 841mm de large x 1189mm de haut ou le format A1 (la moitié de A0), 594mm x 841mm. Pour les exemples ci-dessous, nous utiliserons le '''format A3''' (1/8 de A0) avec les dimensions '''297mm x 420mm.''' Cela vous permettra d'imprimer un aperçu avant de [[Préparer un poster à l'impression|préparer le document à l'impression]] à l'échelle de A0.   
#Ouvrez un nouveau document PowerPoint.
#Ouvrez un nouveau document PowerPoint.
Ligne 33 : Ligne 38 :
#Choisissez l'orientation paysage si vous souhaitez que votre poster soit plus large que haut
#Choisissez l'orientation paysage si vous souhaitez que votre poster soit plus large que haut
#Cliquez '''OK'''. Une alerte apparaîtra. Cliquez l'option "Mettre à l'échelle". Cette option change automatiquement la taille des éléments déjà placés dans le document (si, p.ex. pour partez d'un document existant).
#Cliquez '''OK'''. Une alerte apparaîtra. Cliquez l'option "Mettre à l'échelle". Cette option change automatiquement la taille des éléments déjà placés dans le document (si, p.ex. pour partez d'un document existant).
</div>


<div style="border:1px solid #79aaa0;background-color:#e3f2ef;padding:1.5em; margin-top: 1em; margin-bottom: 2em; width:80%">
==== Définir une grille de mise en page ====
[[fichier:activity.svg|50x50px]]
Dans PowerPoint, utiliser le ''masque de diapositive'' pour dessiner votre grille de mise en page. Cette grille servira pour positionner et aligner les objets représentatifs des espaces réservés à vos contenus graphiques et textuels. Nous vous offrons 4 grilles modèles à télécharger déjà préparées que vous pouvez utiliser ainsi ou modifier. [[#Pour définir une grille de mise en page avec PowerPoint|Voir ci-dessous]] pour apprendre comment créer une nouvelle grille ou savoir plus sur comment modifier une grille existante.


=== Définir une grille de mise en page ===
=== '''4 grilles de mise en page prêtes à l'usage - [[:Fichier:Grilles de mise en page.zip|fichier ZIP à télécharger]]''' ===
Dans PowerPoint, utiliser le ''masque de diapositive'' pour dessiner votre grille de mise en page. Cette grille servira pour positionner et aligner les objets représentatifs des espaces réservés à vos contenus graphiques et textuels. Nous vous offrons 4 grilles modèles à télécharger déjà préparées que vous pouvez utiliser ainsi ou modifier. [[#Pour définir une grille de mise en page avec PowerPoint|Voir ci-dessous]] pour apprendre comment créer une nouvelle grille ou savoir plus sur comment modifier une grille existante.
Attention, si les guides ne s'affichent pas comme dans les exemples ci-dessous : Sélectionnez ''Guides'' sous ''Affichage > Repères > Guides'' dans le menu ou sous ''Affichage'' dans la barre à outils ou faites un clic droit sur la pa
{|
{|
|+ style="text-align:left" | '''4 grilles de mise en page prêtes à l'usage ([[:Fichier:Grilles de mise en page.zip|fichier ZIP à télécharger]])'''
Attention, si les guides ne s'affichent pas comme dans les exemples ci-dessous : Sélectionnez ''Guides'' sous ''Affichage > Repères > Guides'' dans le menu ou sous ''Affichage'' dans la barre à outils ou faites un clic droit sur la page.
| style="vertical-align:bottom" |[[Fichier:Grille4x4portrait.png|centré|vignette|224x224px|Grille A3 : 4 colonnes x 4 sections, orientation portrait]]
| style="vertical-align:bottom" |[[Fichier:Grille4x4portrait.png|centré|vignette|224x224px|Grille A3 : 4 colonnes x 4 sections, orientation portrait]]
| style="vertical-align:bottom" |[[Fichier:Grille4x4paysage.png|centré|vignette|220x220px|Grille A3 : 4 colonnes x 4 sections, orientation paysage]]
| style="vertical-align:bottom" |[[Fichier:Grille4x4paysage.png|centré|vignette|220x220px|Grille A3 : 4 colonnes x 4 sections, orientation paysage]]
| style="vertical-align:bottom" |[[Fichier:Grille6-5portrait.png|centré|vignette|248x248px|Grille A3 : 6 colonnes x 5 sections, orientation portrait]]
| style="vertical-align:bottom" |[[Fichier:Grille6-5portrait.png|centré|vignette|248x248px|Grille A3 : 6 colonnes x 5 sections, orientation portrait]]
| style="vertical-align:bottom" |[[Fichier:Grille6x5paysage.png|centré|vignette|220x220px|Grille A3 : 6 colonnes x 5 sections, orientation paysage]]
| style="vertical-align:bottom" |[[Fichier:Grille6x5paysage.png|centré|vignette|220x220px|Grille A3 : 6 colonnes x 5 sections, orientation paysage]]
|}
{|
|}
|}
</div>
</div>

Version du 9 avril 2021 à 09:44

Digital skills @ FPSE
Module: Communiquer efficacement : principes et astuces en communication visuelle
Page d'entrée de la section
La mise en page d'un poster avec PowerPoint
⏏︎
◀︎
débutant avancé
2021/04/09 ⚒⚒ 2020/07/20
Objectifs
  • Appliquer les principes du design visuel pour rendre l'organisation et l'hiérarchie des informations visible
  • Réaliser la mise en page d'un poster en respectant les principes du design visuel
Contenu de la section
Activité(s)
Catégorie: Education au numérique

Objectifs

  • Appliquer les principes du design visuel pour rendre l'organisation et l'hiérarchie des informations visible
  • Réaliser la mise en page d'un poster en respectant les principes du design visuel

Activité(s)


  • Difficulté: débutant avancé

Introduction

Grid.svg

La préparation de la mise en page concerne le sectionnement et la planification de la surface de votre poster. Il s'agit de définir les espaces réservés aux contenus et les espaces vides. Dans cette étape, aucun contenu n'est inséré. Que les objets fictifs en forme de cadres sont dessinés avec le logiciel de mise en page. Ici, nous allons utiliser PowerPoint comme exemple, mais les fonctionnalités et paramètres présentés sont communs aux logiciels de mise en page.

Fonction

La réalisation de la mise en page avec les objets représentatifs des espaces réservés permet de planifier le positionnement des contenus rapidement et vérifier que les groupements et les espaces vides aident à guider l’œil d'un groupement de contenus à l'autre dans l'ordre que vous avez défini lors de la structuration des informations. Cette préparation vous permettra d'éviter que votre poster soit trop chargé (éléments trop serrés, groupements peu distinctes) et de limiter la quantité d'information.

Pratique

Activity.svg

Préparation du document

Les deux étapes qui suivent vous permettent de choisir le format le plus indiqué pour votre document, et de préparer une grilles pour positionner aligner les éléments principales de votre poster.

Plus bas, vous trouverez 4 modèle de document prêts à l'emploi pour cet exercice, en format A3 et présentant 4 options de grilles différentes.

Choisir les dimensions et le format de votre poster

Les dimensions de papiers du format A0
Figure 1 : Les dimensions de papiers à partir du format A0 [1]
Les posters de communication scientifique, pour la plupart, suivent les dimensions du format A0 ou 841mm de large x 1189mm de haut ou le format A1 (la moitié de A0), 594mm x 841mm. Pour les exemples ci-dessous, nous utiliserons le format A3 (1/8 de A0) avec les dimensions 297mm x 420mm. Cela vous permettra d'imprimer un aperçu avant de préparer le document à l'impression à l'échelle de A0.
  1. Ouvrez un nouveau document PowerPoint.
  2. Pour paramétrer les dimensions et le format, allez sous le menu Fichier > Mise en page... et choisissez le format A3.
    • !! II faut ajuster la taille du diapositive manuellement : Mettez 42 cm x 29,7 cm.
  3. Choisissez l'orientation paysage si vous souhaitez que votre poster soit plus large que haut
  4. Cliquez OK. Une alerte apparaîtra. Cliquez l'option "Mettre à l'échelle". Cette option change automatiquement la taille des éléments déjà placés dans le document (si, p.ex. pour partez d'un document existant).

Définir une grille de mise en page

Dans PowerPoint, utiliser le masque de diapositive pour dessiner votre grille de mise en page. Cette grille servira pour positionner et aligner les objets représentatifs des espaces réservés à vos contenus graphiques et textuels. Nous vous offrons 4 grilles modèles à télécharger déjà préparées que vous pouvez utiliser ainsi ou modifier. Voir ci-dessous pour apprendre comment créer une nouvelle grille ou savoir plus sur comment modifier une grille existante.

4 grilles de mise en page prêtes à l'usage - fichier ZIP à télécharger

Attention, si les guides ne s'affichent pas comme dans les exemples ci-dessous : Sélectionnez Guides sous Affichage > Repères > Guides dans le menu ou sous Affichage dans la barre à outils ou faites un clic droit sur la pa

Grille A3 : 4 colonnes x 4 sections, orientation portrait
Grille A3 : 4 colonnes x 4 sections, orientation paysage
Grille A3 : 6 colonnes x 5 sections, orientation portrait
Grille A3 : 6 colonnes x 5 sections, orientation paysage

Activity.svg

Dessiner les blocs de contenus

Transposer la maquette dans une mise en page

Figure 5 : Exemple d'une maquette de mise en page à partir d'un dessin libre
Figure 6 : Exemples de guides d'alignement et d'espacement qui s'affichent dans PowerPoint quand on déplace les formes. Les lignes pointillées suggèrent un alignement, les flèches montrent les espacements égaux.
Figure 7 : Exemple d'une maquette de mise en page à partir d'un objet SmartArt dans PowerPoint

Si vous avez suivi les étapes précédentes, vous aurez devant vous une page vide avec la grille de mise en page visible (Figure 4).

Il est temps de reproduire votre maquette réalisée sur papier précédemment.

Dessinez des rectangles (ou autres formes) vides sur la page pour chaque gros grain ou groupement d'éléments et positionnez-les sur la grille. Ces formes sont les espaces réservés aux divers types de contenus (graphiques et texte). Ne placez aucun contenu à ce stade.

  1. Commencez avec les espaces réservés à l'entête et au point focal et placez ensuite les autres.
  2. Faites attention à aligner chaque forme sur la grille (respecter les colonnes et les marges) et que chacune soit alignée à au moins une autre.
  3. Lorsque vous dessinez ou vous glissez les formes, PowerPoint (comme d'autres logiciels de mise en page) affiche des lignes et des flèches pour guider alignement de la forme relative aux autres formes et les distances entre elles (Figure 6). Utilisez ces informations pour bien aligner les formes entre elles.
  4. Un élément graphique peut exceptionnellement dépasser les marges, mais cette option doit être réservée à une volonté exprès d'attirer l'attention à l'exception.


À partir d'un objet SmartArt

Vous pouvez aussi partir d'un objet SmartArt (Figure 7) sans texte, mais les formes sont difficiles à manipuler précisément pour les aligner à la grille. Dans ce cas, il est possible de convertir l'objet en formes pour modifier les formes plus facilement.

  • Insertion > SmartArt, puis choisissez l'objet souhaité
  • Positionnez l'objet approximativement comme voulu
  • Clique-droit sur objet > Convertir en formes
  • Modifiez et positionnez les formes sur la grille

Pour définir une grille de mise en page avec PowerPoint

Figure 2 : Repères et guides en PowerPoint

Les logiciels spécialisés à la mise en page comme Adobe InDesign, Affinity Designer, ou Scribus permettent de définir des grilles de mise en page avec des marges et des colonnes et leur inter-espaces lors de la création d'un document. Avec PowerPoint, il faut créer la grille manuellement.

  1. Sous Affichage cliquez Masque des diapositives
  2. Supprimez les éléments textuels génériques de la première diapositive.
Afficher les guides (Figure 2)

PowerPoint permet de dessiner des lignes guides, qui ne sont pas imprimées. Ces guides aident à aligner les éléments graphiques et textuels.

Pour rendre les guides visibles :

  1. Sélectionnez Guides sous Affichage > Repères > Guides dans le menu ou sous Affichage dans la barre à outils ou faites un clic droit sur la page.
  2. Sous Repères cliquez Ajouter un guide vertical et encore une fois pour Ajouter un guide horizontal.
  3. Au même endroit, il y a l'option d'Afficher les règles qui nous seront utiles pour la suite.

Les guides s'affichent au centre vertical et horizontal de la page par défaut. On peut voir que les guides sont positionnés à "0" et les unités de mesure partent des points "0" en horizontal et verticale. Cela aide à respecter la symétrie visuelle. Lorsque vous déplacez les guides, leur positionnement du centre (le point "0") s'affiche à côté du curseur. Pour ajouter des guides, on peut aussi appuyer cliquer + option sur un guide et le glisser le à la nouvelle position.

Si l'on met la souris par-dessus un guide, le curseur change. Cela indique que nous pouvons cliquer et glisser les guides pour les déplacer. Un clic-droit offre les options d'ajouter ou supprimer les guides ou de changer leur couleur.

Définir les marges et colonnes avec PowerPoint

Figure 3 : Une grille de mise en page faite avec PowerPoint. Les rectangles sont répartis horizontalement et verticalement pour définire les marges et l'espacement entre colonnes. Cette grille est définie en 6 colonnes et 5 sections verticales.
Figure 4 : Une grille de mise en page faite en PowerPoint. Cette grille est définit en 6 colonnes et 5 sections verticales.

Aucun contenu ne doit dépasser les marges. Laissez au moins 20% de la largeur et la hauteur pour les marges. Dans notre exemple nous avons positionné les guides à 10 cm du centre à gauche et à droite. Dans notre exemple, nous avons défini une maquette avec six colonnes (Figure 3).

  1. En fonction du nombre de colonnes que vous avez défini dans votre maquette, dessiner un rectangle (sous Accueil > Formes) qui représente à peu près la largeur de la colonne la plus étroite de votre maquette.
  2. Copier et coller (ou option + cliquer et glisser puis lâcher) un rectangle pour chaque colonne vous souhaitez avoir, allant d'une marge à l'autre avec des espaces entre les carrés.
  3. Sélectionnez tous les rectangles. Sous le menu Organisation > Aligner ou Répartir > Répartir horizontalement ou depuis la barre à outils Accueil > Réorganiser > Aligner > Répartir horizontalement.
  4. Si les espaces entre les rectangles vous semblent trop larges ou trop étroites, sélectionnez tous les rectangles et redimensionnez leur largeur.
  5. Désélectionnez tout et repositionnez le dernier rectangle pour qu'il s'aligne à droite avec la marge droite.
  6. Répétez les étapes 3 et 4 jusqu'à votre satisfaction.
  7. Ajouter des guides à gauche et à droite de chaque rectangle pour définir l'espacement entre colonnes.
  8. Supprimez les rectangles, laissant seulement les guides.

Ce processus peut aussi être répété pour séparer la page en sections horizontales

Quand vous êtes satisfaites:

  1. Fermez le masque.
  2. Ajoutez une nouvelle diapositive vide. Vous pouvez supprimer la diapositive titre affichée par défaut. Toute diapositive affichera la grille de mise en page. Ces guides n'apparaissent pas lors de l'impression.

Ressources

Références

  1. Format de papier (Wikipedia)