GRAPHISME

- APPROCHE DESIGN -

24
« Comprendre le sens du graphisme, c’est comprendre
le rôle de la forme et du contenu et s’apercevoir que
le graphisme est également commentaire, point de
vue, opinion et responsabilité sociale. Le graphiste
ne se contente pas d’assembler, d’ordonnancer ou
d’éditer. Il apporte de la valeur ajoutée et crée du sens,
éclaire, simplifie, clarifie, modifie, accentue, dramatise,
persuade et parfois même, amuse. Le graphisme est à
la fois début et fin, processus et produit résultant du
processus de création. »
PAUL RAND/ GRAPHISTE, extrait de son livre Design, Form, and Chaos. Yale University Press: New Haven, 1993

25
« Aussitôt qu’on
nous montre quelque « Peur du nouveau »
chose d’ancien dans Du connu à l’inconnu
une innovation, nous => préparer
sommes apaisés. » => habituation
Nietzsche

26
Qu’est ce qui compose
un design graphique
(webdesign) ?

27
Signes, des écritures, des images, un support,
une composition, une charte graphique...
28
1ers moyens de communication
29
1ers courier, email (un
support, une écriture, un
visuel...) non ?

30
On retrouve les mêmes composants qui constituent un
livre, une publicité, un site web (image, ergonomie, signes
et caractères, couleurs, charte graphique...) 31
Si on change les données du design : on perd le
lecteur (habitudes et attentes quand il s’apprête à
découvrir un sujet...)

32
Y a t’il une vraie différence en dehors du temps
de conception et de support ?

33
Mise en place de
principes ergonomiques
et de règles à suivre
pour qu’une structure
soit cohérente et lisible

34
On réalise le même
travail lorsque l’on
crée un livre, une
afiche, un site Web....
On compose une
structure adaptée
à un sujet qui doit
« tenir » visuellement
UX Wireframe

35
Les principes de mise en
page, mise en place de règles
de lecture et de composition
évoluent avec le temps
36
 Détails vitraux Cathédrale de Chatres

Cohérence de la charte graphique, changez les codes

et vous bouleversez une époque

37
PARADIS

ENFERS

Des principes de composition en cohérence avec

une époque (en haut le paradis, en bas l’enfer...)

38
Maître du Jardin de Paradis de Francfort, Le Jardin des délices (triptyque)
Anonyme

Au Moyen âge, l’eglise domine sur l’art. La perspective

est faussé (Dieu vient à nous, nous n’allons pas vers dieu)

39
 Raphael Rubens

À la Renaissance : évolution de l’ergonomie, on apprend

à orienter le regard dans la composition

40
 PARADIS

FUTUR

PASSÉ

ENFERS

Jacques-Louis David, Le Serment des Horaces

On ajoute de nouvelles dimensions à une œuvre picturale,

des codes qui permettent de comprendre les enjeux d’un
visuel et de raconter une histoire 41
Vous voulez faire un visuel efficace ? Il suffit de
s’inspirer des principes de composition établies
lors de la renaissance

La Création d’Adam (détail de la voûte de la Chapelle Sixtine) de Michel-Ange

42
Le Radeau de La Méduse, Géricault
43
44
45
46
47
48
49
Spirale d’or, Vinci

50
Ce que l’on fait
aujourd’hui vient d’hier...
Et plus encore
https://fr.wikipedia.org/wiki/Nombre_d’or

1,618

0,618

1 0,618
Grille d’or

51
52
53
01 CONCEPT !

54
 02 FAIRE SIMPLE
« LESS IS MORE » « Moins est plus », « Moins,
c’est plus », « Dépouillement est richesse »
Ludwig Mies van der Rohe

« GOTT STECKT IM DETAIL (GOD IS IN THE

DETAILS) » de Saint Thomas d’Aquin à
Gustave Flaubert...

Homework
aka Joanna Gorska
& Jerzy Skakun

Nihon Buyo de Ikko-Tanaka

55
Flat design (VS Skeuomorphisme)

56
57
03 UNIVERSEL Adams Morioka

Baton collectif MBC Denier

58
59
04 BLANCS et CONTRASTES

100 Days, Josef Muller-Brockmann

60
Kasimir Malevitch
(Suprématisme)
Carré noir, Croix noire et
Cercle noir

61
O5 HIÉRARCHIE

62
 Shin Dokho

05 SYMÉTRIE

Leif Podhajsky

63
05 ASYMÉTRIE

Studio Des signes

64
06 RYTHME

Atelier Toutvabien 65
100 Days, Josef Muller-Brockmann
66
10 COULEUR

67
Procédé par Procédé par
soustraction adition

Numérique Impression papier

