7principes

du design
graphique
Studio de
graphisme et d’infographie
 créer
vos présentations et
Utilisez vos outils de communication

ce guide équilibrer vos visuels

pour...
évaluer la qualité du
travail d’un graphiste

Pas besoin d’être un graphiste pour vouloir un beau design !

© Pro-Actif
 Pourquoi vos visuels sont si
importants ?
© Pro-Actif
 Un des grands Lors de la conception de ces outils, le contenu est certainement
très important, mais le contenant l’est tout autant. C’est lui qui

défis pour les

va piquer la curiosité de votre public, améliorer la lisibilité et
donner du dynamisme.

C’est de là qu’est venue notre idée pour la création de ce

organisations guide. En effet, beaucoup de dirigeants et de conseillers

en communication œuvrant au sein de petites, moyennes et
grandes entreprises seront amenés un jour ou l’autre à créer un
visuel dans un contexte professionnel. Cela ne veut pas pour

est d’avoir des outils de autant dire que l’on soit à l’aise avec les concepts graphiques.
Vous avez probablement une idée intuitive de ce qui est beau
et moins beau visuellement, mais ce guide vous donnera des
communication qui stimulent balises claires afin d’assurer le maximum de lisibilité et d’avoir
des documents esthétiques et optimaux.

l’intérêt du public, qui démontrent On vous présente les concepts essentiels du graphisme et
à la fin du document, on vous propose une liste de vérifications
leur professionnalisme et qui leur pour vos projets en communication. On vous donne des conseils
d’experts et des instructions détaillées.

permettent de se démarquer. Les visuels n’auront plus de secrets pour vous !

© Pro-Actif
 Principe #1
L'alignement
© Pro-Actif
Principe #1 • L’alignement

Maison
Alphonse-Desjardins
6, rue du Mont-Marie, Lévis
La Maison Alphonse-Desjardins a
été le lieu de résidence de la famille
Desjardins pendant plus d’un demi-
siècle et a abrité le siège social de
la Caisse populaire de Lévis de 1900
à 1906. C’est à l’intérieur de ses
murs qu’est né le projet de fonder la
première coopérative d’épargne et
de crédit en Amérique. Situées dans
un cadre historique exceptionnel, les
deux salles proposées dans ce lieu
peuvent également être jumelées
à une visite guidée du musée.
L’alignement est un principe fondamental en design. Que ce soit Une excursion inspirante dans le
passé à ne pas manquer !
une image, un bloc de texte, un titre ou un logo, l’alignement
permet de créer une structure dans le contenu. Vous pouvez
imaginer le concept de l’alignement comme une grille imaginaire
qui met en relation les éléments de la page. Lorsque les éléments
sont bien disposés, cette grille devient invisible et facilite la
compréhension et la lisibilité du contenu. Ce cadre définit les
limites du contenu et permet d’éviter que l’œil du lecteur ne sorte Services
complémentaires :
de la page. • Stationnement accessible
et gratuit sur place ou dans
les rues avoisinantes
• Location des salles gratuite (frais

Il est important d’identifier les alignements communs de la page pour gardien de sécurité en
dehors des heures de bureau)

et d’en minimiser le nombre. C’est un peu comme les poutres

• Espace-cuisine sur place
• Services de traiteur à proximité
Salle Blanchet Salle des fondateurs
d’un bâtiment en construction. Dans plusieurs logiciels, les
(L’intimiste, Traiteur La Courtisane,
(nouveauté) • Capacité de 16 personnes assises Je Reçois Traiteur, etc.)

éléments sont automatiquement alignés lorsqu’on les déplace

• Écran et projecteur • Réseau de connexion Internet D’autres activités et services
du Mouvement Desjardins
• Capacité de 10 personnes assises peuvent être ajoutés à votre
• Tableau effaçable
près d’un de ces guides. Ces fonctions aident à améliorer la • Réseau de connexion Internet
du Mouvement Desjardins • Salle Teams
événement pour le rendre
inoubliable. Renseignez-vous!

