Cours L3 Communication par l`image

05/12/2013
1. Le logo
La communication par l’image
Licence 3
Robin Recours
Université Montpellier1 – 2013
• Qu’est‐ce qu’un logo?
• A quoi ressemblent les logos?
• Les entreprises/clubs sportif(ve)s
• Logos européens/US
• Comment un logo s’analyse‐t‐il?
• Analyse sémiologique des logos ci‐contre
• Logo est l’abréviation du mot « logotype ».
• Un logo est un élément graphique.
• Il est conçu:
• 1.pour
• Le premier logo contemporain (1876)
– représenter
– une marque de manière appropriée.
• 2.pour
– être immédiatement reconnu
– par le public.
1
05/12/2013
Sa forme
• Les logos sont avant tout des dessins.
• Trois figures géométriques fondamentales
• qui sont:
– Le carré
– Le cercle
– Le triangle
• Stabilité
• Harmonie
• Dynamisme
• Ces formes peuvent être combinées, comme vous pouvez le voir sur ces exemples…
• Pour des raisons stratégiques,
– les entreprises/orgas
peuvent avoir
– deux visages, associés à deux logos différents
• Attention tout de même à ne pas multiplier les logos
• Les déclinaisons d’un même logo
• On peut également trouver des logos plus complexes.
• Mais la forme reste tout de même relativement simple.
2
05/12/2013
• Le logo
– identifie la marque face à la concurrence.
– Il la rend familière,
– il rappelle des souvenirs
– et met le consommateur en confiance (ou non).
• Créer un bon logo coûte cher.
• Souvent cette tâche est donnée à un artiste brillant.
• Les changements de logo
• Exemple de GAP
• http://craplogo.me/
Les subtilités graphiques
3
05/12/2013
• Exemple de Malabar
• Comment fabriquer un logo?
• 1.Etablir un cahier des charges contenant un maximum d’indication sur l’entreprise ou l’organisation.
• 2.Indiquer le sens que vous souhaitez donner à votre logo (que voulez‐vous communiquer?).
• 3.Confier le cahier des charges à un graphiste.
• 4.Sélectionner la proposition la plus en phase avec votre cahier des charges parmi les différentes pistes graphiques présentées.
• Attention!
– Le logo doit être déclinable sur les supports les plus variés,
– du plus petit (la carte de visite) au plus grand (l’enseigne murale),
– en couleur comme en noir et blanc.
• 5.Apporter si nécessaire des commentaires et recommandations pour rectifier la proposition.
• Les logos doivent parfois évoluer pour correspondre aux évolutions de l’entreprise.
4
05/12/2013
• Généralement,
– la signature visuelle d’une entreprise doit refléter ses transformations,
– sans pour autant trahir sa personnalité, son passé ou ses origines.
• Analyse sémiologique d’une évolution logo
• « Les armoiries se composent de deux éléments essentiels : des couleurs et des figures, qui prennent place dans un écu délimité par un périmètre.
• La forme triangulaire, héritée des boucliers de l’époque féodale n’est nullement une obligation, c’est simplement la plus fréquente (...) »
• (Michel Pastoureau )
5
05/12/2013
http://www.vectorise.fr
La vectorisation
• Qu’est‐ce que la vectorisation?
• A quoi ça sert?
http://www.vectorise.fr
http://www.vectorise.fr
http://www.vectorise.fr
http://www.vectorise.fr
6
05/12/2013
http://www.vectorise.fr
• Images bitmap (photoshop, gimp, paint, …)
• Images vectorielles (illustrator, inkscape, expression, …)
Les mauvais logos
Institut des études orientales
Office of Government Commerce
Les logos détournés
• Certains logos peuvent facilement être détournée/retournés contre leurs propriétaires.
• Comment peut‐on détourner les logos ci‐
contre?
7
05/12/2013
• PS
• UMP
Exercices
• Ces exercices sont éventuellement à commencer aujourd’hui, par groupes de 4.
• 1.Trouver un logo qui vous intéresse et l’analyser.
• 2.Trouver un logo qui vous intéresse et le détourner.
• 3.Construire un nouveau logo pour une entreprise virtuelle et l’argumenter.
• Sport
• Me les envoyer par email avant mercredi prochain.
• Préparer un petit speech à dire à la classe sur chacun d’entre eux.
2. La typographie
• Ne surtout pas confondre typologie et typographie
• La première typo a été créé vers 1440 par…
• Johannes Gutenberg, 1440
8
05/12/2013
•
Catégories:
– à empattements (serif)
– sans empattements (sans serif)
– fantaisie
•
Familles de caractères (selon le type d’empattement)
–
–
–
–
•
garalde
humane
mécane
etc.
Polices/fonts (nom)
– Times
– Arial
– etc.
•
•
Corps (taille mesurée en points)
Graisses
– gras,
– italique
– etc.
• Observons les typos ci‐
contre…
• Est‐ce que vous trouvez
– que les choix typographiques ci‐contre sont pertinents,
– par rapport aux mots qu’ils sont sensés mettre en valeur?
• Pourquoi?
Les mauvaises typos
• Connaissez‐vous des polices qui sont célèbres pour leur mocheté?
• (Ces polices sont pourtant parfois très souvent utilisées)
9
05/12/2013
• http://www.legorafi.fr/
2013/08/09/des‐
parents‐attristes‐que‐la‐
lettre‐de‐suicide‐de‐
leur‐enfant‐soit‐en‐
comic‐sans/
Les bonnes typos
• Vidéo Helvetica
• http://www.youtube.co
m/watch?v=wkoX0pEw
SCw
• (Greyhound ‐> Gap)
• Les étapes à respecter dans la sélection d’une typo:
• 1. Définir
• 2. Affiner
• 3. Modifier
10
05/12/2013
Les typothèques
• Vous pouvez trouver sur le marché des dizaines de milliers de polices.
• Certaines sont gratuites, d’autres sont payantes.
• Il y a un site Internet qui est super pour trouver des typos, c’est…
http://www.dafont.com
http://www.dafont.com
Trois typos max
• Les polices de caractère • https://www.typothequ
e.com/dancewriter
uniques
– > pour les grosses entreprises
3. Les couleurs
• Il existe trois caractéristiques relatives à une couleur:
• La teinte
• La saturation
• La valeur
11
05/12/2013
L’utilisation des couleurs
les couleurs spontanées du débutant
http://apprendre‐a‐dessiner.org/comprendre‐theorie‐couleurs/
• La manière naïve d’utiliser spontanément les couleurs est souvent limitée et simpliste.
La symbolique des couleurs
• Figure ci‐contre un peu trop caricaturale
une palette colorée plus réaliste et intéressante
Rouge
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Vert
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Le greenwashing
• Le cas de McDonald’s
Bleu
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
12
05/12/2013
Jaune
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Rose
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Marron
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Violet
Orange
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Blanc
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
13
05/12/2013
Gris
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Noir
• http://trinity‐
advise.com/choix‐de‐
couleurs‐pour‐mieux‐
vendre‐et‐
communiquer‐sur‐le‐
web/
Combinaisons
• Couleur dominante
• Couleur complémentaire
• Couleur tonique
Physique appliquée
• La couleur, comment ça fonctionne?
Les synthèses
• Synthèse soustractive
• CMJN (ou CMYK)
• Peinture, Dessin, Posters, Flyers, Imprimerie
• Synthèse additive
• RVB (ou RGB)
• Projecteur spectacles, Télévision, Cinéma, Ecran d’ordinateur
Rendus
• Les couleurs écran
– RVB
• Les couleurs web
– #XXXXXX
• Les couleurs imprimées
– CMJ
• Les couleurs Pantone
14
05/12/2013
Exercices
• Associer
4. Images et symboles
• Retravailler votre logo
– une bonne typo
– à un proverbe ou à une citation qui vous plaît.
– Dites pourquoi cette typo fonctionne.
• Associer
– une mauvaise typo
– à un proverbe ou à une citation qui vous plaît.
– Dites pourquoi cette typo ne fonctionne pas.
– y appliquer des couleurs adaptées,
– y appliquer des couleurs inadaptées,
– le convertir en CMJN pour l’impression
• Penser
– à m’envoyer les docs en PDF, en 300 dpi minimum
– pour que je puisse les visualiser sur mon ordinateur.
L’eau
La terre
L’air
Le feu
15
05/12/2013
Exercices
• Lire l’article sur Zidane.
• Réaliser deux affiches
• Ecrire le nom Zidane
– sous la forme d’un logo
– avec une police adaptée
– et 3 couleurs.
– (une très consensuelle et une très originale)
– susceptibles de mettre • Me rendre le document en valeur
en format PDF.
– son nouveau parfum.
5. Les figures de style
• La publicité est sans doute le domaine où la langue s’exprime le plus librement.
• Avec des ambiances
– cohérentes avec l’article
– et trouvées sur Getty Images (ou ailleurs)
Les effets de ressemblance
• L’analogie / comparaison
• La métaphore
• La métonymie
Les effets de contraste
• Oxymore
• Antithèse
• Paradoxe
16
05/12/2013
L’hyperbole
• A éviter
• Ou à utiliser avec beaucoup de prudence
Les jeux de mots
17
05/12/2013
Exercices
• Associer à votre affiche un slogan utilisant une des figures de styles décrites précédemment.
• Lui associer une typographie pertinente.
• M’envoyer votre affiche en PDF
6. La communication web
•
•
•
•
•
•
Le site web corporate
L’intranet
Le blog
La e‐newsletter
Les réseaux sociaux
Le référencement
Le site web corporate
1.Poser des objectifs
2.Définir des cibles
3.Organiser le contenu
4.Proposer des fonctionnalités interactives
• 5.Soigner le design
•
•
•
•
Le blog
L’intranet
• Site web interne
– destiné aux employés
– de l’entreprise.
• ‐> ENT UM1
La e‐newsletter
• Le blog
– est un site web simplifié
• Ordre chronologique inversé,
– du plus récent
– au plus ancien
• Pour communication
– externe
– interne
18
05/12/2013
Les réseaux sociaux
• Il existe deux types de réseaux sociaux
– Les réseaux sociaux professionnels: Linkedin
et Viadeo
– Les réseaux sociaux personnels: Facebook et Google+
Exercices
• Lire le texte sur le suicide numérique.
• Développer une stratégie de communication web pour une célébrité sportive.
Le référencement
• Le référencement naturel:
– White hat
– Black hat
• Le référencement payant
7. Bibliographie
• Bachelard, G. (1949). La psychanalyse du feu. Paris: Gallimard.
• Jézéquel, B. & Gérard, P. (2012). La boîte à outils du responsable communication.
• Recours, R. (2006). Zinédine Zidane vu par les adolescents. Sociétés, 92, 91‐101.
• Sauvageot, A. (1987). Figures de la publicité, figures du monde. Paris: PUF.
• Tremblay, G. (1982). L’ABC du style publicitaire français. Montréal: Linguatech.
19