Conception graphique de l idée à la maquette

Dimension: px

Commencer à balayer dès la page:

Download "Conception graphique de l idée à la maquette"

Géraldine Renaud
il y a 6 ans
Total affichages :

1 Conception graphique de l idée à la maquette (extrait du cours Esthétique de la Communication)

2 1. Forme et espace

Forme et fond Une forme se mesure avec : - l'espace qui l'entoure, - les autres formes présentes sur

3 1 Espace 2D (bidimensionnel) La conception graphique se déroule en générale dans un espace à deux dimensions : hauteur et largeur. Forme et fond Une forme se mesure avec : - l'espace qui l'entoure, - les autres formes présentes sur la page. On dit de la forme qu'elle est "positive" et de l'espace qui l'entoure qu'il est"négatif". Les blancs permettent à l œil de «respirer» et ils doivent être équilibrés.

4 1 Garder les bonnes proportions : ci-dessous à droite, l information est mise en évidence. Ci-dessus, deux exemples à ne pas suivre!

5 1 Symétrie et asymétrie L'équilibre parfait peut être ennuyeux! Les relations entre les formes : Fond et forme : L espace est égal de chaque côté. Aspect calme et passif de la composition. Entrée par la gauche : Un mouvement vers la droite Déplacement vers la droite : Un mouvement vers la droite Descente : Un mouvement vers le bas est suggérée. Forme 3D L'illusion de la profondeur et du volume est donnée par la perspective. Le grand carré attire davantage l'attention.

6 2. Espaces positifs et négatifs

7 2 Espaces positifs et négatifs Positif = la zone de l'image, Négatif = le fond ou l'arrière-plan. Exemple : le vase de Rubin, un vase ou deux personnes de profil face à face?

8 3. La composition

9 3 Définition La composition, c'est la structure et l'organisation des éléments (images, textes ) Lorsque les images et le texte se complètent (couleur, échelle, texture) ils créent un ensemble harmonieux. Principes de composition Une composition est bonne lorsque les formes et les couleurs créent un ensemble harmonieux et dynamique. Principe Principe Principe Principe Tiers Symétrie Blancs Rythme

10 4. Principes de mise en pages

4 Le principe Le terme "mise en pages" renvoie à la façon d'organiser les éléments du contenu d un projet. Gabarit simple Conçu sur une seule colonne. Convient aux publications sans images (romans...).

11 4 Le principe Le terme "mise en pages" renvoie à la façon d'organiser les éléments du contenu d un projet. Gabarit simple Conçu sur une seule colonne. Convient aux publications sans images (romans...). Pas besoin de mise en page élaborée. Gabarit à 3 colonnes Possibilité de placer des illustrations sur une, deux ou trois colonnes sans rompre l'harmonie de la mise en pages. Gabarit de 5 colonnes Offre une grande souplesse. Le texte peut être composé sur 1 ou 2 colonnes. On peut jouer avec texte courant et les légendes.

12 4 Gabarit : les marges Elles définissent les limites d'un document. Gabarit : création Gabarit : conseil

Epuré et structuré : ci-dessous, les blancs qui entourent les blocs de texte facilitent la

13 4 La photo de couverture : elle n a pas pour but de transmettre un message mais de restituer une atmosphère. La silhouette fournit une forme graphique qui complète la typographie. Epuré et structuré : ci-dessous, les blancs qui entourent les blocs de texte facilitent la navigation, alors que l image à fond perdu occupe tout le haut de la double page ce qui ajoute une touche de dynamisme.

14 5. L illustration

15 5 Définition Le terme "illustration" décrit des situations où l image est mise au service d un discours, d un récit. Choix des illustrations Contenu Les photos La photo numérique Emploi des illustrations

16 6. Types de photographies

17 6 Types de photographies La photo studio La photo documentaire Les banques d images

18 7. Types d illustrations

19 7 Types d illustrations L illustration décorative Le reportage La publicité Les livres L illustration technique Les images séquentielles Graphisme et journalisme Infographisme Gravure Trois exemples de graphismes utilisés dans le secteur du journalisme.

20 FIN

Documents pareils

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,