qualité de la mise en page. L’alignement permet aussi d’éliminer

• Divisible en deux
• Espace de type «collaboratif»

le chaos et l’aspect aléatoire dans la position des éléments Questions et soutien :

Société historique Alphonse-Desjardins

graphiques. Quelques pixels à gauche ou à droite peuvent faire 418 835-2090, poste 5562507
shad@[Link]

toute la différence entre un visuel amateur ou professionnel.

© Pro-Actif
 Principe #2
Le contraste
Principe #2 • Le contraste

À première vue, lorsqu’on parle de contraste, on pense à

la couleur. Cependant, la couleur n’est pas la seule façon
Les c
d’ajouter du contraste. Pour renforcer la différence entre Pyramide de marque l

ien
2 éléments, vous pouvez faire varier la grosseur, les formes, et parcours de dècision du voyageur

téles ci
le style typographique et la relation entre les éléments pour Phase d’inspiration au voyage
Identitè
faire ressortir l’essentiel. 3 piliers du Québec maritime
ble
s
FAIRE CONNAÎTRE L’omniprésence
du Saint-Laurent
Les grands espaces
et le grand air
Les gens
Voyagent
les régions du Québec maritime,

1
gènèralement

Rôles et utilités du contraste inspirer le voyageur, le séduire

et l’amener à choisir nos régions
comme prochaine destination
Ce qui rend la destination unique
• Paysages côtiers (falaises, plages et littoral)
• L’amateur de
destination en
entre adultes
(sans enfant)

vacances en présentant le •
•
Îles et archipels en pleine mer
Patrimoine maritime (humain, bâti et culinaire)
bord de mer
caractère distinctif de nos régions
• Mettre de l’accent sur certains éléments de votre contenu. par la mise en valeur des piliers
identitaires de la marque.
• Combinaison mer, montagnes, lacs et rivières
donnant lieu à une panoplie d’activités de plein air
• Proximité avec les gens (convivialité, fierté,
• L’amateur de nature
et de grands espaces Majoritairement
sentiment d’appartenance au territoire)
âgèes de 45 ans
• Les clientèles et plus

• Améliorer la lisibilité de votre texte. Un texte à lire doit Phase de prise de dècision
spécialisées
Expèriences destination
être d’une couleur suffisamment éloignée dans le cercle CONVAINCRE
- Amateurs de voyage
en VR, à moto
ou à motoneige Disposent d’un

chromatique (ou d’un écart de luminosité suffisant) pour les voyageurs de planifier leur
circuit/séjour dans nos régions, - Amateurs de
ski hors piste
revenu moyen
á èlevè

2
particulièrement en dehors des périodes
être bien lu. de pointe, grâce à la mise en valeur
des expériences clés de la destination.
Positionner nos régions comme des
destinations incontournables pour
les voyageurs qui prévoient visiter le
• Créer des illusions d’optique. En plaçant volontairement Canada, le Québec ou l’est du Canada.

un petit élément à côté d’une grosse masse, ce même Phase de prèparation

La prome
Produits distinctifs
élément va paraître plus petit que s’il avait été isolé ailleurs Quelques précisions : Parcourir le Québec cô
par les richesses du
sur la page. AIDER ET OUTILLER
le client confirmé pour qu’il puisse
• Les produits distinctifs sont structurés et ont un pouvoir
attractif tel qu’ils peuvent générer un déplacement dans
un secteur donné. D’autres attraits peuvent être visités par l’immensité du t
3
en complémentarité.
vivre un séjour mémorable, en lui
fournissant des listes d’entreprises et • Les produits distinctifs regroupent des offres structurées et passion des
Une mise en page qui manque de contraste est toujours plus
de lieux incontournables, des idées attractives pour les visiteurs issus des marchés hors Québec.
de circuits et de séjours, des forfaits, • Les produits distinctifs sont rattachés aux expériences
des conseils et des infos pratiques, destination en plus d’être intimement liés à l’offre d’attraits

ennuyeuse et moins invitante à consulter. Le contraste permet ainsi que des liens vers des sources
d’informations complémentaires.
et de services des entreprises associées à notre programme
de commercialisation.
2

