SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
La communication visuelle
www.switch.tn
BONJOUR
BONJOUR
Bonjour…
BONJOUR
BONJOUR
AYMEN TOUHENT
Mobile innovation creator
Owner @Switch.tn
StakeHolder @DigitalPharma
Stakeholder @SSBB
hello@switch.tn
AYMEN TOUHENT
Mobile innovation creator
Owner @Switch.tn
StakeHolder @DigitalPharma
Stakeholder @SSBB
hello@switch.tn
AYMEN TOUHENT
Mobile innovation creator
Owner @Switch.tn
StakeHolder @DigitalPharma
Stakeholder @SSBB
hello@switch.tn
Design graphique
=
Design d’information
=
Graphisme
=
Conception graphique
=
Conception visuelle
Communiquer quoi ?
de l’information, du sens, de l’émotion,
Pour qui ?
Public connu ou non, tout public ou
spécialiste, amateurs, enfants etc.
Pour quoi ?
Informer, partager, attirer l’attention, séduire,
convaincre..
Avec quoi ?
Des supports physiques ou virtuels, des
moyens conceptuels et techniques,
Comment ?
avec efficacité, cohérence.
IMAGE
DE MARQUE
IDENTITÉ
LOGO
L’identité visuelle est au cœur des
stratégies de communication.
Cette «carte d’identité
graphique» véhicule l’image de
l’association grâce à différents
supports visibles.
- moyen de se faire valoir
- moyen d’asseoir sa notoriété et sa
crédibilité.
L’identité visuelle est au cœur des
stratégies de communication.
Cette «carte d’identité graphique»
véhicule l’image de l’association grâce
à différents supports visibles.
- moyen de se faire valoir
- moyen d’asseoir sa notoriété et sa
crédibilité.
L’identité visuelle est au cœur des
stratégies de communication.
Cette «carte d’identité graphique» véhicule l’image
de l’association grâce à différents supports
visibles.
- moyen de se faire valoir
- moyen d’asseoir sa notoriété et sa
crédibilité.
Vous communiquez,
Vous êtes porteur d’un message qui sera
réalisé à l’intention d’un public, d’un client,
ce message, doit être le plus univoque
possible et tenir compte du récepteur, de
sa personnalité, de sa culture, de sa
s e n s i b i l i t é , d e s o n n i v e a u d e
compréhension, des conditions de la
réception, des conditions de la
consultation (durée de la lecture, lieu de la
lecture..)
Vous communiquez,
Vous êtes porteur d’un message qui
sera réalisé à l’intention d’un
public, d’un client,
ce message, doit être le plus
univoque possible et tenir compte du
récepteur, de sa personnalité, de sa
culture, de sa sensibilité, de son
niveau de compréhension, des
conditions de la réception, des
conditions de la consultation (durée
de la lecture, lieu de la lecture..)
Une affiche ou un visuel en bord de route, une page dans une
publication, une lettre d’information sur internet, une dia dans
une projection, une plaquette, une invitation ou un logo. De
quelques secondes à plusieurs années.
La typographie
serif : polices à empattement (ex: Times New Roman, Georgia, Garamond…)

sans-serif : polices sans empattement (ex: Arial, Helvetica, Tahoma, Verdana…)
cursive : polices simulant l’écriture à la main (ex: Lucida Handwriting)
fantaisie : polices plus décoratives, surtout utilisées pour des titres (ex: Impact, Fraktur…)
monospace: polices à largeur (chasse) fixe (ex : Courier New, Lucida Console…)
Chaque police a sa personnalité
serif : polices à empattement (ex: Times New Roman, Georgia, Garamond…)

sans-serif : polices sans empattement (ex: Arial, Helvetica, Tahoma, Verdana…)
cursive : polices simulant l’écriture à la main (ex: Lucida Handwriting)
fantaisie : polices plus décoratives, surtout utilisées pour des titres (ex: Impact, Fraktur…)
monospace: polices à largeur (chasse) fixe (ex : Courier New, Lucida Console…)
Chaque police a sa personnalité
La plupart des logiciels de traitement de texte proposent des polices
par défaut (Arial, Calibri, Times New Roman). Choisir une typo plus
personnelle est déjà une manière de sortir du lot, d’indiquer que, pour
vous, les détails comptent.
Si vous pensez que seul votre contenu a de l’importance, sachez qu’un
texte kilométrique, mal structuré, sans titres et sous-titres, (donc difficile
à lire en ligne) risque fort de vous faire perdre pas mal de lecteurs. Car,
sur le web, les lecteurs scannent les textes plus qu’ils ne les lisent d’un
bout à l’autre. Un texte lisse, sans points de repères, a donc peu de
chance de capter l’attention.
Évitez les polices par défaut
Certaines polices ont tellement été utilisées à tort et à travers qu’elles sont devenues synonymes d’amateurisme et
de mauvais goût.  
Fuyez les Comic Sans et autre Papyrus, à moins de les utiliser avec une extrême prudence.
Fuyez les clichés et les typos bling bling
Le choix des couleurs
BLEU
confiance
Fraicheur
liberté
calme
fidélité
ROUGE
interdit
Amour
sensualité
danger
passion
JAUNE
gaieté
Chaleur
traitrise
optimisme
créativité
VERT
nature
Chance
croissance
espérance
calme
VIOLET
prospérité
Délicatesse
imaginaire
spiritualité
solitude
ORANGE
action
Energie
frivolité
dynamisme
stimulant
BRUN
solidité
Naturel
masculin
neutralité
confort
NOIR
haut de gamme
Mystère
élégance
tristesse
rigueur
BLANC
pureté
Froid
fraicheur
proprette
douceur
Exemples
MERCI
Aymen Touhent
at@switch.tn
+216 56 63 00 00
+216 70 036 675

