Communication Visuelle - introduction

Daniela Bak
Daniela BakDirectrice Artistique Free Lance at université paris sorbonne nouvelle
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
Communication Visuelle - introduction
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).
Communication Visuelle - introduction
solution
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
étude de cas 
PARIS LIBRAIRIES
problème
Communication Visuelle - introduction
solution
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
Communication Visuelle - introduction
« Design is not just what it looks like 
and feels like. 
Design is how it works. » 
Steve Jobs
Merci 
daniela.bak@gmail.com
1 of 83

Recommended

Cours information communication : le territoire de communication by
Cours information communication : le territoire de communicationCours information communication : le territoire de communication
Cours information communication : le territoire de communicationAdrien Quenette
1.8K views21 slides
Communication digitale et médias sociaux by
Communication digitale et médias sociauxCommunication digitale et médias sociaux
Communication digitale et médias sociauxJacques Hellart
1.3K views72 slides
NUMA - Stratégie de communication by
NUMA - Stratégie de communicationNUMA - Stratégie de communication
NUMA - Stratégie de communicationBenjamin Biguet
1.3K views71 slides
l'impact du marketing digital sur la performance des entreprises: Cas d'un ec... by
l'impact du marketing digital sur la performance des entreprises: Cas d'un ec...l'impact du marketing digital sur la performance des entreprises: Cas d'un ec...
l'impact du marketing digital sur la performance des entreprises: Cas d'un ec...Fethi Ferhane
20.2K views44 slides
[MÉMOIRE] Améliorer l'image de marque d'une entreprise sur les médias sociaux... by
[MÉMOIRE] Améliorer l'image de marque d'une entreprise sur les médias sociaux...[MÉMOIRE] Améliorer l'image de marque d'une entreprise sur les médias sociaux...
[MÉMOIRE] Améliorer l'image de marque d'une entreprise sur les médias sociaux...Adrien Bourzat
217.9K views93 slides
Comment bâtir une stratégie de communication corporate multimedia by
 Comment bâtir une stratégie de communication corporate multimedia Comment bâtir une stratégie de communication corporate multimedia
Comment bâtir une stratégie de communication corporate multimediawallace04
2K views20 slides

More Related Content

What's hot

Publicité - Stratégie de création by
Publicité - Stratégie de créationPublicité - Stratégie de création
Publicité - Stratégie de créationFabrice Garcia
25.9K views30 slides
Annales corrigees de marketing et communication 2017 2018. by
Annales  corrigees de marketing et communication 2017 2018.Annales  corrigees de marketing et communication 2017 2018.
Annales corrigees de marketing et communication 2017 2018.BONAVENTURE GUILLAUM NGORAN
19.3K views184 slides
Charte graphique final by
Charte graphique finalCharte graphique final
Charte graphique finalMichel Stawniak
948 views8 slides
Communication institutionnelle by
Communication institutionnelleCommunication institutionnelle
Communication institutionnelleabdelghani Koura
12.6K views24 slides
Exposé Marketing digital by
Exposé Marketing digitalExposé Marketing digital
Exposé Marketing digitalFaculty of Economic Studies
93.2K views35 slides
Marketing Digital - introduction au design thinking by
Marketing Digital - introduction au design thinking Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking Citron Bien
1.6K views81 slides

What's hot(20)

