IFT Informatique multimédia Cours 4 Jusquà présent… La mise en page Quelques techniques Photoshop Interface graphique* avec VB

Jusquà présent… Vue densemble sur le multimédia Les intervenants dans le domaine La chaîne de production Limage Bitmap et le pixel Le fonctionnement de laffichage sur ordinateur Limage en mémoire (mémoire vidéo) Les qualités dun logiciel de traitement de limage Les formats dimage et la compression Le fonctionnement de photoshop pour la conception dinterfaces

Introduction à la mise en page La mise en page est un art en soit. Certaines règles existent afin de faire une mise en page efficace. Par contre, un graphiste expérimenté trouvera des moyens de contrer ces règles afin dobtenir des résultats originaux. Nous verrons ici quelques-unes de ces règles.

Introduction à la mise en page RÈGLE 1: Ne jamais commencer sur lordinateur. Pour avoir une vue densemble dun projet, on doit travailler sur des « thumbnails ».

Introduction à la mise en page RÈGLE 2: Le traitement des marges. Ne jamais placer du texte près de la bordure de linterface. Garder au moins 1/2po de marge sur les bordures Être cohérent au niveau des marges dune page à lautre.

Introduction à la mise en page RÈGLE 3: Traitement des images Cohérence entre la qualité des différents éléments visuels placés sur les pages Auto-level (intensité des ombres et lumières) Brightness/contrast (+5/-5) Blur/Sharpen

Introduction à la mise en page RÈGLE 4: Respecter la cohérence entre les pages Cohérence subtile (fond décran, filigrane) Cohérence visible (objet de mise en page) Faire un « master »

Introduction à la mise en page RÈGLE 6: Fixer et respecter le « ton » Le ton cest grosso modo un qualificatif de linterface Lutilisation dun ton précis est une bonne façon déviter leffet « pizza ». exemples: Froid Chaud Vitesse Corporatif Underground Dark etc.

Introduction à la mise en page RÈGLE 6: Utiliser intelligemment les polices Utiliser 2 polices différentes au maximum Sassurer de la lisibilité des polices 2 types de textes: Texte courrant Titres 2 types de polices Sans sérif (sans empattement) ABC Sérif (empattements) ABC

Introduction à la mise en page Sérif => Texte courrant (plus lisible) Éviter les polices « script » Éviter les polices trop extravagantes Utilisation des lettrines Une par page chevauche plusieurs lignes de texte A

Introduction à la mise en page Cohérence au niveau de linterligne (leading) => espacer Espacement entre les lettres => bonne façon dattirer lattention sans utiliser une autre police Créer des contrastes

Introduction à la mise en page RÈGLE 7: Utiliser un minimum de couleurs Utiliser des couleurs complémentaires Orange => bleu Jaune => Violet Maximum 2-3 couleurs (teintes) Souvent en lien direct avec le ton Couleurs « rétro » à la mode: Bleu poudre (presque cyan) Vert lime Limportant cest lharmonie (attention « PIZZA »)

Introduction à la mise en page Quelques conseils Éviter le centre ou la symétrie Police simple (variation de Helvética et Times) Contraste de « graisse » éviter litalique Pour faire une belle mise en page, il faut: JUGEMENT & EXPÉRIENCE