19
05/12/2013 1 La communication par l’image Licence 3 Robin Recours Université Montpellier1 – 2013 1. Le logo Qu’estce qu’un logo? A quoi ressemblent les logos? Les entreprises/clubs sportif(ve)s Logos européens/US Comment un logo s’analysetil? Analyse sémiologique des logos cicontre Logo est l’abréviation du mot « logotype ». Un logo est un élément graphique. Il est conçu: 1.pour représenter une marque de manière appropriée. 2.pour être immédiatement reconnu par le public. Le premier logo contemporain (1876)

Cours L3 Communication - robinrecours.files.wordpress.com · – par rapport aux mots ... et Viadeo – Les réseaux sociaux

Embed Size (px)

Citation preview

05/12/2013

1

La communication par l’imageLicence 3

Robin Recours

Université Montpellier1 – 2013

1. Le logo

• 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

– représenter– une marque de manière 

appropriée.

• 2.pour– être immédiatement 

reconnu– par le public.

• Le premier logo contemporain (1876)

05/12/2013

2

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/orgaspeuvent 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.

05/12/2013

3

• 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 subtilités graphiques

• Les changements de logo

• Exemple de GAP

• http://craplogo.me/

05/12/2013

4

• 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.

05/12/2013

5

• 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 )

05/12/2013

6

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 http://www.vectorise.fr

05/12/2013

7

http://www.vectorise.fr

• Images bitmap (photoshop, gimp, paint, …)

• Images vectorielles (illustrator, inkscape, expression, …)

Les mauvais logos

Office of Government CommerceInstitut des études orientales

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?

05/12/2013

8

• PS • UMP

• Sport

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.

• 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

05/12/2013

9

• 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)

05/12/2013

10

• 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.com/watch?v=wkoX0pEwSCw

• (Greyhound ‐> Gap)

• Les étapes à respecter dans la sélection d’une typo:

• 1. Définir

• 2. Affiner

• 3. Modifier

05/12/2013

11

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

• Les polices de caractère uniques

– > pour les grosses entreprises

• https://www.typotheque.com/dancewriter

Trois typos max

3. Les couleurs

• Il existe trois caractéristiques relatives à une couleur:

• La teinte

• La saturation

• La valeur

05/12/2013

12

L’utilisation des couleurs

• La manière naïve d’utiliser spontanément les couleurs est souvent limitée et simpliste.

les couleurs spontanées du débutant

une palette colorée plus réaliste et intéressante

http

://appren

dre‐a‐d

essiner.o

rg/co

mpren

dre‐th

eorie‐co

uleu

rs/

La symbolique des couleurs

• Figure ci‐contre un peu trop caricaturale

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/

05/12/2013

13

Jaune

• http://trinity‐advise.com/choix‐de‐couleurs‐pour‐mieux‐vendre‐et‐communiquer‐sur‐le‐web/

Violet

• 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/

Orange

• 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/

Blanc

• http://trinity‐advise.com/choix‐de‐couleurs‐pour‐mieux‐vendre‐et‐communiquer‐sur‐le‐web/

05/12/2013

14

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

05/12/2013

15

Exercices

• Associer– 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.

• Retravailler votre logo– 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.

4. Images et symboles

L’eau La terre

L’air Le feu

05/12/2013

16

Exercices

• Lire l’article sur Zidane.

• Réaliser deux affiches– (une très consensuelle et une très originale)

– susceptibles de mettre en valeur

– son nouveau parfum.

• Avec des ambiances– cohérentes avec l’article

– et trouvées sur Getty Images (ou ailleurs)

• Ecrire le nom Zidane– sous la forme d’un logo

– avec une police adaptée

– et 3 couleurs.

• Me rendre le document en format PDF.

5. Les figures de style

• La publicité est sans doute le domaine où la langue s’exprime le plus librement.

Les effets de ressemblance

• L’analogie / comparaison

• La métaphore

• La métonymie

Les effets de contraste

• Oxymore

• Antithèse

• Paradoxe

05/12/2013

17

L’hyperbole

• A éviter

• Ou à utiliser avec beaucoup de prudence

Les jeux de mots

05/12/2013

18

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

L’intranet

• Site web interne

– destiné aux employés

– de l’entreprise.

• ‐> ENT UM1

Le blog

• Le blog

– est un site web simplifié

• Ordre chronologique inversé,

– du plus récent

– au plus ancien

• Pour communication

– externe

– interne

La e‐newsletter

05/12/2013

19

Les réseaux sociaux

• Il existe deux types de réseaux sociaux

– Les réseaux sociaux professionnels: Linkedinet Viadeo

– Les réseaux sociaux personnels: Facebook et Google+

Le référencement

• Le référencement naturel:

– White hat

– Black hat

• Le référencement payant

Exercices

• Lire le texte sur le suicide numérique.

• Développer une stratégie de communication web pour une célébrité sportive.

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.