d’ajouter du dynamisme et de faire ressortir certains éléments

de notre contenu.

© Pro-Actif
 Principe #3
L’uniformité
Principe #3 • L’uniformité

C’est dans l’uniformité que l’on distingue un

design de qualité. En effet, la constance des styles
typographiques, du traitement photographique,
du choix des éléments graphiques et des couleurs
permet rapidement de mettre en valeur la
recherche et les choix délibérés du graphiste pour
présenter le contenu. L’unité dans les éléments
graphiques permet d’obtenir un ensemble qui se Fonctionnement interne
tient et est cohérent.

Dans un document de plusieurs pages, il est Modification des supplémentaires en formation, son intérêt

important d’offrir des repères visuels au lecteur et informations personnelles pour le poste et, le cas échéant, d’échanger
sur les améliorations à apporter. Lorsque jugé

de placer les éléments aux mêmes endroits pour L’employé est responsable d’informer le
département des ressources humaines dans
nécessaire, la période de probation peut être
prolongée. Le cas échéant, le supérieur immédiat

faciliter la compréhension. Le style d’illustration les meilleurs délais de tout changement

concernant ses coordonnées personnelles
avisera l’employé avant l’arrivée du terme. (RH-202)

et de photographie utilisé doit aussi être constant tel que son adresse, son numéro de téléphone, Évaluation annuelle
Niveau 1 ses informations bancaires, sa situation familiale,
du rendement
dans le document. Les titres de même niveau Niveau 2
etc. De cette façon, l’entreprise sera toujours
en mesure de communiquer avec l’employé Tous les employés reçoivent également une

doivent avoir la même taille et le même style. Niveau 3

en toute circonstance. appréciation annuelle du rendement au cours
de laquelle ils sont informés de leur performance
Probation et évaluation par leur supérieur immédiat. Cette rencontre
de rendement a pour but d’échanger et de fixer des objectifs de

Généralement, on peut simplifier (et améliorer !) Les 3 premiers mois de travail de l’employé
développement, de reconnaître les compétences
de l’employé et de discuter des points à

une mise en page en prenant quelques secondes sont considérés comme une période de
probation, à moins qu’il en soit autrement dans
améliorer. (RH-203)

pour définir nos styles (grosseur, position, couleur, le contrat de travail de départ. Cette période Absences, retards
et rendez-vous personnels
permet à l’employé de se familiariser avec

alignement…) et en se forçant à respecter ces son emploi et permet à l’employeur d’évaluer

l’assiduité, le rendement, l’attitude et la conduite La ponctualité et l’assiduité sont des valeurs

normes graphiques dans l’ensemble du document. au travail de l’employé.

Les rencontres d’évaluation avec son supérieur
essentielles de l’entreprise dans sa recherche
d’efficacité et de qualité de ses services à l’égard

On doit favoriser la complémentarité dans nos immédiat à 1 mois et demi et à 3 mois de

service seront l’occasion de faire le point sur
de sa clientèle.
Lors d’une absence prévisible, l’employé doit
éléments graphiques et réserver les différences la performance de l’employé, ses besoins aviser son supérieur immédiat le plus tôt possible

pour ce que l’on veut réellement mettre en

