SlideShare a Scribd company logo
1 of 83
LA 
COMMUNICATION 
VISUELLE 
1
Daniela Bak 
Direction Artistique et Design Graphique
BONJOUR
Bonjour
Bonjour
bonjour...
Bonjour !
BONJOUR 
BONJOUR 
BONJOUR
BONJOUR 
Bonjour 
Bonjour 
BONJOUR 
Bonjour ! 
bonjour... 
Bonjour
bonjour... 
BONJOUR Bonjour 
Bonjour Bonjour ! 
Bonjour BONJOUR
Le design graphique 
(introduc*on)
design graphique 
= 
design d’information 
= 
graphisme 
= 
conception graphique 
= 
conception visuelle
Le design graphique 
5W+1 
( What + Where + Why + When + Who + How )
Quoi ?
Information Public 
!
Où ?
partout
Pourquoi ?
! 
impact attirance engagement
Quand ?
Flagg 1917 Cassandre 1935 Glaser 1973 
styles / modes / références
Qui ?
Directeur de Création 
Directeur Artistique 
Designer Graphique 
Graphiste 
Infographiste 
Typographe 
Web designer 
Maquettiste 
Opérateur PAO 
Illustrateur 
Photographe
Comment ?
B+A=BA 
une langue, des règles, une technique, 
un savoir faire
Comprendre 
les principes fondamentaux 
du langage visuel 
pour s’en servir de manière efficace.
Sujets à venir :
1 
La lisibilité 
(forme et fond)
Est-ce lisible et pourquoi ? 
BEAU LAID
Clair 
Lisible 
Compréhensible 
Efficace 
Attirant 
Choquant 
Emouvant 
Drôle 
Inattendu 
Confus 
...
2 
La typographie 
(lettres et symboles)
3 
La couleur 
(harmonie et sens)
4 
Print et Web 
CMJN et RVB
5 
La charte graphique 
(l’identité visuelle)
6 
La chaine graphique 
(termes et jargon)
7 
Le brief créatif 
(cahier de charges)
... 
Le design graphique 
éco-responsable 
La grille 
Les numéros zéro (la presse) 
La visualisation (les roughs) 
Études de cas
étude de cas 
PREDMA
problème
Logo Région Île-de-France 
charte d’application 
La zone de protection qui doit 
être obligatoirement laissée 
autour du logo correspond à 
la hauteur et à la largeur de la 
lettre «F» du mot : «France», 
comme l’indique le schéma 
ci-contre. 
Ci-contre, le logo Région 
dans sa version originale. 
Réf. Quadri : 
Cyan : 0% 
Magenta : 95% 
Jaune : 100% 
Noir : 0% 
Réf. Pantone : 485 
Ci-contre, le logo Région dans sa version noire. 
À n’utiliser uniquement sur les documents impri-més 
en noir et blanc. La zone de protection doit 
impérativement être respectée. 
Le logo sera utilisé avec la couleur la plus som-bre 
sur les documents bichromes (si le docu-ment 
n’utilise pas la réf. Pantone 485). 
Ci-contre, le logo Région dans sa version blan-che. 
Cette version s’utilise dans le cas où 
la teinte du fond est proche de celle du logo. 
Dans certains cas, il sera nécessaire de l’appli-quer 
dans un cartouche blanc et dans sa version 
originale. Lorsque ce cas ce présente, il faut 
obligatoirement soumettre un BàT. à la direction 
de la communication du conseil régional 
d’Île-de-France. 
Ci-contre, le logo Région dans sa version avec 
cartouche blanc (zone de protection respectée). 
Cette version s’utilise dans le cas où 
la teinte du fond est complexe (dégradé, photo 
avec couleurs proches de la teinte du logo, etc.) 
Il est impératif de l’appliquer ainsi, dans les cas 
cités, avec le cartouche sans filet noir autour (le 
filet noir sert uniquement à déterminer la zone 
de protection dans cet exemple).
solution
étude de cas 
PARIS LIBRAIRIES
problème
solution
« Design is not just what it looks like 
and feels like. 
Design is how it works. » 
Steve Jobs
Merci 
daniela.bak@gmail.com

More Related Content

What's hot

Design du logo et image de marque
Design du logo et image de marqueDesign du logo et image de marque
Design du logo et image de marqueGeoffrey Dorne
 
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)Sarah THOMMERET
 
Strategie de marque et brand content
Strategie de marque et brand contentStrategie de marque et brand content
Strategie de marque et brand contentQuinchy Riya
 
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...Cap'Com
 
Plan de communication digitale
Plan de communication digitalePlan de communication digitale
Plan de communication digitaleTarik Zghinou
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleQuinchy Riya
 
La Création de Contenu dans votre Inbound Stratégie
La Création de Contenu dans votre Inbound StratégieLa Création de Contenu dans votre Inbound Stratégie
La Création de Contenu dans votre Inbound StratégieNoemie Aguettant
 
Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking Citron Bien
 
Définition du Marketing
Définition du MarketingDéfinition du Marketing
Définition du Marketingsaraantar
 
Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseSerge Guerriero
 
Soutenance MéMoire V3
Soutenance MéMoire V3Soutenance MéMoire V3
Soutenance MéMoire V3Titiopendoor
 
Rapport de stage Marketing Digital
Rapport de stage Marketing DigitalRapport de stage Marketing Digital
Rapport de stage Marketing DigitalAyoub BOUSSALMAME
 