Contenu connexe

Similaire à La communication visuelle - Workshop by Switch.tn

Atelier 3 : Adapter le style de rédaction aux supports
Atelier 3 : Adapter le style de rédaction aux supportsAtelier 3 : Adapter le style de rédaction aux supports
Atelier 3 : Adapter le style de rédaction aux supportsCap'Com
 
Kafecom Communication - L'Agence
Kafecom Communication - L'AgenceKafecom Communication - L'Agence
Kafecom Communication - L'AgenceCatherine Barradeau
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactivesendemik
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015Vincent Pereira
 
UX & Accessibilité : les clés pour réussir
UX & Accessibilité : les clés pour réussirUX & Accessibilité : les clés pour réussir
UX & Accessibilité : les clés pour réussirChristophe Clouzeau
 
Comment travailler avec la presse au cycle 3
Comment travailler avec la presse au cycle 3Comment travailler avec la presse au cycle 3
Comment travailler avec la presse au cycle 3IEN_Jonzac
 
Atelier numérique "Améliorez votre site internet" - 17/03/2016
Atelier numérique "Améliorez votre site internet" - 17/03/2016 Atelier numérique "Améliorez votre site internet" - 17/03/2016
Atelier numérique "Améliorez votre site internet" - 17/03/2016 Destination Brocéliande
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Vincent Pereira
 
Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Inaativ
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du webRYMAA
 
Concevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesConcevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesMicrosoft
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Kate De Gourdon
 
Identité numérique et e reputation
Identité numérique et e reputationIdentité numérique et e reputation
Identité numérique et e reputationClément Dussarps
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardMicrosoft
 
Mix Culture Professionnelle Charte Graphique
Mix Culture Professionnelle  Charte GraphiqueMix Culture Professionnelle  Charte Graphique
Mix Culture Professionnelle Charte Graphiqueguest656f6aa
 
Introduction au transmedia
Introduction au transmedia Introduction au transmedia
Introduction au transmedia Benjamin Hoguet
 
Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Destination Brocéliande
 
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...nathalieberger
 

Similaire à La communication visuelle - Workshop by Switch.tn (20)

Atelier 3 : Adapter le style de rédaction aux supports
Atelier 3 : Adapter le style de rédaction aux supportsAtelier 3 : Adapter le style de rédaction aux supports
Atelier 3 : Adapter le style de rédaction aux supports
 
article-10--7.ppt
article-10--7.pptarticle-10--7.ppt
article-10--7.ppt
 
Kafecom Communication - L'Agence
Kafecom Communication - L'AgenceKafecom Communication - L'Agence
Kafecom Communication - L'Agence
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactives
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
UX & Accessibilité : les clés pour réussir
UX & Accessibilité : les clés pour réussirUX & Accessibilité : les clés pour réussir
UX & Accessibilité : les clés pour réussir
 
Comment travailler avec la presse au cycle 3
Comment travailler avec la presse au cycle 3Comment travailler avec la presse au cycle 3
Comment travailler avec la presse au cycle 3
 
Atelier numérique "Améliorez votre site internet" - 17/03/2016
Atelier numérique "Améliorez votre site internet" - 17/03/2016 Atelier numérique "Améliorez votre site internet" - 17/03/2016
Atelier numérique "Améliorez votre site internet" - 17/03/2016
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014
 
Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Site internet : les tendances pour 2014
Site internet : les tendances pour 2014
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du web
 
Concevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesConcevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeuses
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"
 
Identité numérique et e reputation
Identité numérique et e reputationIdentité numérique et e reputation
Identité numérique et e reputation
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-board
 
Mix Culture Professionnelle Charte Graphique
Mix Culture Professionnelle  Charte GraphiqueMix Culture Professionnelle  Charte Graphique
Mix Culture Professionnelle Charte Graphique
 
Introduction au transmedia
Introduction au transmedia Introduction au transmedia
Introduction au transmedia
 
Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015
 
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...
 

La communication visuelle - Workshop by Switch.tn