évidence (voir principe #2 – Contraste).

© Pro-Actif
 Principe #4
Le rythme
Principe #4 • Le rythme

FAITS SAILLANTS

- 0,29 %

21 153 99,95 % 1 288

8 affectations affectations navires desservis 9
sans incidents

Le rythme n’est pas seulement essentiel dans la musique.

+5,3 %

À travers des répétitions et un équilibre dans les espacements, 99,9 % 0 99,0 M $

efficacité du accidents produits

nous pouvons créer un rythme à la lecture du contenu.

service (sans délais) majeurs

L’uniformité dans les styles typographiques dicte la structure

du document et permet de créer des repères visuels dans
la mise en page. MESSAGE DU
Une fois de plus, lors de la dernière année,
la COVID-19 a eu une incidence certaine sur
l’état du monde. Cette incidence a exacerbé
Nous avons également joué un rôle de leadership
dans la création du comité national de pilotage
coprésidé par notre premier dirigeant et des

PRÉSIDENT
l’importance du transport maritime prouvant de progrès importants ont été réalisés sur nos projets
façon incontestable qu’il est un puissant moteur, technologiques visant à améliorer la sécurité,
générateur de santé économique pour les nations l’efficacité et l’efficience de nos services.

DU CONSEIL
Aussi, les distances entre les éléments ont autant d’importance
et les populations. En perte de vitesse en 2020, le
commerce maritime mondial a rebondi de 4,3 % en Avant de conclure, je tiens à saluer la permanence
de notre Conseil d’administration qui conserve

D’ADMINISTRATION
2021 selon la Conférence des Nations unies sur
le commerce et le développement (« CNUCED »). ses six membres. Cette stabilité que nous avons
Cette courte montée est encourageante, mais atteinte nous permet d’assurer la continuité de

que les éléments graphiques dans le rendu visuel d’une page.

les risques et les incertitudes entourant l’industrie projets d’envergure, de planifier l’avenir et de voir
grand pour l’APL. En mon nom personnel et en
Au nom de l’Administration demeurent bien présents et la situation actuelle,
bien fragile. Des problèmes logistiques couplés à celui des membres de ce Conseil d’administration,
de pilotage des Laurentides des pénuries de main-d’œuvre, à une indisponibilité je remercie M. Fulvio Fracassi, Premier dirigeant

En utilisant toujours les mêmes espacements (ou multiples d’un

(«APL »), j’ai le plaisir de vous de conteneurs à mettre en circulation et à des ports de l’Administration de pilotage des Laurentides,
son équipe de direction ainsi que tous les employés
présenter notre rapport annuel saturés ont fait grimper les taux de fret, ce qui a eu
pour conséquence de faire obstacle à une réelle qui contribuent activement à son succès. Aussi,
10 pour l’année 2021. Tout au long reprise économique. un merci bien senti au gouvernement canadien, 11

espacement principal), nous nous assurons un flux constant

de celle-ci, nous aurons réussi au ministère des Transports ainsi qu’à son
Ce fait observé à l’échelle de la planète a eu des ministre nouvellement reconduit, l’honorable Omar
à exercer notre leadership en
effets directs sur l’APL. À cet égard, la reprise Alghabra, sans oublier nos nombreux partenaires
assurant d’abord la sécurité des niveaux de trafic a été moins importante que de l’industrie maritime, plus particulièrement les
de la navigation, des services

de lecture.
prévu et bien que les revenus aient augmenté par deux corporations de pilotes et les pilotes du
rapport à l’année précédente, ils sont toutefois Saint-Laurent avec qui nous entretenons des
de pilotage sécuritaires,
demeurés inférieurs aux niveaux prépandémiques. liens étroits.
efficaces et efficients, tout en Nonobstant ce contexte difficile, le bilan financier
étant actifs dans une multitude de l’Administration est demeuré sain et laisse Sincères salutations,
présager des investissements à courts, moyens
de comités liés de près à
et longs termes qui seront profitables pour ses
l’industrie maritime. partenaires, ses clients, ainsi que la collectivité.

Finalement, les répétitions permettent de rendre le contenu plus

Par ailleurs, l’APL a pu atteindre plusieurs objectifs
stratégiques et opérationnels comme il est témoigné
à l’intérieur de ce rapport. Par exemple, cela Julius Spivack,
comprend la poursuite de notre étroite collaboration Président du Conseil
avec Transports Canada (« TC ») et les autres d’administration par intérim

organisé et de renforcer le message. Des éléments comparables

administrations de pilotage sur la mise en œuvre
de la Loi sur le pilotage modifiée et l’élaboration
de la réglementation nationale sur le pilotage.

sont ainsi associés entre eux.

© Pro-Actif
 Principe #5
La simplicité
Principe #5 • La simplicité

Less is more. Cette maxime populaire

prend tout son sens dans la création de
Psitt !
L’espacement entre
visuels. Trop de styles, trop d’éléments les éléments est aussi
différents ou trop de contenu dans important que les
un espace sont autant de facteurs éléments eux-mêmes.
qui nuisent à la compréhension et
à l’appréciation d’un document.

En design graphique, l’espacement

Aide-mémoire
Aide-mémoire
entre les éléments est aussi important
que les éléments eux-mêmes. Les Loi sur les coroners Loi sur les coroners

marges doivent être constantes et Art. 47. Le coroner peut exiger d’un agent de la
paix qu’il procède à une enquête ou à un
Pouvoirs
permettre de bien ancrer les blocs de complément d’enquête.

Art. 48. Tout agent de la paix enquêtant sur un cas et devoirs

contenu dans la page. L’interlignage dont le coroner est saisi doit avec diligence
lui faire parvenir une copie de son rapport.
du policier
doit être suffisant pour offrir une
et du coroner
Art. 91. À la suite de son investigation, le coroner rédige
son rapport avec diligence.
bonne lisibilité au texte. Aussi, un Art. 91.1. […] lorsque le directeur des poursuites
lors d’une
criminelles et pénales a autorisé une poursuite
espacement volontaire autour d’un à la suite du décès d’une personne [ou dans le
cas où un dossier est soumis au directeur des investigation
élément permet d’ajouter du contraste poursuites criminelles et pénales pour examen
de l’opportunité d’intenter une poursuite ou

et de mettre l'accent sur ce dernier. si les causes et les circonstances d’un décès
permettent au coroner de croire qu’un dossier
pourrait être ainsi soumis], le coroner diffère la
rédaction définitive de son rapport jusqu’à ce
que le directeur l’avise de la fin de l’instance
Il ne faut jamais sous-estimer le pouvoir criminelle [ou des conclusions de son examen].
(Cette procédure est la marche à suivre régulière.
de la simplicité. La solution la plus De manière exceptionnelle, le coroner peut rédiger
son rapport avant la fin des procédures. Il consulte

facile pour améliorer une mise en

alors le corps de police concerné ou le directeur des
poursuites criminelles et pénales.)

page n’est pas ce que vous pouvez

ajouter, mais bien ce que vous pouvez
enlever pour renforcer votre visuel.

© Pro-Actif
 Principe #6
Les couleurs
Principe #6 • Les couleurs

L’œil humain peut distinguer environ 10 millions de couleurs,

alors comment choisir ses couleurs en design ? La couleur
désigne une émotion, le ton et l’ambiance du visuel.
Inconsciemment, nous associons ces couleurs à des références.
Par exemple, le vert est fréquemment associé à la nature, le
rouge à l’intensité, le bleu au calme et le noir au luxe.

Au début d’un projet, il est important de définir une palette

de 3 à 5 couleurs que nous allons utiliser dans l’ensemble du Rapport
design. Ces couleurs peuvent être complémentaires et/ou de annuel
différentes teintes pour une plus grande uniformité. Les photos et
2022
2023
illustrations doivent aussi être dans la même palette de couleur.
Une couleur en rappel est toujours efficace.

La couleur a tellement une grande influence sur notre perception

qu’il est parfois préférable de travailler uniquement en noir et
blanc avant d’ajouter de la couleur dans les visuels. De cette
façon, nous pouvons mieux équilibrer, balancer et structurer notre
document. La couleur peut aussi servir à ajouter du contraste
entre les éléments. Plusieurs outils en ligne vous permettent de
sélectionner la bonne couleur complémentaire pour un maximum
d’impact et d’agrément visuels, dont [Link].

© Pro-Actif
 xerum illaceat est
m e aq
u
t,s ue
r
en

ep
ill
nih

eru
m,
mag

ipiti
Principe #7
Et maxi

iunt
La typographie

tate
i ut

m
iqu

.E
l

t
ve

e
tm
oe nis
t la te
bo. l it,
Nam, cus, ve
Principe #7 • La typographie

Psitt !
La meilleure façon de faire
ressortir vos visuels est de
Parfois, le choix de la police de caractère a autant d’importance remplacer les polices par
que le mot lui-même. Tout comme pour la couleur, le style B. Williamson défaut de votre logiciel.
typographique a une grande influence sur la perception du Digital
message. L’émotion et le ton sont illustrés à travers ces caractères. Transformation
in Potash
Il ne faut pas se laisser intimider par la grande variété de polices Mining
de caractère disponibles. Dans le doute, les polices classiques
(Helvetica, Futura, Frutiger, Garamond, Univers, …) sont toujours
des valeurs sûres. On peut regrouper les polices en 4 grandes 14

familles : avec empattements, linéales, scriptes et celles de Introduction

to Mining
formes spéciales. Pour améliorer la lisibilité du texte, on favorise
les polices linéales pour l’affichage à l’écran et les polices sérif The Basics
What is “mining” ? Mining is the process of extracting a valuable

(avec empattement) pour de l’impression sur papier. mineral from the earth. Throughout this course, we will look at
some of the various sources, minerals, and methods that make
up mining, focusing primarily on the potash mining industry.

Developed and Delivered by When people think of mining, they generally think of images
of deep, dark shafts and tunnels that are cold, wet, and very

Dans un même document, on ne devrait jamais utiliser plus de

dangerous. They think of scenes or images from the movies
or historical pictures. They think of back-breaking work with
pickaxes and shovels deep in the mountains or some other

2 polices de caractères, idéalement de style très différent pour

remote and dangerous place. When most people think of mining,
they think of mines deep underground, or open pit mining as
being the only types of mines there are. They do not generally

accentuer le contraste entre ces choix. Par exemple, les titres

think of what a modern mine is at all.

peuvent être en majuscule, avec une police linéale et grasse

Braich Goch Slate Mine, Corris
Wales, UK. Operated 1787-1970.
Photo Mirror.

alors que le texte courant pourrait être avec une police sérif.
Lorsque nous avons besoin de plus de choix, il est préférable
de sélectionner les variables des polices en place (gras, italique,
condensé, léger…) plutôt que d’introduire une trop grande
variété dans le document.

© Pro-Actif
Les 7 principes Studio de

du design graphique en bref graphisme et d’infographie

1. Alignement 4. Rythme 7. Typographie

□ Est-ce que tous vos éléments sont □ Vos espacements entre les □ Avez-vous utilisé maximum
reliés dans une grille invisible ? paragraphes, les lignes et sous les 2 typographies ?
titres sont-ils équilibrés et constants ?
□ Est-ce que votre texte est □ Si votre document est destiné
correctement aligné ? 5. Simplicité à l’affiche à l’écran, utilisez-vous
une police linéale ?
□ Votre document suit-il une □ Avez-vous retiré tous les éléments
hiérarchie visuelle logique ? superflus à votre mise en page ? □ Pour un document destiné à
l’impression, utilisez-vous une
2. Contraste 6. Couleur typographie avec empattement ?
□ Avez-vous utilisé les contrastes □ Avez-vous utilisé au maximum
judicieusement (couleurs, formes, 5 couleurs ?
styles typographiques) ?
□ Les couleurs choisies sont-elles en
3. Uniformité relation avec l’émotion que vous
□ Est-ce que vos niveaux de texte et
de titres sont utilisés uniformément ?
souhaitez créer chez votre public ?

□ Avez-vous une couleur de rappel ?

Psitt !
Imprimez ce document et
gardez-le à portée de main.
□ Est-ce que vos images sont de
couleurs/styles similaires ?
□ Vos couleurs sont-elles en harmonie ?

© Pro-Actif
Voilà !
Vous avez maintenant des connaissances
de base et des trucs concrets pour créer
vous-même des visuels attrayants.
Pour plus d’information et pour lire d'autres articles sur le graphisme,
visitez notre site [Link].

Pro-Actif
5300, boulevard des Galeries, bureau 440,
Québec (Québec) G2K 2A2
418 907-9639 | info@[Link]