« Dessiner une maquette d'un poster » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 17 : Ligne 17 :
}}
}}
== Introduction ==
== Introduction ==
[[Fichier: maquetteDessin.svg|gauche|100px]] Réaliser un schéma qui communique par le biais d'objets textuels et graphiques générique et l'application des principes du design visuel, la mise en page de votre communication et permet de visualiser le parcours de lecture et l'hiérarchie des informations
[[Fichier: maquetteDessin.svg|gauche|100px]] Réaliser une maquette s'agit de faire une esquisse qui communique par le biais d'objets génériques qui représentent les éléments textuels et graphiques


== Créer une maquette sur papier ==
La maquette est le 'story-board' de votre communication qui vous permettra de définir la structure visuelle avant de passer à la mise en page avec un logiciel.  
Dessiner un brouillon du placement des gros grains et leurs composantes (titres, texte, images). A partir de votre plan de la structure des informations, faites une esquisse avec les blocs vides qui indiquent comment vous allez positionner les éléments sur la page.  


Ce schéma est une maquette.
La maquette doit déjà viser à appliquer les principes du design visuel pour préparer à la mise en page d'une communication visuelle et donner un aperçu du le parcours de lecture et l'hiérarchie des informations.
 
== Pratique  ==
Créer une maquette sur papier
 
Dessinez un brouillon (ou plusieurs) du positionnement des gros grains et leurs composantes (titres, texte, images). A partir de votre plan de la structure des informations, faites une esquisse en grandes lignes pour indiquer comment vous allez positionner les éléments sur la page. 
 
Donnez, à travers ce dessin, un aperçu de l'organisation des sections du poster : l’entête, le point focal, les blocs de textes, images, etc.
 
Organiser les éléments dans une structure qui est cohérente avec l'ordre que vous voulez que les informations soient lues.
 
Identifiez le nombre de colonnes et sections verticales qui pourraient être défini pour aligner 
 
Quelques astuces en plus :
* Respectez [[Les principes CRAP#Le principe de contraste|le principe de contraste]] pour rendre l'organisation et l'hiérarchie visible. Utilisez des gros traits pour les grains du premier niveau et plus fines pour les niveaux inférieurs. Indiquez le positionnement des images avec des formes vides ou grisées.
* Respectez [[Les principes CRAP#Le principe de contraste|le principe de contraste]] pour rendre l'organisation et l'hiérarchie visible. Utilisez des gros traits pour les grains du premier niveau et plus fines pour les niveaux inférieurs. Indiquez le positionnement des images avec des formes vides ou grisées.
* Respectez [[Les principes CRAP#Le principe de r.C3.A9p.C3.A9tition|le principe de répétition]] en donnant les mêmes caractéristiques visibles aux informations du même niveau, p. ex. la même taille pour tous les titres des sections du niveau 1.
* Respectez [[Les principes CRAP#Le principe de r.C3.A9p.C3.A9tition|le principe de répétition]] en donnant les mêmes caractéristiques visibles aux informations du même niveau, p. ex. la même taille pour tous les titres des sections du niveau 1.
* Respectez [[Les principes CRAP#Le principe de proximit.C3.A9|le principe de proximité]]. Laissez suffisamment d'espace vide entre les éléments pour que le groupement soit visible sans lire le texte.
* Respectez [[Les principes CRAP#Le principe de proximit.C3.A9|le principe de proximité]]. Laissez suffisamment d'espace vide entre les éléments pour que le groupement soit visible sans lire le texte.
Choisir la taille finale
Définir une grille d'organisation

Version du 5 avril 2021 à 20:35

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



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
2021/04/05 ⚒⚒ 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 qui respecte les principes du design visuel
Contenu de la section
Activité(s)
  • Schéma de conception
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 qui respecte les principes du design visuel

Activité(s)

  • Schéma de conception


  • Difficulté: débutant

Introduction

MaquetteDessin.svg

Réaliser une maquette s'agit de faire une esquisse qui communique par le biais d'objets génériques qui représentent les éléments textuels et graphiques.

La maquette est le 'story-board' de votre communication qui vous permettra de définir la structure visuelle avant de passer à la mise en page avec un logiciel.

La maquette doit déjà viser à appliquer les principes du design visuel pour préparer à la mise en page d'une communication visuelle et donner un aperçu du le parcours de lecture et l'hiérarchie des informations.

Pratique

Créer une maquette sur papier

Dessinez un brouillon (ou plusieurs) du positionnement des gros grains et leurs composantes (titres, texte, images). A partir de votre plan de la structure des informations, faites une esquisse en grandes lignes pour indiquer comment vous allez positionner les éléments sur la page.

Donnez, à travers ce dessin, un aperçu de l'organisation des sections du poster : l’entête, le point focal, les blocs de textes, images, etc.

Organiser les éléments dans une structure qui est cohérente avec l'ordre que vous voulez que les informations soient lues.

Identifiez le nombre de colonnes et sections verticales qui pourraient être défini pour aligner

Quelques astuces en plus :

  • Respectez le principe de contraste pour rendre l'organisation et l'hiérarchie visible. Utilisez des gros traits pour les grains du premier niveau et plus fines pour les niveaux inférieurs. Indiquez le positionnement des images avec des formes vides ou grisées.
  • Respectez le principe de répétition en donnant les mêmes caractéristiques visibles aux informations du même niveau, p. ex. la même taille pour tous les titres des sections du niveau 1.
  • Respectez le principe de proximité. Laissez suffisamment d'espace vide entre les éléments pour que le groupement soit visible sans lire le texte.