Cours information communication : le logo
Cours information communication : le logoCours information communication : le logo
Cours information communication : le logoAdrien Quenette
 
Cours information communication : la charte graphique
Cours information communication : la charte graphiqueCours information communication : la charte graphique
Cours information communication : la charte graphiqueAdrien Quenette
 
identité de marque et Image de marque: Audit d'image
identité de marque et Image de marque: Audit d'imageidentité de marque et Image de marque: Audit d'image
identité de marque et Image de marque: Audit d'imageYassine Hafid
 
Les objectifs de la communication
Les objectifs de la communication Les objectifs de la communication
Les objectifs de la communication Kredens Elodie
 
Prise de parole en public
Prise de parole en publicPrise de parole en public
Prise de parole en publicYves MASSOT
 
Communication touristique : image et identité
Communication touristique : image et identitéCommunication touristique : image et identité
Communication touristique : image et identitéBAnais
 
Réaliser un diaporama attractif
Réaliser un diaporama attractifRéaliser un diaporama attractif
Réaliser un diaporama attractifFrancois Cazals
 

What's hot (20)

Design du logo et image de marque
Design du logo et image de marqueDesign du logo et image de marque
Design du logo et image de marque
 
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)
Stratégie marketing digital pour la marque de Cosmétiques Bio 3point3 (Bretagne)
 
Strategie de marque et brand content
Strategie de marque et brand contentStrategie de marque et brand content
Strategie de marque et brand content
 
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...
GF1 - Construire une stratégie de marque pour un territoire - Conférence de G...
 
Plan de communication digitale
Plan de communication digitalePlan de communication digitale
Plan de communication digitale
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitale
 
La Création de Contenu dans votre Inbound Stratégie
La Création de Contenu dans votre Inbound StratégieLa Création de Contenu dans votre Inbound Stratégie
La Création de Contenu dans votre Inbound Stratégie
 
Charte graphique final
Charte graphique finalCharte graphique final
Charte graphique final
 
Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking
 
Définition du Marketing
Définition du MarketingDéfinition du Marketing
Définition du Marketing
 
Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresse
 
Soutenance MéMoire V3
Soutenance MéMoire V3Soutenance MéMoire V3
Soutenance MéMoire V3
 
Rapport de stage Marketing Digital
Rapport de stage Marketing DigitalRapport de stage Marketing Digital
Rapport de stage Marketing Digital
 
Cours information communication : le logo
Cours information communication : le logoCours information communication : le logo
Cours information communication : le logo
 
Cours information communication : la charte graphique
Cours information communication : la charte graphiqueCours information communication : la charte graphique
Cours information communication : la charte graphique
 
identité de marque et Image de marque: Audit d'image
identité de marque et Image de marque: Audit d'imageidentité de marque et Image de marque: Audit d'image
identité de marque et Image de marque: Audit d'image
 
Les objectifs de la communication
Les objectifs de la communication Les objectifs de la communication
Les objectifs de la communication
 
Prise de parole en public
Prise de parole en publicPrise de parole en public
Prise de parole en public
 
Communication touristique : image et identité
Communication touristique : image et identitéCommunication touristique : image et identité
Communication touristique : image et identité
 
Réaliser un diaporama attractif
Réaliser un diaporama attractifRéaliser un diaporama attractif
Réaliser un diaporama attractif
 

Similar to Communication Visuelle - introduction

Similar to Communication Visuelle - introduction (10)

Charte Graphique TB Speed
Charte Graphique TB SpeedCharte Graphique TB Speed
Charte Graphique TB Speed
 
Charte graphique Visite Patrimoine
Charte graphique Visite PatrimoineCharte graphique Visite Patrimoine
Charte graphique Visite Patrimoine
 
Cours 3_Comm visuelle
Cours 3_Comm visuelleCours 3_Comm visuelle
Cours 3_Comm visuelle
 
Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltd
 
OVADYS.pdf
OVADYS.pdfOVADYS.pdf
OVADYS.pdf
 
Prh manual fr_v2_1
Prh manual fr_v2_1Prh manual fr_v2_1
Prh manual fr_v2_1
 
Coftel togo2012
Coftel togo2012Coftel togo2012
Coftel togo2012
 
TOU L'WEB Présentation ATELIER
TOU L'WEB Présentation ATELIERTOU L'WEB Présentation ATELIER
TOU L'WEB Présentation ATELIER
 
Cours ID visuelle
Cours ID visuelleCours ID visuelle
Cours ID visuelle
 
Charte Selectour Tourisme
Charte Selectour TourismeCharte Selectour Tourisme
Charte Selectour Tourisme
 

Recently uploaded

PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfRiDaHAziz
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSKennel
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeXL Groupe
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 37
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Gilles Le Page
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Alain Marois
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 37
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETMedBechir
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre françaisTxaruka
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsRajiAbdelghani
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSKennel
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfRiDaHAziz
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSKennel
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 

Recently uploaded (19)

PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdf
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directe
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre français
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 temps
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
 
DO PALÁCIO À ASSEMBLEIA .
DO PALÁCIO À ASSEMBLEIA                 .DO PALÁCIO À ASSEMBLEIA                 .
DO PALÁCIO À ASSEMBLEIA .
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 

Communication Visuelle - introduction