68
69
Sémiologie des couleurs
Michel Pastoureau, Le petit livre des couleurs,
Éditions du Seuil.
SOURCE : http://www.eric-page.info/Projets/chefProjet
MW/SemiologieDesCouleurs.pdf.
BLEU
Couleur raisonnable, chargé de valeur positive, c’est une
couleur apaisante. Nous rappelle les eaux calmes, le ciel de
vacances ... chargé de souvenir agréable.
Il suscité la sincérité et la confiance. Il incite les gens à la
conversation. Consensuelle : ONU UNESCO EUROPE, couleur
de droite
Bleu Sombre : protecteur, consensuel, sage
Bleu marine = fidélité et fiabilité, il peut également évoqué
l’autorité (police et marine)
Bleu foncé = une bonne éducation, rang sociale, dignité. Bleu
foncé métallisé = luxe réussite et pouvoir
Bleu clair = douceur, associé au goût sucré. fraicheur
Egyptiens = couleur sacré
Italie = yeux bleu = mauvaise vie
ROUGE
orgueilleuse, pouvoir, feu, sang, l’amour et l’enfer, énérgie,
courage.
Coloratus colorado= « rouge et coloré »
Adaus = « rouge + vivant »
Krasmoï = « rouge » = « beau »
Couleur facile à produire.
Esprit de mauvais présage (annotations prof)
Menaces
Couleur des romains, prétres, empereur
Jusqu’au 19 eme siécle la mariée était en rouge.
Chine et japon = couleur protectrice pour repousser les
démons, éloigne les mauvais esprits.
Trio de l’univers occidentale dans les contes notamment =
rouge noir blanc (blanche neige, sa pomme et la sorcière noir).
19 eme siecle = interdit
En symbole chrétiens :
Rouge feu = positive = vie, esprit saint, les langues de
feu, régénératrices, le sang du souveau
Négative = l’enfer, les flammes de satan, la
chair souillé, les crimes de sang, les péchés.
WEB = 1ere couleur visible excite
hyperactif : stimule peut aider à prendre des
décisions rapides. (boutons d’achats en ligne).
VERT
Couleur moyenne, médiane, non violente, paisible.
Autrefois, couleur excentrique. Chimiquement instable.
Premiere couleur a disparaitre (sur une photo par exemple).
Couleur de l’instabilité.
C’est une couleur qui bouge, change, hasard, jeu, destin
chance.
XVI éme siècle : Venise = tapis vert (pour les jeux souvent.
Pendant des siècles c’était une couleur qui inquiétait.
Notamment pour le monde irréel : créatures démoniaque,
dragons, serpent, petits hommes verts ...
aujourd’hui encore, les comédiens refuse de mettre du vert sur
scène (interdit au théâtre).
Aujourd’hui = liberté, jeunesse, santé.
70
Nature = feu + air
Couleur des musulmans
Glas = Islam (vert – nature) = tout endroit verdoyant.
Fraicheur, naturel, écolo, propre,
Couleur hygiénique.
Gratuité.
C’est la couleur qui a été la plus revalorisée.
C’est la couleur la plus relaxante, tranquillisante, cicatrisante.
Plus le vert pale plus il est calmant. Certains théâtres ont des
murs vert pales dans les loges pour enlever le tracs. Le vert
dans le monde entier est pour la sécurité car rassurant.
Vert vif = printemps, vie au grand ai, jeunesse, immaturité,
maque d’expérience.
Vert Forêt = stabilité, croissance (banque)
Vert Olive = le pouvoir aux US (armée)
Déco = chambre, hôpital, thalasso.
Packaging ) sain, naturel écolo.
BLANC
Les romains distinguent 2 blanc : albus (= albâtre, albumine) «
blanc mat » différent de candidus « blanc brillant » un candidat
(met une robe d’un blanc éclatant pour se présenter devant
ses lecteurs).
Blank = « blanc brillant » (black = « noir brillant »)
Weiss = « blanc mat »
Le blanc est souvent lié d’une absence (page blanche, nuit
blanc, cheque blanc,...)
2eme symbole = la pureté, innocence. Le blanc rapporte au
pur, vierge, garantie de propreté (frigo). Autrefois les draps et
sous vêtements devait être blancs.
Neige.
Plus blanc que blanc = bleu (fraîcheur, kiss cool...)
C’est aussi la lumière divine Dieu (lumière blanche) et les anges
blanc, fantôme sont également toujours en blanc.
2 extrémités du temps : berceau de naissance + blanc de la
vieillesse, en Afrique le blanc est la couleur du deuil car on
rentre dans un monde de lumière.
Blanc = noblesse (teint le plus blanc possible pour se
distinguer du monde paysans). Cette tendance a aujourd’hui
basculer (ouvrier blanc) et bourgeoisie teint halé pour montrer
qu’on ne va pas travailler en usine.
Il est associé à la vérité et à la bonté (relayer par le conte =
chevalier blanc).
JAUNE
Couleur qui fait honte, feuille morte.
Mal aimé au moyen âge car il est concurrent à l’or et au fil du
temps il a fini par symboliser la lumière, la chaleur, vie, joie ....
Le jaune est devenu une couleur éteinte au moyen âge : triste,
automne, déclin, maladie.
Puis il s’est décliné en symbole de la trahison, de la tromperie
et du mensonge.
C’est également la couleur de JUDAS, GANELON (le traitre),
chevaliers félons. (Vêtements jaune)
Signe de l’étoile.
Aujourd’hui c’est la couleur qui illumine nos vie, la plus
joyeuse, solaire optimise, joie spontanéité, sagesse,
imagination, signe de réussite, prospérité et pouvoir. C’est une
couleur à perception immédiate comme le rouge, elle s’impose
visuellement et il est souvent utilisé dans les panneaux routiers
= danger provisoir, constructions... Au japon = grâce et
noblesse.
En publicité il capte le regard. Stimule l’intellect (page jaunes).
Vitalise les autres couleurs (couleur chaudes qui donne vie aux
couleurs froides.
Cette couleur est appétissante.
71
A utiliser en parcimonie pour favoriser la conversation et bien
être.
Choisir un jaune pale plus qu’un jaune citron plus agressif.
(anxiété)
NOIR
Couleur ambivalente = corbillard vs élégance. Il y a un bon noir
et un mauvais noir
Noir dessin, broyer du noir, bête noire = les expressions au noir
sont souvent négatives = mort, tristesse, peur.
In Bible : noir = funérailles.
Liés pour l’enfer + monde souterrain, deuil, morgue, ténèbres
C’est la couleur de la réforme, de la dignité. Moines imposée
par la reforme.
Couleur de l’autorité, des magistrats, voitures des chefs. Niger
= noir brillant = fr noir
Ater = noir mat inquiétant = fr atrabilaire qualifie la vile noire.
Noir de l’autorité (costume).
Drapeau pirate signifiant la mort des occupants des bateaux.
Repris pour les anarchistes.
Absence de lumière.
Couleur la plus sophistiqué
VIOLET
Sub‐niger = « sous le noir »
Violet‐mauve : couleur du compromis, de la médiation, (car il
est entre le rouge passioné et le bleu tranquille) Il est considéré
comme un caractère protecteur, passionnée, généreux,
énérgique.
Violet‐prune foncé : connotation funéraires, solennel et
déprimant.
C’est aussi la couleur du mystère et de la magie (sorcellerie).
Mauve plus soutenue dit royal = opulences, richesse, rang
social élevé.
Violet Fuchsia véhicule joyeuse, enthousiasmante, énergique.
Mauve pale couleur lavande : nostalgie + romantisme, produits
destinés aux femmes (maquillage), calme, tranquille
En déco le violet est sensuelle , il représente le rétro et le
glamour. (lavande = chambre a coucher)
ROSE
Incarnat « couleur de la chair »
XVIII eme siècle : symbole de la tendresse, de féminité, c’est
un rouge dépouillé de son caractère guerrier. A l’inverse c’est
aussi une couleur « nunuche » dit « à l’eau de rose » au XIX
eme siècle. (péjoratif)
Ses valeurs =
Favorise la gentillesse, ça décourage l’agressivité et la
malveillance, calme la violence.
Il est réputer pour calmé, guérir.
Rouge = passion / Rose = amour maternel tendre.
C’est donc par évidence la couleur des petites filles.
Ça évoque la sensibilité et le romantisme.
Rose vif = beaucoup plus énergique, drôle, branchée.
Rose pêche = prisé en cosmétique car c’est à la fois féminin et
flatteur pour le teint.
En Déco il est conseillé contre le pessimiste et l’inquiétude.
ORANGE
Mélange de rouge et jaune il leur prend leur deux
caractéristiques Énergie + vitalité du rouge
Joie + enthousiasme du jaune
Créativité
Orange vif = attire l’attention (cf matériel de sur vie : bouet de
72

sauvetage, gillet)
Il suggère une idée de bonne qualité, utiliser sur les étiquette
de promotion
Orange atténué (citrouille et feuilles mortes) : il évoque
l’automne, les moissons et les éléments qui y sont associés.
Roux = doux à l’œil, raffiné (boite Hermès), aspect élégant.
+ Exotique
Utiliser en packaging car lumineuse, luxueuse mais à utiliser en
petites touches.
L’orange attire et donne l’illusion de faire apparaître les objets
plus près qu’ils ne le sont.
Synonyme de fraîcheur, de produits sains.
Héraldique(blason) = force, permanence, excellence . =
mélange de sable, de gueule pourpre, d’azur.
GRIS
A la fois il évoque la tristesse, la mélancolie (rêverie), l’ennui, la
vieillesse.
Mais il évoque aussi la sagesse, la plénitude de la
connaissance (on en a donné le terme « matière grise »)
Etant donné qu’il est dépourvu de chaleur il peut être distant et
solennel.
Il est lié au pouvoir et à la richesse (souvent dans les bureaux.
Ni attachante, ni repoussante.
Il suggère la réussite, la fiabilité, le sérieux (pierre).
En marketing il favorise le riche, le luxueux, prestigieux =
voitures.
Le gris métal est associé aux avancées scientifique,

MARRON
technologique. Car elle est considérée comme performante,
rappelant la vitesse du temps, high tech.
Couleur de la stabilité, de la terre et des arbres protecteur, Déco : déconseiller dans les pièces ou l’on mange car froid,
sentiment de bien être (foyer). plutôt pour des pièces de repos.
Ça évoque la confiance, la sincérité et le travail.
Marron chaud (vers le rouge) type la couleur du fruit marron =
fiable durable et rassurant. = confiance

Couleur de l’humilité. Porter su marron donne un air réceptif

qui invite au dialogue.
En déco : dénominateur commun, c’est une couleur de base
qui permet une déclinaison dans toute les teintes. Ça exprime
un sentiment de simplicité.
Clair = espace, rustique, rappellant la vie en plein air (sport,
vehicule)
Marron noir = raffiné
En associant avec le bleu = très masculain.
Marron = produits naturels bio, fraicheur du papier recyclé.

73
74
11 LA COULEUR : OUI,
MAIS AVEC PARCIMONIE

75
76
LA PAGE

77
LA GRILLE

78
79
LES LIGNES
DE FORCE

80
81
82
COMPOSITION IMAGE/IMAGE

83
GRILLE MODULAIRE

84
LA GRILLE DE
LIGNES DE BASE

85
RESPONSIVE WEB DESIGN

86
• Schématiser par blocs • « maquette fil de fer » • Pages interactives
• Position des zones de • Organisation des
contenus formes
• Fonctionnalités • Organisation des
= organisation générale contenus
• Structure des éléments.
87
88
• Mock up
=> maquette
graphique

89
TYPOGRAPHIE

90
LA MICROTYPOGRAPHIE
LA CLASSIFICATION DES CARACTÈRES
D’APRÈS MAXIMILIEN VOX

Est-il nécessaire de rappeler combien

le choix d’une typographie influe sur
la perception qu’un lecteur se fait
d’un texte ? Ou comment nos habitudes
de lecture, les associations récurrentes entre
certains caractères et certains messages,
certaines époques, certains lieux…
ont façonné notre appréhension des lettres
et ne cessent d’orienter notre assimilation
des contenus les plus divers.
Classification des caractères d’après Maximilien Vox
http://caracteres.typographie.org/classification/vox.html

91
« Toute perception de l’écrit — donc de la typographie — combine deux
modes d’appréhension : d’abord, l’acte de lecture lui-même, c’est-à-dire
le processus cérébral visant à convertir la succession de lettres que
l’oeil perçoit, puis l’acte de contemplation — en général, inconscient — qui
déclenche des associations avec ce qui a déjà été mémorisé visuellement
et éveille un certain nombre de sensations. Pour ces raisons, et parce que les
caractères typographiques doivent se plier à diverses exigences, remplir
différentes fonctions, aucun d’entre eux ne peut être dit, d’une manière
générale, intrinsèquement bon ou mauvais, utile ou inutile. Pour les textes
longs, les caractères typographiques sont soumis à d’autres contraintes
que les caractères des imprimés publicitaires (affiches ou prospectus), des
couvertures de livres ou encore ceux destinés à l’ornement. Des caractères
difficiles à lire, employés avec habileté et parcimonie, peuvent accrocher le regard
du lecteur (du contemplateur), le choquer, le provoquer et l’inciter ainsi à d’avantage
d’attention et à une meilleure prose en compte d’autres informations contenues
dans l’image et le texte. Le choix et l’emploi judicieux d’un caractère pour les
applications les plus diverses sont des problèmes que le concepteur doit
résoudre au cas par cas. »
Jost Hochuli, Le détail en typographie.

92
CARACTÈRE DE LABEUR,
SON CORPS & SON
INTERLIGNAGE

93
94
RECONNAISSANCE DES STOM
LA LECTURE
RECONNAISSANCE DES MOTS

Il fuat tout d’aobrd noter que

l’aicton de lrie relvèe d’un creaitn
automastime à recnonaître tuot
un tas de mtos que nuos
connssaions djéà ; ce n’est pas
un excierce de défcihfremnet,
letrte par lttere !

95
RECONNAISSANCE DES LETTRES
LA LECTURE
RECONNAISSANCE DES LETTRES

Savez-vous qu’il est plus facile

de lire un texte en conservant
seulement la partie supérieure
de ses lettres plutôt que l’inverse,
c’est-à-dire si l’on ne conserve
que la moitié inférieure
des lettres ?

96
RECONNAISSANCE DES LETTRES
LA LECTURE
RECONNAISSANCE DES LETTRES

Les typographies à empattements

auront toujours un petit avantage
vis-à-vis des linéales car leurs lettres
ont moins de particularités
visuelles ; d’un rapide coup
d’œil, les lettres serif sont plus
facile à reconnaître.

97
 LA LETTRE
LA MICROTYPOGRAPHIE
LA LETTRE

Hauteur d’x Hauteur de capitale Jambage supérieur

Fût
Queue

Agapko
Pointe
Diagonale

Plein Délié

Traverse (ou barre) Jambage inférieur

Boucle Corps
Ligne de pied Contrepoinçon
Empattement
Panse
Correction optique

98
LA MICROTYPOGRAPHIE
LES CARACTÈRES

AaBbCcDdEe
Un caractère, parfois aussi appelé une famille Extra Condensed

AaBbCcDdEe
de caractères, réunit l’ensemble des lettres réunies
sous un même nom.
Light Condensed

Une police, une fonte, une graisse, sont autant

AaBbCcDdEe
de termes employés pour désigner les variantes
qui composent une famille de caractères. Condensed

AaBbCcDdEe Light

LES CARACTERES
AaBbCcDdEe Light Italic
Différentes graisses du
Grotesque Monotype
AaBbCcDdEe Regular

AaBbCcDdEe Regular Italic

AaBbCcDdEe Bold

AaBbCcDdEe Black

AaBbCcDdEe Bold Extended

Les différentes graisses dessinées du Grotesque Monotype

99
LA MICROTYPOGRAPHIE

LES GLYPHES
LES GLYPHES
Les glyphes sont les dessins de caractères et d’accents compris
dans une police. À partir du tableau des glyphes
(dans InDesign) on peut retrouver la totalité des signes
typographiques dessinés et notamment ceux qui ne sont pas
accessibles au clavier.

!"#$%&'()*+,-./0123456789:;<=>?@ABC
DEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abc
defghijklmnopqrstuvwxyz{|}~ ¡¢£¤¥¦§¨©ª«¬-
®¯°±23´µ¶·¸1º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑ
ÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòó
ôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒˆˇˉ˘˙˚˛˜˝Ωμπ–
‡Asiutnorwxklcéê–æëìåíî¢ûïðñòóôõö÷
Les glyphes complètes de la graisse semibold du Joanna Monotype.

InDesign > Texte > Glyphes

Glyphes complètes de la graisse semibold du joanna Monotype

100
RÈGLES
TYPOGRAPHIQUES

101
CHOIX ?

102
IMAGE

103
Images pixel Images vectorielles

JPEG Joint Photographic Experts Group PDF Portable Document Format

WEB et IMPRESSION (compression) IMPRESSION ET DOCUMENT

GIF Graphics Interchange Format (compression) EPS Encapsulated PostScript

IMAGES ANIMÉES ENVOIE (CLIENT, DESIGNER OU IMPRIMEUR)

PNG Portable Network Graphics (sans compression) AI Adobe Illustrator

WEB CRÉER (VECTORISATION) ET MODIFIER IMAGE
VECTORIELLEC, TYPOGRAPHIE, LOGO
TIFF/TIF Tagged Image File Format (haute définition)
PAO ET EN PHOTOGRAPHIE

RAW Brut (haute définition)

PHOTOGRAPHIE NON TRAITÉE

PSD Photoshop Document

CALQUES (VECTORIELS), RETOUCHER,
CORRECTION, OPTIMISATION (WEB), VIDÉOS,
ANIMATIONS...

104
 IMPRESSION PDF
OPTIMISATION

Images pixel
(exemple : jpg)
300 DPI 150 DPI

WEB (minimum)

72 DPI 36 DPI 18 DPI

105
TYPO = GERER LE CRENELAGE (ANTI-
CRENELAGE)
sur PSD : Lissage ou Contour progressif)

106
PHASE 1 : Mots clés (constellation sémantique
autour du concept)
Méthodes
que l’on peut
EMOTIONS utiliser pour
• Deux (trois)
• Justifier vos choix (2§ mini) trouver un
nom
COULEURS
• Cinq (déclinaisons pour par ex : affiches, titrages, scénographie...)
• Justifier vos choix (2§ mini)

SYMBOLES CAHIERS DES

• Deux et plus (précise votre intention) CHARGES
• Justifier vos choix (2§ mini)
+
ACTIONS (MOUVEMENTS) VEILLE
• Deux (pour des déclinaisons)
• Justifier vos choix (2§ mini)
GRAPHIQUE
SONS (ONOMATOPE, RYTHME...)
• Deux (pour des déclinaisons)
• Justifier vos choix (2§ mini)

107
PHASE 2 :
TROUVER DES TYPOS
(Selon votre cahier des charges)
• Une principale (caractère de labeur) = Justifier vos choix (1§ mini)
• Une sans Serif = Justifier vos choix (1§ mini)
• Une avec Serif = Justifier vos choix (1§ mini)

- https://www.dafont.com/fr/
- https://fr.tuto.com/blog/2015/06/95-typos-gratuites-indispensables-
designs.htm
- http://www.1001fonts.com/
...

108
LOGO Phases : 4
SIMPLICITÉ 1 - Vous disposez d’un concept et d’un cahier
des charges !!!
ORIGINALITÉ
2 - Élaboration graphique du logo
PERTINENCE (Brainstorming, dessin à la main…)
• Lettrage, symbole, ou les deux ?
INTEMPORALITÉ • Logotype ? Exemple de présentation
• Sigle/Acronyme ?
POLYVALENCE • Pictogramme ?
(Tous supports) • Forme abstraite ?
• Emblème ?
• Mascotte ?
• Web 2.0 ? (Flat design)
- Trois avant-projets différents =
Justifier vos choix (1§ mini)
- Recherche sur vecteur graphique
- source d’inspiration
- http://www.logobook.com/
- http://logo-archive.org/
- https://www.istockphoto.com/fr/illustrations/
logo?excludenudity=false&sort=mostpopular&
mediatype=illustration&phrase=logo

...
- http://bpando.org/logo-gallery/

3 - Retranscrire vos avant-projets sous forme

numérique = Justifier vos choix (1§ mini)
109
PHASE 6 : CHARTE GRAPHIQUE ARGUMENTÉE
EXEMPLES :
http://chartes-graphiques.com/

110
GLOSSAIRE TEXTE
(journalisme)
Accroche : une ou deux phrases en tête d’article, destinée(s)
à retenir, «accrocher» l’attention du lecteur. S’emploie aussi en
publicité, avec le même objectif. A la fin de l’article, on parle de
«chute».
Billet : Court article de commentaire donnant une vision
personnelle, piquante ou humoristique, d’un fait d’actualité.
Brève : par opposition au dossier ou à l’enquête, la brève est
un texte court, une «nouvelle brève» (dix lignes maximum). Elle
donne en trois ou quatre phrases une information très concise,
sans titre, qui répond obligatoirement aux questions: qui, quoi,
quand, où, et parfois comment et pourquoi.
Une brève est rarement seule, elle est présentée dans une
colonne de brèves. Lorsqu’elle a un titre, on l’appelle «filet».
Dans un cadre, elle devient «encadré».
Chapô/chapeau : texte d’introduction qui «coiffe» un article,
généralement présenté en plus gros, et en caractères gras.
À mi-chemin du résumé et de l’accroche, il concentre en
quelques lignes l’essentiel de l’information. Le chapô fait partie
de la titraille.
Inter : abréviation d’ «intertitre» : titre intermédiaire (une phrase
ou quelques mots), composé en plus gros, en couleur, en
gras..., qui rythme les colonnes de texte, de façon à en rendre
la lecture moins fastidieuse. En théorie, il devrait suffire de lire
chapô et inters pour connaître les informations essentielles
d’un article.
Interview : l’interview consiste à interroger quelqu’un de
représentatif d’un sujet, ou tout au moins quelqu’un dont
les propos sont censés être significatifs. Ce genre est très
approprié au souci de vulgariser, car il fait appel au langage
parlé et à la spontanéité. Il est donc explicatif et donne à
entendre.
Légende : court texte accompagnant une photo ou un
dessin et visant à lui donner un sens. Une légende peut être
descriptive, interprétative, informative. En bonne théorie,
aucune photo ne devrait paraître sans sa légende.
Niveaux de lecture : lusieurs éléments contribuent à rendre un
article plus lisible et plus attrayant:
- le chapeau, ou «chapô» dans le jargon journalistique: court
texte précédant un article, donnant l’information essentielle
(comme un résumé) et accrochant le lecteur. Le chapeau coiffe
l’article.
- la titraille: titre, surtitre et sous-titre (au-dessus et au-dessous
du titre), intertitre (dans la colonne de texte). Plus l’article est
long, plus chacun de ces éléments est nécessaire.
- la légende de la photo: court texte qui explique au lecteur
le sens que le journaliste donne à la photo. La légende doit
être accompagnée du crédit photo (nom du photographe, de
l’agence).
Photo : la photo est l’un des arguments clés du contenu et de
la présentation rédactionnels. Elle vise à accrocher le regard
du lecteur, à retenir son attention, à donner plus de force à
une information... Photo-information ou photo-illustration, elle
participe à l’équilibre texte-illustrations qui favorise l’entrée
111
dans la page.
Source Origine de l’information (personne ressource,
document).
Titraille : ensemble des éléments d’un titre (surtitre, titre
principal, sous-titre), dont la diversité typographique est
destinée à attirer le regard.
que le niveau des yeux. Il est en contre-plongée lorsque l’on
regarde un sujet placé plus haut que le niveau des yeux.
Aplat : Désigne une surface de couleur uniforme, sans
nuances.
Assemblage : L’assemblage consiste à réunir de manière

VOCABULAIRE ART :
solidaire, différents éléments pour former un tout. Une œuvre
créée par assemblage peut être composée de différents
matériaux bruts ou d’objets de récupération. Les artistes
cubistes ou dadaïstes ont popularisé ce mode de création.
Abstrait (Art abstrait) : Est abstrait ou non-figurative une œuvre
Chaque assemblage obéit à une démarche artistique précise.
qui ne représente rien de réel ou d’imaginaire. L’art abstrait est
une tendance artistique qui apparaît au début du vingtième
Atmosphère : Le milieu au regard des impressions qu’il produit
siècle.
sur nous, de l’influence qu’il exerce. ? Ambiance, climat,
environnement.
Accroche : C’est le texte écrit en gros caractères.
Arts plastiques : Le mot plastique vient du grec « plastikos »
Accumulation : Entassement ou regroupement d’objets de
qui signifie : relatif au modelage. Le terme « arts plastiques
même nature ou différents. Le mot est le plus souvent associé
» désigne les arts dont le but est l’élaboration des formes
à certaines œuvres des nouveaux réalistes (voir Arman).
visuelles.
Les arts plastiques sont : la sculpture, l’architecture, le dessin,
Ambiance : Atmosphère matérielle ou morale qui environne
la peinture, le design, la photographie, le cinéma mais aussi les
une personne, une réunion de personnes.
arts décoratifs, la chorégraphie et la scénographie.
Ambiant : Qui entoure de tous côtés, constitue le milieu où l’on
Cadrage : Terme cinématographique et photogra¬phique qui
se trouve.
désigne l’action de cadrer, de choisir avec précision ce qui
sera ou ne sera pas présenté au regard du public. Le cadrage
Analogie : Rapport, ressemblance d’une chose avec une autre.
a une conséquence directe sur le plan de l’image (gros plan,
plan d’en¬semble, etc.). On dit que tout ce qui se trouve à
Angle de vue : Terme photographique qui correspond à la
l’intérieur du cadre se trouve dans le champ, que tout ce qui
hauteur et à la direction de notre regard. L’angle de vue est
n’est pas dans le cadre est hors champ. Par extrapolation, ce
qualifié de normal lorsque l’on se trouve au même niveau que
terme peut être utilisé pour la peinture.
le sujet regardé. IL est en plongée lorsque le sujet est plus bas

112
Cadre : Il désigne la bordure de bois ou de métal qui entoure
un tableau et contribue à sa présentation. Il désigne aussi ce
qui limite le champ photographique.
Camaïeu : Manière de peindre avec les valeurs d’une seule
couleur. On obtient ainsi différentes nuances ou valeurs.
Cellule : [selyl] n. f. – 1429; fat. cellula, de cella .chambre
(source : Le Petit Robert)
1 RARE Petite chambre isolée, où l’on est seul. →
cham¬brette, loge. Être reclus dans sa cellule. – COUR.
Cellule de moine, d’ermite. 2. (1845) Local où une seule
personne est enfermée. Cellule de prisonnier. → cachot.
Détention en cellule (régime cellulaire). Cellule disciplinaire
de prison. → ARG. mitard. PAR EXT. Avoir huit jours de
cellule, de cachot (se dit dans l’armée).
Il. 1. (1503) VIEILLI Cavité qui isole ce qu’elle enferme. →
compartiment, loge. Cellule d’un gâteau de cire. → alvéole.
2. (1824) BIOL Unité morphologique et fonctionnelle
consti¬tutive de tout être vivant, formée en général d’un
noyau entouré d’un cytoplasme* limité lui-même par une
mem¬brane périphérique. Cellule bactérienne, végétale,
animale. Constituants de la cellule (→ cellulaire). Cellules
somatiques’. Cellules reproductrices. → gamète, pollen,
spore. Cellules nerveuses .→ neurone. Cellules sanguines.
→ érythrocyte, hématie, leucocyte, plaquette. Cellules
immunocompétentes. Cellules souches. → érythroblaste,
myéloblaste, neuroblaste, ostéoblaste. Première cellule
d’un organisme après fécondation. → oospore, œuf. «L’œuf
se divise d’abord en deux cellules; chacune d’elles, à
son tour, se divise en deux, et ainsi de suite» (J.Rostand).
3. (1904) Ensemble des structures d’un avion (ailes,
fuselage). 4. Élément (d’habitation, d’équipement). Cellules
d’habitation. 5. SC.. TECHN. Unité productrice d’énergie.
Cellule photoélectrique*. Cellule solaire. → photopile. La
cellule d’un appareil dE photo. → posemètre. ? AUDlOVIS.
Cellule de lecture ou cellule: capteur utilisé pour la lecture
des sons gravés sur un disque. Cellule magnétique,
piézoélectrique.
III. (ABSTRAIT) 1. Elément constitutif. La famille, cellule
de la société. 2. Groupement de personnes ayant un
fonctionne¬ment propre. Cellules administratives, de
production. Une cellule de crise. – Les cellules d’un parti
politique (SPÉCIALT du parti communiste). → groupe,
noyau, section. Réunion dE cellule. – PAR EXT. Séance
tenue par une cellule. «C’est la dernière cellule avant qu’on
parte» (Aragon). 3. INFORM. Elément répétitif ayant un
fonctionnement propre. Cellules de mémoire.
Clair-obscur : Procédé technique qui consiste à jouer sur la
diffusion de la lumière dans une peinture représentant le plus
souvent des scènes d’intérieur nocturnes. Les effets de la
lumière sont très puissants à certains endroits du tableau et
inexistants à d’autres. C’est une peinture de contrastes dans
laquelle excelle Caravage (1571-1610) et Georges de le Tour
(1593-1652).
Collage : Technique qui apparaît au début du XXe siècle.
L’artiste utilise des morceaux de papier divers, des
photographies et des petits objets. L’un des premiers «
collages» est une œuvre de Pablo Picasso, Nature morte
à la chaise cannée, 1912. Il colle un morceau de toile cirée
imprimée d’un motif de cannage pour figurer le des¬sus d’une
chaise.
113
Cohérence : Liaison, rapport étroit d’idées qui s’accordent
entre elles ; absence de contradiction
Cohérence plastique : Liaison, rapport étroit des formes et
des couleurs entre elles dans le but de produire du sens. C’est
la base de la composition dans laquelle toutes les formes
contenues dans image deviennent unies, inséparables et
forment un ensemble.
Composition : Il s’agit de la position des différents éléments
qui sont représentés dans une œuvre. Le choix de cette
position est très important pour la signification de l’ensemble.
À l’aide de croquis et de dessins préparatoires l’artiste
passe souvent beaucoup de temps à rechercher la meilleure
composition possible. Ce travail lui permet aussi de visualiser
l’ensemble de l’œuvre avant même d’entreprendre la
réalisation partie par partie.
Contraste : C’est une opposition importante et remarquable
entre deux couleurs, deux formes, etc. Le noir contraste
fortement avec le blanc.
Contre-jour : Phénomène optique dû à la présence d’un
éclairage derrière l’objet ou la personne que l’on regarde. Ce
dernier, ou cette dernière, devient totalement sombre et l’on ne
distingue aucun ou très peu de détails.
Crayonné : Projet graphique à l’état d’ébauche, esquisse pour
une illustration.
Colorier : Appliquer une couleur sur une surface de papier.
Coloris : Effet visuel qui résulte du choix, du mélange et de
l’emploi des couleurs dans une œuvre plastique.
Croquis : Dessin rapide qui n’a pas obligatoirement une
destination ou une dimension artistique.
Dessin : Ensemble de traits ou de lignes qui représentent. Le
dessin est une technique et un art. C’est également le contour
d’un objet, d’une personne, etc. Le dessin préparatoire est
exécuté pour étudier la composition, la construction de
l’espace ou les traits d’un personnage, avant la réalisation de
l’œuvre. Le dessin technique est un dessin dont la destination
est essentiellement fonctionnelle. Il doit être d’une exécution
précise, porter des dimensions (des cotes) ou une échelle
de grandeur. Il sert de base à la réalisation de toutes sortes
d’objets.
Densité : Qualité de ce qui est dense. Dense : Qui renferme
beaucoup d’éléments en peu de place. Condensé, ramassé.
Dynamisme : Energie, vitesse, tonus.
Echelle : C’est une référence qui fixe par convention des
équivalences de dimensions. Pour réaliser le plan d’une
maison, on pourra réduire toutes les dimensions, de manière
proportionnelle. Sur le plan, par exemple, un centimètre
représentera un mètre.
Encadrement : Ce qui encadre ou entoure.
Esquisse : Dessin au crayon ou au fusain qui donne
l’impression d’être inachevé. C’est le point de départ de la
réalisation d’une œuvre et n’est pas un aboutissement.
Etude : Dessin , peinture ou modelage réalisé d’après nature et
servant à la représentation d’une œuvre plus élaborée.
114
Exprimer : Rendre sensible, faire connaître par le moyen de
l’art.
Expression : Dans les arts visuels c’est ce qui traduit la
pensée, les sentiments, la personnalité de celui qui y est
représenté.
Format : Ce sont les dimensions d’un support bidimensionnel.
Le format d’un support conditionne l’attitude de l’artiste.
Lorsqu’il travaille sur un grand, voire très grand format, l’artiste
ne voit généralement qu’une partie de son travail. S’il veut voir
l’intégralité de son œuvre, il doit prendre du recul, mais dans
ce cas, il ne peut travailler, sauf s’il utilise des instruments à la
mesure du format.
Gestes : Dans certaines œuvres il est possible d’observer les
traces laissées par le geste du créateur. Ces traces sont de
deux ordres et sont indépendantes. On distingue les traces
laissées par les gestes et celles laissées par les instruments.
Les traces des instruments donnent une indication sur la
gestuelle de l’artiste. Ces traces peuvent traduire des gestes
amples, précis, rapides, saccadées, nerveux, violents, etc. Ce
sont autant de qualificatifs qui vont préciser leur nature. Les
traces d’instruments donnent quant à elles des indications sur
la manière dont les matériaux ont été utilisés.
Graphisme : En arts plastiques, le graphisme désigne la
manière particulière et propre à chacun de dessiner. Par
exemple, on dira d’un artiste qu’il a un graphisme compliqué,
simple, épuré, mordant, sensuel ou tout autre adjectif qui
permette de le caractériser. [Petit Robert : aspect des signes
graphiques considérés sur le plan esthétique.]
Hyperréalisme : Courant pictural américain de la fin des
années 60, appelé aussi « photorealism » qui s’appuie sur la
reproduction très fidèle de la réalité à partir de documents en
images.
Icône : Terme d’abord religieux étendu à une image faisant
l’objet d’une vénération.
In situ : Oeuvre réalisée ou installée dans un espace non dédié
à l’art
Installation : Proche de l’environnement, déployée dans
un espace, l’installation désigne une oeuvre qui fait
dialoguer des éléments de natures diverses, et où se mêlent
différentes techniques artistiques, pour une présentation non
traditionnelle.
Intégrer : Faire entrer un élément plastique dans un ensemble
(une composition) de façon à ce qu’il soit homogène avec les
autres éléments de cet ensemble.
Limite : La limite est la ligne qui sépare deux espaces ou deux
surfaces. Dans une œuvre bidimensionnelle, elle est souvent
imposée par le format du support ou par le cadre.
Logo : Abréviation de « Logotype » est un dessin représentant
une marque, une entreprise ou une organisation. Le plus
souvent , le logo se caractérise par un graphisme stylisé,
simplifié, et peut ou non contenir des lettres et des mots.
Marge : Intervalle d’espace ou de temps, latitude dont on
dispose entre certaines limites.
Modelage : Action de modeler une substance plastique pour
lui donner une forme déterminée. Ouvrage ainsi modelé.
115
Monstre: Etre présentant une déformation importante.
1. Être, animal fantastique et terrible (des légendes,
mythologie)=> chimère, dragon. Animal réel gigantesque ou
effrayant. Monstre marin=> cétacé, poulpe.
2. Être vivant ou organisme de conformation anormale (par
excès, défaut ou position anormale des parties
3. Personne d’une laideur effrayante. Personne effrayante par
son caractère, son comportement
Moulage : Reproduction d’une œuvre originale obtenue par
moulage.
Nuances : C’est ainsi que l’on appelle les variations, parfois
très légères, d’une même couleur.
Ombres : On distingue l’ombre propre (qui est sur l’objet) de
l’ombre portée (que l’objet projette à l’extérieur de lui).
Perspective : C’est une technique qui permet de représenter
sur un support en deux dimensions (feuille de papier, de
carton, toile, etc.) des objets ou tout autres volumes ayant
trois dimensions. On peut ainsi représenter les plus ou
moins loin et occupant n’importe quelle position dans
l’espace. La perspective désigne également l’ensemble des
éléments qui s’offrent à notre regard en fonction de l’endroit
que l’on occupe. La perspective aérienne ou perspective
atmosphérique, fonctionne sur le principe d’un effet d’optique
bien connu et facile à observer dans la réalité. Les couleurs
semblent plus foncées et vives dans les premiers plans que
dans les derniers. Ainsi, dans un paysage, la profondeur la
profondeur de champs est accentuée par cet effet de couleurs
de plus en plus claires à mesure que l’on progresse dans les
plans. C’est Léonard de Vinci ( 1452-1519) qui va le premier
définir cette perspective.
Pertinent : Qui convient exactement à l’objet dont il s’agit.
Approprié, qui convient. Qui dénote du bon sens, de la
compétence.
Photomontage : (Définition tirée de l’article « Entre art
et politique, LE PHOTOMONTAGE » de Mikaël Demets
pour Evene.fr – Novembre 2006) : Le photomontage est
le fruit de deux étapes distinctes et immuables. D’abord,
il faut sélectionner et découper des fragments d’images
photographiques, le plus souvent en fouinant dans les
journaux. Ensuite, il faut assembler, recomposer, harmoniser.
Recréer. De par leur nature photographique, les composants
du photomontage s’inscrivent d’office dans une vérité, puisque
la photographie est, par définition, une retranscription pure et
simple de la réalité visible. Découpée, fragmentée, cette vérité
devient partielle, amputée. Replacés dans un nouvel ordre,
ces morceaux forment un nouveau tout, une nouvelle vérité
soumise à la subjectivité de l’artiste. Avec le photomontage, la
photographie coupe la relation mimétique qu’elle entretenait
jusqu’alors avec la réalité : elle ne se contente plus de
reproduire, désormais, elle donne sens.
Plans (terme photographique et cinématographique): Ils
correspondent aux dimensions du sujet à l’intérieur du cadre.
Un gros plan est un plan où le sujet principal est vu de très
près, comme pour les natures mortes. Un plan rapproché est
un plan qui représente le sujet et une partie du contexte, c’est
souvent le cas pour les portraits. Un plan moyen représente
le sujet et son entourage immédiat, on retrouve ce type de
plan pour les scènes de genre ou les scène galantes. Un plan
général représente le sujet dans son entourage plus ou moins
proche. Le plan d’ensemble présente un paysage, une foule
importante ou une architecture dans un cadre très large.
Les plans sont aussi les différentes parties de l’espace
116
d’un tableau ou d’une représentation bidimensionnelle. Ils
permettent de donner l’impression d’éloignement. Le premier
plan est celui qui semble le plus près de notre regard. On
parle d’avant-plan pour désigner un élément qui chevauche le
premier plan et dont la plus grande partie est hors champ (par
exemple la cime d’un arbre ou le haut d’une fleur). Le second
plan est, par définition, celui qui se présente derrière le premier
plan et ainsi de suite pour le troisième plan, le quatrième…. Le
dernier plan est appelé l’arrière-plan.
Point de vue : Il correspond à la position physique de l’artiste
ou de l’observateur devant un travail bidimensionnel.
Prédelle : Partie inférieure d’un tableau d’autel, généralement
divisée en petits panneaux représentant une série de sujets ou
une histoire.
Proportions : Ce sont les dimensions de différents éléments
comparés les uns aux autres selon une échelle identique.
Profondeur de champ : Terme essentiellement photographique
ou Cinématographique. La profondeur de champ est
déterminée par la distance hypothétique entre les plans. Plus
on a l’impression que la distance entre le premier plan et
l’arrière plan est grande, plus le champ est profond. Lorsque le
champ est peu profond , on dit qu’il y a peu de profondeur de
champ ou que la profondeur de champ est faible.
Raccourci : Réduction que le peintre ou le dessinateur fait
subir à une figure vue en perspective.
Reproduire : Créer, faire exister des choses semblables ou
identiques à un modèle. Constituer une réplique, une image
d’un original.
Retable : Partie postérieure et décorée d’un autel, qui
surmonte verticalement la table.
Rythme : Il désigne certains éléments d’une composition
qui semblent marquer une répétition, une succession ou un
enchaînement. Cela peut être des éléments figuratifs comme
des arbres, des cheminées, des formes géométriques ou des
éléments plus abstraits, comme des taches, des traces, des
effets de matière, etc.
Série : Elle désigne une suite ou un groupe d’œuvres ayant les
mêmes caractéristiques.
Surface : C’est la partie extérieure d’un support (une feuille de
papier, une toile de lin, un bloc de marbre). Le peintre dépose
sa peinture sur la surface de la toile tout comme le sculpteur
sculpte la surface de la pierre. Il ne faut pas confondre surface
et étendue.
Support : C’est ce sur quoi est réalisée l’œuvre. Le support
peut être le papier, le carton, la toile de lin etc. C’est plus
généralement le moyen matériel utilisé pour créer (la
photographie, le cinéma, la peinture, etc.).
Statisme : Etat de ce qui est statique, qui ne bouge pas.
Stéréotype : Image ou association d’images toujours
semblables représentant un objet, un être ou une idée et qui en
élimine les particularités.
Structure : La structure d’une œuvre tridimensionnelle
117
correspond à l’armature mais aussi à la manière dont les Zoom : Effet d’éloignement ou de rapprochements successifs
différents éléments sont assemblés les uns aux autres. obtenus par la variété des plans, avec un objectif spécial.
Au sens figuré, zoom, indique un gros plan déjà établi ou
Styliser : Consiste à éliminer les détails, à simplifier des formes progressif.
qui sont représentées. C’est en partie par l’épuration, la
stylisation des formes que la représentation peut s’éloigner du
réalisme.

Taille : Forme qu’on donne à une chose en la taillant, c’est à

dire en enlevant des morceaux avec un outil tranchant.

Ton : Couleur considérée pour son éclat. Ton vif, ton froid, ton
chaud, ton clair, etc.

Ton local : Il désigne la couleur propre de l’objet. Dans une

peinture, on parle également de ton local, voire de teinte
locale, pour désigner une couleur qui ne tient pas compte de
l’influence de la lumière (ou de l’ombre) ainsi que des couleurs
voisines.

Touche : C’est le nom donné à la manière de déposer la

peinture sur un support. Tantôt les touches sont subtiles,
délicates, pleines de finesse ou inversement, en pâte épaisse,
suivant des gestes amples, nerveux, agressifs, expressifs. La
touche est l’écriture du peintre.

Valeur : Désigne l’intensité lumineuse d’une couleur en fonction

de l’ombre et de la lumière. Plus on ajoute de noir dans une
couleur, plus sa valeur devient sombre. Au contraire, plus on
ajoute de blanc, plus elle devient claire.

Visuel : C’est l’image reproduite sur l’affiche.

118