Définir la hiérarchie visuelle

De EduTech Wiki
Aller à la navigation Aller à la recherche

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 du module
Appliquer une structure et une hiérarchie visuelle
◀▬▬▶
débutant
2021/03/21 ⚒⚒ 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
Autres pages du module
Catégorie: Education au numérique


Introduction

Fichier:Treestructure.png

Créer un schéma sur papier

Dessiner un brouillon du placement des gros grains et leurs composantes (titres, texte, images). Ce schéma est une maquette.

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.

Choisir la taille finale

Définir une grille d'organisation

Pratique

A la fin de ce chapitre vous devez pouvoir produire une maquette avec PowerPoint (ou autre logiciel de dessin) de votre poster qui montre les espaces réservés aux différents niveaux et types d'informations définies lors de la structuration et l’hiérarchisation des informations.

Activité UniTICE 3 : Dessiner une maquette

Dans Moodle : Rendre 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 

Ressources

Références