FORMATION

Initiation à l’Infographie et au Design

Formateur:

BAZONGO Philippe
Graphique Designer
Formateur Marketing Digital
Promoteur d’entreprise WhatsApp: (+226) 54 76 76 28

Design graphique Agence Digitale Phyl’s-COM

 Initiation à l’infographie

Design graphique Agence Digitale Phyl’s-COM

 Sommaire
I. Définition
II. Les domaines d’intervention d’un infographe
III. Le mode colorimétrique CMJN et RVB
IV. Les Equipements d’un infographe
V. Les Logiciels d’infographie

Design graphique Agence Digitale Phyl’s-COM

 I. DEFINITIONS
C’est quoi l’infographie ?

Info graphie
Info = Information, informer
Graphie = graphique, graphisme
L’infographie est une représentation visuelle produit
par des moyens informatiques

Design graphique Agence Digitale Phyl’s-COM

 II. DOMAINES D’INTERVENTION

Illustration Affiche

Edition Packaging

Design graphique Agence Digitale Phyl’s-COM

 III. MODE COLORIMETRIQUE

Design graphique Agence Digitale Phyl’s-COM

 III. LES EQUIPEMENTS D’UN INFOGRAPHE

Design graphique Agence Digitale Phyl’s-COM

 IV. LES LOGICIELS

Design graphique Agence Digitale Phyl’s-COM

 Initiation au Design
Quelques bases pour faire de jolies présentations et identités visuelles

Design graphique Agence Digitale Phyl’s-COM

 Sommaire

I. Définition
II. La couleur
III.La typographie
IV.La hiérarchie visuelle

Design graphique Agence Digitale Phyl’s-COM

 I. DEFINITION
C’est quoi le Design Graphique ?

Le design graphique permet de

structurer une information et faire en
sorte que sa lecture soit
compréhensible, agréable et fluide.

Design graphique Agence Digitale Phyl’s-COM

 I. DEFINITION
Questions à se poser :

Quel message ?
Pour qui ?
Pour quoi ?
Quelle ambiance ?
Quelles valeurs ?

Design graphique Agence Digitale Phyl’s-COM

 II. LA COULEUR
Le cercle chromatique

Quelques notions importantes :

Couleurs primaires, secondaires et tertiaires
Couleurs chaudes et couleurs froides

Design graphique Agence Digitale Phyl’s-COM

 II. LA COULEUR
Anatomie d’une couleur

Il existe de nombreuses façon de nommer une couleur :

Orange

Code hexadécimal : #FF8C00

Design graphique Agence Digitale Phyl’s-COM

 II. LA COULEUR
Symbolique des couleurs

Noir Mort, nuit, mystère, Rouge Passion, amour,

silence, tristesse, élégance, force, danger, puissance,

Jaune lumière, chaleur, Orange Énergie,

énergie, joie, puissance, imagination, richesse,
jeunesse, honneur

Design graphique Agence Digitale Phyl’s-COM

 II. LA COULEUR
Comment faire un nuancer ?
Un nuancier est généralement composé
de 5 couleurs différentes :

Design graphique Agence Digitale Phyl’s-COM

 III. LA TYPOGRAPHIE
Qu’est qu’une typographie ?

Lato
Roboto
Les typographies
Lora
passe-partout:
Quicksand
Open sans

Design graphique Agence Digitale Phyl’s-COM

 III. LA TYPOGRAPHIE
Quelques conseils
1. Ne jamais étirer une typographie manuellement
2. Ne jamais utiliser plus de 3 fonts différentes sur le
même document
3. éviter les fonts trop fantaisistes
4. Pour une bonne hiérarchisation utiliser la taille, la
couleur et les différentes graisses de la font

Design graphique Agence Digitale Phyl’s-COM

 III. LA TYPOGRAPHIE
Quelques conseils
INITIATION AU DESIGN
Module 01
Nous allons vous apprendre les
Bases du design!
Etes-vous prêt ?
 Etes-vous prêt ?
Design graphique
INITIATION AU DESIGN
Module 01
Nous allons vous apprendre les
Bases du design!

Agence Digitale Phyl’s-COM
 III. LA TYPOGRAPHIE
Comment choisir une bonne
typographie ?

1. Préférer une typographie lisible

2. Adapter sa typographie à sa cible et au
contexte (ex : enfants, professionnel,
tradition, nourriture, ...)

Design graphique Agence Digitale Phyl’s-COM

 IV. LA HIERARCHIE VISUELLE
Objectif : diriger le regard
Qu’est ce que je veux que l’on voit en
premier ?

Pour diriger le regard on peut :

Jouer sur la taille - jouer sur la couleur - jouer
sur la position.

Design graphique Agence Digitale Phyl’s-COM

 IV. LA HIERARCHIE VISUELLE
Mise en page
Quel que soit le document ou l’interface,
pour une mise en page harmonieuse
l’usage d’une grille est indispensable.

Toutes les colonnes d’une grilles doivent

faire la même largeur !

Design graphique Agence Digitale Phyl’s-COM

 FIN

Merci pour votre attention !

Design graphique Agence Digitale Phyl’s-COM