08 Le graphisme

PRINCIPES DE GRAPHIS ME
QUATRE PRINCIPES
DE GRAPHISME
« PARC »
PROXIMITÉ
-
Groupe les éléments (mots, images, etc.) reliés ensemble.
Sépare les éléments sans relation.
But : Créer une union visuelle, organiser l’information logiquement, réduire l’encombrement
ALIGNEMENT
-
Aucun élément ne devrait être placé au hasard.
Tout élément sur la page devrait avoir un lien (=alignement) avec un autre élément sur cette
page.
But : Créer un aspect lisse, sophistiqué et frais.
RÉPÉTITION
-
Répète les mêmes éléments visuels partout dans le document (couleur, police, relation
spatiale, format, etc.)
But : Aide à développer une organisation et renforce l’unité.
CONTRASTE
-
Éviter les éléments sur une page qui sont similaires.
Si les éléments (taille, police, couleur, épaisseur de ligne, etc.) ne sont pas les mêmes, ils
doivent être très différents.
Un conseil pour le choix de la police:
Les « caractères sans empattement » pour le titre comme ils sont plus clairs.
Les « caractères avec empattement » pour le corps du texte comme ils guident l’œil à la
phrase suivante.
But : Créer une attraction importante pour la page.
PRINCIPES DE GRAPHIS ME
L’ŒIL
(TYPEFACE)
CARACTÈRE AVEC EMPATTEMENT (SERIF)
Caractère qui comporte un trait généralement horizontal au pied, à la tête de son jambage.
Exemples :
T – avec empattement (Garamond, Times New Roman)
T – sans empattement (Arial, Verdana)
CARACTÈRE SANS EMPATTEMENT (SANS SERIF) :
Caractère qui n'a aucun trait horizontal ou vertical au pied, à la tête de son jambage.
Exemples :
T – avec empattement (Garamond, Times New Roman)
T – sans empattement (Arial, Verdana)
ACTIVITÉS ET EXEMPLES
Pour plus de renseignements sur les éléments d’une bonne conception graphique et pour voir des
exemples regarde dans notre manuel Tremplin p. 147 – 152.
Regarde les sites suivants et évalue chaque site d’après les quatre principes de graphisme.
1. http://www.apple.com/
2. http://users.skynet.be/chocolat/fr/index.html
3. http://www.mage.fst.uha.fr/asterix/asterix.html
4. http://www.systemofadown.com/
5. http://www.adidas.com/ca/shared/home.asp
6. http://switchfilm.com/blog/2005/11/i_am_a_caveman.html
7. http://www.abwebconsulting.com/web_sites/
Nom du site
1.
2.
3.
Proximité
Alignement
Contraste
*Sources:
Robin Williams: The Non-Designer’s Design Book. Berkeley: Peachpit Press, 2004.
TDSB: Think Literacy: Cross-curricular approaches, Grades 7-12. 2005.
Répétition