Traitement des médias 1 - La typographie La mise en page

Traitement des médias 1 - La typographie
La mise en page
Les techniques de mise en page visent à disposer visuellement le contenu (textes, images, éléments interactifs…) de manière hiérarchique et harmonieuse (équilibre des zones, des couleurs et des espaces, contrastes),
afin de faciliter un parcours de lecture à plusieurs niveaux, avec un souci constant d'ergonomie.
http://fr.wikipedia.org/wiki/Mise_en_page
C’est la mise en page qui constitue la personnalité et l’identité du document. Le lecteur devrait facilement
comprendre la structure de l’information et s’approprier aisément les diverses fonctions de navigation.
Quelques règles
1. Une page doit être équilibrée, elle ne doit pas être trop serrée ni trop vide.
2. Le titre principal doit être immédiatement apparent.
3. N’utilisez pas de soulignés ou d’encadrés sauf pour des exceptions motivées.
4. Appliquez les règles de lisibilité.
N’utilisez pas trop de police sur la même page. Une grande quantité de caractères différents crée de la
confusion.
Associer une signification à chacune des polices. Les titres et les sous-titres utilisent une même police
tandis que le texte courant peut en utiliser une autre.
5. Le document doit être homogène : ne pas changer le choix typographique, respecter la grille et conserver
le style graphique.
6. Favoriser la simplicité, la cohérence et la constance.
Les étapes pour faire de la mise en page
1- Analyser le contenu du document :
- Faire l’inventaire des différents éléments qui seront présents dans la page-écran;
- Visionner les images, évaluer le texte.
2- Esquisser :
- Déterminer les niveaux d’importance des différents éléments. Par exemple, doit-on accorder plus
d’importance aux images et moins au texte. Le titre devrait-il avoir un bon impact? Quel élément texte
devrait avoir plus d'importance et quel élément texte serait moins important ?
- Choisir l’image principale et si nécessaire les images secondaires.
- Appliquer la typographie aux éléments textes (le titrage et le texte).
- Si c’est nécessaire, ajouter des éléments graphiques qui viendront supporter le contenu.
Déterminer la grille de mise en page :
Traitement des médias 1 - La typographie
1- Donner une marge de contour entre 24 et 72 pts au document;
2- Subdiviser la page en colonnes et lignes.
Exemples de grille de mise en page (8 x 6)
Avec Illustrator :
1- Créer un nouveau document « 1024 X 768 ».
2- Avec les guides, faire des marges.
- Placez le point (0,0) en haut à gauche et placez les guides pour la marge du haut et du côté gauche.
- Déplacez le point (0,0) en bas à droite et placez des guides pour les marges de gauche et du bas.
3- Tracez une forme carrée en respectant les marges.
4- Subdivisez cette forme en colonnes et en ligne : Objet / Tracé / tableau.
5- Enlevez les propriétés de couleur de fond et changez la couleur de contour pour une couleur «guides».
ou convertir en repères : Affichage / repères /Créer des repères
6- Changez le nom du calque pour : Grille. Puis verrouiller.
7- Ajoutez d’autre calques pour la mise en page.
Truc de mise en page
Regrouper les éléments de même nature :
- les éléments texte et titre;
- les éléments images;
Aligner en simplifiant les axes verticaux et respecter la grille;
Contraster la composition dans les niveaux d’importance.
C’est généralement le titre ou une image qui occupe la première place, vient ensuite le texte, puis en
dernier, si nécessaire, les éléments graphiques.
Hiérarchiser le texte.
Hiérarchie significative dans les titres.
Lisibilité optimum du texte (contraste forme de la lettre et la couleur du fond)
Donner un rythme : régulier, crescendo, brisé, dynamique, lent, etc.
Traiter les couleurs : harmonie et contraste
Garder du blanc
Le blanc est un élément essentiel.
Ne pas chercher à occuper chaque centimètre de la page.
Éviter la surcharge. Laisser des espaces blancs pour respirer.
Traitement des médias 1 - La typographie
Analyser le résultat
Pour la mise en page
La mise en page est-elle aérée?
Est-ce que la disposition est simple et bien rangée?
L’attention est bien orientée sur les bons éléments?
Est-ce qu’on peut identifier les zones?
Quelles sont les couleurs qui dominent ou apparaissent le plus souvent?
Est-ce que le contraste est assez défini?
Pour le texte
Le choix typo est-il cohérent avec le sujet?
Les titres sont-ils bien identifiés?
Les sous-titres sont-ils assez démarqués?
Le texte respecte-t-il les règles de lisibilité?
Pour les images
Le traitement correspond-il au style du document?
Les images d’information répondent-elles aux critères de qualité et de lisibilité?