Publicité - Stratégie de création by Fabrice Garcia
Publicité - Stratégie de créationPublicité - Stratégie de création
Publicité - Stratégie de création
Fabrice Garcia25.9K views
Communication institutionnelle by abdelghani Koura
Communication institutionnelleCommunication institutionnelle
Communication institutionnelle
abdelghani Koura12.6K views
Marketing Digital - introduction au design thinking by Citron Bien
Marketing Digital - introduction au design thinking Marketing Digital - introduction au design thinking
Marketing Digital - introduction au design thinking
Citron Bien1.6K views
Le plan de communication by Simon Vinet
Le plan de communicationLe plan de communication
Le plan de communication
Simon Vinet17.4K views
Storytelling : de l'image de marque à l'histoire de marque by Dagobert
Storytelling : de l'image de marque à l'histoire de marqueStorytelling : de l'image de marque à l'histoire de marque
Storytelling : de l'image de marque à l'histoire de marque
Dagobert39.5K views
Stratégie marketing digitale by Amar LAKEL, PhD
Stratégie marketing digitaleStratégie marketing digitale
Stratégie marketing digitale
Amar LAKEL, PhD5.7K views
Piloter sa campagne digital marketing de A à Z by Amar LAKEL, PhD
Piloter sa campagne digital marketing de A à ZPiloter sa campagne digital marketing de A à Z
Piloter sa campagne digital marketing de A à Z
Amar LAKEL, PhD8.1K views
Analyse sémiotique d'une affiche publicitaire ppt by Michel GOUGOU
Analyse sémiotique d'une affiche publicitaire pptAnalyse sémiotique d'une affiche publicitaire ppt
Analyse sémiotique d'une affiche publicitaire ppt
Michel GOUGOU8.6K views
Case study : recommandation stratégique pour le lancement d'un nouveau produi... by Diane Abel
Case study : recommandation stratégique pour le lancement d'un nouveau produi...Case study : recommandation stratégique pour le lancement d'un nouveau produi...
Case study : recommandation stratégique pour le lancement d'un nouveau produi...
Diane Abel57.5K views
Mémoire communication digitale (extrait) by Adrien Tilhet-Prat
Mémoire communication digitale (extrait)Mémoire communication digitale (extrait)
Mémoire communication digitale (extrait)
Adrien Tilhet-Prat31.8K views
Mémoire de fin d'études : en quoi les médias sociaux bouleversent-ils la com... by AliceGasnier
Mémoire de fin d'études : en quoi les médias sociaux bouleversent-ils la com...Mémoire de fin d'études : en quoi les médias sociaux bouleversent-ils la com...
Mémoire de fin d'études : en quoi les médias sociaux bouleversent-ils la com...
AliceGasnier60.6K views
Modèle de plan de communication by Knitandb b
Modèle de plan de communicationModèle de plan de communication
Modèle de plan de communication
Knitandb b254.5K views
Le Marketing Digital: introduction aux fondamentaux by Appsolute Digital
Le Marketing Digital: introduction aux fondamentauxLe Marketing Digital: introduction aux fondamentaux
Le Marketing Digital: introduction aux fondamentaux
Appsolute Digital 22K views
ELABORATION D'UNE STRATEGIE DE COMMUNICATION POUR LE LANCEMENT D'UNE PLATEFOR... by Gilles Côme Kouassi
ELABORATION D'UNE STRATEGIE DE COMMUNICATION POUR LE LANCEMENT D'UNE PLATEFOR...ELABORATION D'UNE STRATEGIE DE COMMUNICATION POUR LE LANCEMENT D'UNE PLATEFOR...
ELABORATION D'UNE STRATEGIE DE COMMUNICATION POUR LE LANCEMENT D'UNE PLATEFOR...

Similar to Communication Visuelle - introduction

Charte Graphique TB Speed by
Charte Graphique TB SpeedCharte Graphique TB Speed
Charte Graphique TB SpeedOlfiKambaleKey
64 views10 slides
Charte graphique Visite Patrimoine by
Charte graphique Visite PatrimoineCharte graphique Visite Patrimoine
Charte graphique Visite PatrimoineCécile Bernet
567 views8 slides
Cours 3_Comm visuelle by
Cours 3_Comm visuelleCours 3_Comm visuelle
Cours 3_Comm visuelleamontebello
1.5K views62 slides
Ae msofts mascareignes ltd by
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltdAmrit Joyekurun
123 views33 slides
Prh manual fr_v2_1 by
Prh manual fr_v2_1Prh manual fr_v2_1
Prh manual fr_v2_1Geoffrey Dorne
11.9K views45 slides

Recently uploaded

Indicateurs de développement durable pour les municipalités  : sources et rep... by
Indicateurs de développement durable pour les municipalités  : sources et rep...Indicateurs de développement durable pour les municipalités  : sources et rep...
Indicateurs de développement durable pour les municipalités  : sources et rep...Centre GéoStat, Bibliothèque, Université Laval
53 views48 slides
La dissertation by
La dissertationLa dissertation
La dissertationGabriel Gay-Para
21 views19 slides
La conscience d'être libre est-elle illusoire ? (G. Gay-Para) by
La conscience d'être libre est-elle illusoire ? (G. Gay-Para)La conscience d'être libre est-elle illusoire ? (G. Gay-Para)
La conscience d'être libre est-elle illusoire ? (G. Gay-Para)Gabriel Gay-Para
19 views54 slides
Formation M2i - Cadre réglementaire des IA Génératives : premiers éléments de... by
Formation M2i - Cadre réglementaire des IA Génératives : premiers éléments de...Formation M2i - Cadre réglementaire des IA Génératives : premiers éléments de...
Formation M2i - Cadre réglementaire des IA Génératives : premiers éléments de...M2i Formation
22 views36 slides
ONU.pdf by
ONU.pdfONU.pdf
ONU.pdfChristopheFontaine13
35 views2 slides
FORMATION SUR LES PICTOGRAMMES DE SECURITE KKW.pptx by
FORMATION SUR LES PICTOGRAMMES DE SECURITE KKW.pptxFORMATION SUR LES PICTOGRAMMES DE SECURITE KKW.pptx
FORMATION SUR LES PICTOGRAMMES DE SECURITE KKW.pptxKOUADIO WILLIAMS KOUAME
20 views17 slides

Recently uploaded(9)

Communication Visuelle - introduction