Identité visuelle :
langage, récits, idéologies

Par Xavier SENENTE

§ 1

Le pouvoir des signes

Identité visuelle, culture, idéologie

Un signe est-il neutre ?

Signe = forme + contexte + publics

Identité visuelle

signe

Signe, signifiant, signifié

Ferdinand DE SAUSSURE est à l'origine de la sémiologie et de l'étude des signes vers la fin du XIXe s.

Il conçoit le signe comme une unité dyadique.

Saussure

Le signe linguistique n’unit pas un nom à une chose, mais une image accoustique à un concept

Saussure

Le signifié désigne le concept, le signifiant désigne l’image acoustique et le signe, l’union du concept et de l’image acoustique.

F. de Saussure, Cours de linguistique générale

Icône, indice, symbole

Au début du XXe s., Charles SANDERS PEIRCE est à l'origine de la sémiotique qui se différencie de la sémiologie par une approche triadique du signe.

Il classe les signes en fonction de la relation que le representamen entretien avec l’objet : icône, indice, symbole.

ICÔNE INDICE SYMBOLE

La sémiotique

Charles SANDERS PEIRCE

début XXe s.

L’icône est un signe analogique

Il représente l’objet avec des caractéristiques similaires (ressemblance).

L’indice est un signe matériel

Il ne représente pas l’objet, il en est la manifestation directe.

Le symbole est un signe intellectuel

Il est une représentation conventionnelle de l’objet.

(S')identifier

Marque de tâcheron sur les remparts d'Aigues-Mortes (Moyen-Âge)

  • Indice : Trace physique du tailleur sur ce bloc → attribution / comptage.
  • Symbole : Code appris → “ce signe = cet ouvrier/atelier” (règle de chantier).
  • Icône : Ressemblance parfois (initiale, outil, forme évidente).
Marque de tâcheron sculptée sur pierre à Aigues-Mortes

Étude de cas n°1

Icône ? Symbole ? Indice ?

dessin crayonné d'un crâne

Étude de cas n°1

Catacombes de Paris

Les Catacombes de Paris, c'est le plus grand ossuaire du monde (environ 6 millions de restes humains).

Ce lieu incontournable touche un public très international (+ de 500 000 visiteurs par an dont 47% de visiteurs étrangers), imposant un langage graphique simple, direct et sobre.

Le défi : une identité claire, lisible, cohérente, sans trahir le sens du lieu.

Étude de cas n°1

Catacombes de Paris

Identité visuelle des catacombes de Paris

Signifiant

un “C” stylisé, tracé comme un passage/galerie, dont la contreforme fait apparaître un crâne (pictogramme minimal, fort contraste)

Signifié

les Catacombes comme lieu souterrain de mort / mémoire / memento mori ; l’idée d’entrer dans un dédale patrimonial (expérience à la fois historique et troublante)

Étude de cas n°1

Catacombes de Paris

Identité visuelle des catacombes de Paris
Logo catacombes

Icône

La contreforme ressemble à un crâne.

Indice

Il peut “indiquer” un lieu souterrain, une trace du passé.

Symbole

Culturellement, crâne = mort, danger, macabre.

Étude de cas n°1

Catacombes de Paris

Application de l'identité visuelle des Catacombes de Paris
Signalétique et supports de communication des CatacombesSignalétique et supports de communication des Catacombes

Étude de cas n°2

Ville de Biarritz

Proposition d'identité visuelle pour la ville de Biarritz

Le Pays basque est riche en signes (lauburu, couleurs, typographies, etc.) → ressource d’inspiration.

Mais certains signes peuvent faire écho à des enjeux politiques (nationalisme basque) → attention à l’activation involontaire de sens.

proposition de logo pour la ville de Biarritz
marqueurs d'identité autour de la culuture Basque

Signifiant

Une croix basque lauburu réinterprétée en forme minimaliste, construite sur un module de demi-cercles, portée par un “rouge pimenté” (pouvant aussi se lire comme une fleur d’hibiscus / motif de chemise de surfeur).

Signifié

Cycle du temps, 4 saisons, équilibre des éléments, et plus largement l’idée d’harmonie / qualité de vie, avec une intention de concilier tradition et modernité (passé/avenir, terroir/monde).

Étude de cas n°3

Identité visuelle de la campagne présidentielle de François Hollande, 2012

Identité visuelle de la campagne présidentielle de François Hollande de 2012
Personnes reprenant le signe = présent dans l'identité

Signifiant

Un logotype simple avec le nom du candidat en capitales (Avenir) + année de la campagne (Chunkfive), en blanc sur fond rouge, avec un double trait (soulignement + surlignement) qui met en relief “FR” dans FRANÇOIS.

Signifié

Une posture de campagne moderne et “connectée” (le souligné évoque le lien/maillage), une idée de mise en avant/protection et d’équilibre (lecture possible du “=”); le focus FR ancre le candidat dans la France plutôt que dans l’ego (FH).

À retenir !

Un logo n’est jamais purement formel

1. Il condense une vision, une mémoire, une stratégie

2. Il fonctionne sur plusieurs niveaux de lecture

3. Sa puissance vient de l'équilibre entre lisibilité immédiate et richesse symbolique

Synthèse : la grille d’analyse

1

Contexte

Qui commande ? pourquoi ?

2

Publics

Qui est visé, qui est oublié ?

3

Objet

Que représente-t-on vraiment ?

4

Type de signe

Icône / indice / symbole, et pourquoi ?

5

Effets

Que cherche-t-on à provoquer ?

6

Risques

Contresens, détournements, conflits de légitimité.

Arbre typologique des marques de fabrique

Per MOLLERUP, 2005

Plan de travail 1 NOMS P R OPRES NOMS DESCRIPTIFS NOMS MÉ T A P HORI Q UES NOMS ADOPTÉS NOMS A R TIFICIELS ABR. P AR INITIALES ABR. A UTRES Q U’INITIALES MA R Q UES DESCRIPTIVES MA R Q UES MÉ T A P HORI Q UES MA R Q UES ADOPTÉS MA R Q UES NOMINALES ABRÉVI A TIONS MA R Q UES FIGUR A TIVES MA R Q UES NON FIGUR A TIVES MA R Q UES LITÉRALES MA R Q UES P ICTURALES MA R Q UES GRA P HI Q UES MA R Q UES NON GRA P HI Q UES MA R Q UES DE F ABRI Q UES

Marques litérales (Wordmark)

Nom métaphorique
Nom artificiel
Nom propre
Nom artificiel
Abréviation
Nom métaphorique
Abréviation
Nom descriptif
Abréviation

Marques picturales (emblèmes)

Marque métaphorique
Marque métaphorique
Marque descriptive
Marque adoptée
Marque adoptée
Marque descriptive ?
Marque descriptive
Marque adoptée

Bloc marque

La plupart du temps une marque est l'association d'un nom et d'un symbole graphique.

Variantes du logo

Wordmark

Emblème

Bloc marque vertical

Bloc marque horizontal

Étude de cas : Refonte du logo de Google

2015

2013
2015

Étude de cas : Refonte du logo de Google

2015

Qu’est-ce qu’on perd ?

  • caractère
  • singularité
  • héritage

Qu’est-ce qu’on gagne ?

  • modernité
  • accessibilité
  • neutralité
  • tech

Étude de cas : Refonte du logo de Google

2015

On simplifie le logo pour renforcer le système

Étude de cas : Deliveroo

2013
2016

Étude de cas : Uber

2016
2018

Étude de cas : Uber

storytelling vs perception

Le système graphique repose sur une forme en “U” qui vient encadrer une image ou un bloc de texte, et se décline selon les formats.

Dans les faits, le “U” tient surtout du storytelling : la plupart des gens y verront simplement un cadre, pas une lettre.

Déclinaison de l'identité visuelle d'Uber
Déclinaison de l'identité visuelle d'Uber
Déclinaison de l'identité visuelle d'Uber

Si personne ne lit l’intention, l’intention n’existe pas !

Uniformisation des signes des GAFA ?

Étude de cas : Peugeot

2016
2022
Historique des logos de la marque Peugeot

Étude de cas : Citroën

2016
2022
Historique des logos de la marque Citroën

Étude de cas : Renault

2015
2021
Historique des logos de la marque Renault

Du chrome au “flat“ dans l'automobile

Logos automobile en version chroméLogos automobile en version Flat design

Résumons…

Style = intention, pas décoration

1

Forme choisie

Pourquoi cette forme est la plus pertinente pour l’usage ? (wordmark / symbole / emblème…)

2

Ton culturel

Quel “rôle” la marque veut jouer dans la culture ? (neutre, institutionnel, premium, populaire, techno…)

3

Contraintes réelles

Qu’est-ce qui a obligé à simplifier / renforcer / stabiliser ? (numérique, app, international, vitesse de lecture, motion…

4

Système (preuve)

Est-ce qu’on voit une grammaire, ou seulement un logo ? (déclinaisons, templates, règles répétables…)

5

Réception

Qu’est-ce que le public lit vraiment ? Qu’est-ce qui est gagné/perdu ?

§ 3

Du brief à l’idée…

…et de l’idée au récit, recherches de concepts

Recherche de concepts

  • Lire / interpréter un brief
  • Du diagnostic → aux axes → aux pistes
  • Objectif : éviter le “style automatique”

Objectifs (ce que vous saurez faire)

Le brief dit des choses…
et en cache d’autres.

→ ce qu’on cherche : le vrai enjeu (souvent implicite)

La méthode en 5 étapes

1

Contextualiser

Qui commande ? pourquoi ?

2

Cartographier

publics / tensions / concurrents / contraintes

3

Formuler le problème

1 phrase testable

4

Explorer 2–3 axes conceptuels

mots + références

5

Définir des preuves

Comment ça se voit dans un système

Cas n°1 : le Centquatre

Brief

Le CentQuatre, un lieu-ville

Recherches pour l’identité visuelle du centre culturel le Centquatre-Paris

Situé dans le 19e arrondissement de Paris, le 104 est un centre culturel comprenant un espace de résidences, de production et de diffusion pour les publics et les artistes du monde entier. Pensé comme une plate-forme artistique collaborative, il donne accès à l’ensemble des arts actuels, au travers d’une programmation populaire, contemporaine et exigeante. Lieu de vie atypique jalonné de boutiques, il offre également des espaces aux pratiques artistiques libres et à la petite enfance. Pour les start-ups qui intègrent son incubateur, il constitue un territoire d’expérimentation unique, à la croisée de l’art et de l’innovation.

Après 10 années d’activité fructueuse et croissante depuis sa création et un fort développement tant en termes de fréquentation que de rayonnement, le Centquatre souhaite désormais se positionner comme une institution culturelle alternative résolument tournée vers l’innovation et l’émergence.

Situé dans le 19e arrondissement de Paris, le 104 est un centre culturel comprenant un espace de résidences, de production et de diffusion pour les publics et les artistes du monde entier. Pensé comme une plate-forme artistique collaborative, il donne accès à l’ensemble des arts actuels, au travers d’une programmation populaire, contemporaine et exigeante. Lieu de vie atypique jalonné de boutiques, il offre également des espaces aux pratiques artistiques libres et à la petite enfance. Pour les start-ups qui intègrent son incubateur, il constitue un territoire d’expérimentation unique, à la croisée de l’art et de l’innovation.

Après 10 années d’activité fructueuse et croissante depuis sa création et un fort développement tant en termes de fréquentation que de rayonnement, le Centquatre souhaite désormais se positionner comme une institution culturelle alternative résolument tournée vers l’innovation et l’émergence.

Cas n°1 : le Centquatre

Piste 1 : La rupture

104 comme dispositif

  • Partir du 104 (ancrage)
  • Traitement minimal + décalage qui révèle / met en mouvement
  • Système multicolore → programmation éclectique
Proposition d'identité visuelle pour le Centquatre
Proposition d'identité visuelle pour le Centquatre
Proposition d'identité visuelle pour le Centquatre
Cas n°1 : le Centquatre

Piste 2 : Le bâtiment

Preuve par l’architecture

  • Le lieu est “caché derrière un porche” / architecture impressionnante
  • Choix : faire du bâti la preuve de l’identité
Proposition d'identité visuelle pour le Centquatre
Proposition d'identité visuelle pour le Centquatre
Proposition d'identité visuelle pour le Centquatre
Proposition d'identité visuelle pour le Centquatre
Cas n°2 : Biarritz

Résumé du brief

Diagnostic : “ville à un tournant”

La Ville de Biarritz souhaite refondre son identité visuelle afin d’accompagner un changement de cap : sortir d’une image trop centrée sur la destination touristique et affirmer un statut de ville à part entière, vivante et habitée. Cette nouvelle identité devra traduire une vision équilibrée entre attractivité et qualité de vie, dans un contexte de forte pression saisonnière, de tensions sur le logement et d’exigences environnementales croissantes. Elle devra également soutenir une stratégie visant à “accueillir moins, accueillir mieux”, à renforcer l’attractivité hors saison et à porter un récit plus durable et responsable.

L’univers graphique attendu devra assumer le caractère basque tout en exprimant le rayonnement international de Biarritz, sans tomber dans le cliché. Le dispositif final devra être simple, cohérent et déclinable sur l’ensemble des prises de parole de la Ville, en permettant une production fluide et une reconnaissance immédiate.

La Ville de Biarritz souhaite refondre son identité visuelle afin d’accompagner un changement de cap : sortir d’une image trop centrée sur la destination touristique et affirmer un statut de ville à part entière, vivante et habitée. Cette nouvelle identité devra traduire une vision équilibrée entre attractivité et qualité de vie, dans un contexte de forte pression saisonnière, de tensions sur le logement et d’exigences environnementales croissantes. Elle devra également soutenir une stratégie visant à “accueillir moins, accueillir mieux”, à renforcer l’attractivité hors saison et à porter un récit plus durable et responsable.

L’univers graphique attendu devra assumer le caractère basque tout en exprimant le rayonnement international de Biarritz, sans tomber dans le cliché. Le dispositif final devra être simple, cohérent et déclinable sur l’ensemble des prises de parole de la Ville, en permettant une production fluide et une reconnaissance immédiate.

Cas n°2 : Biarritz

Marqueurs culturels

Historiques des logos de Biarritz
Ecosystème de marques territoriales
Symboles basques
Symboles basques
Cas n°2 : Biarritz

Positionnement : 5 notions

Schéma de synthèse de positionnement
Cas n°2 : Biarritz

Recherche de concepts

Planche de recherches de logos potentiels
Cas n°2 : Biarritz

Piste 1 : l’étendard Biarrot

  • Typogramme « Biarritz » comme un drapeau au vent.
  • Ambiance : vent, vagues, mouvement.
  • Contraste : haut orthogonal (horizon) / bas courbe (vagues), base du système graphique.
proposition autour de l'idée d'étendard
proposition autour de l'idée d'étendard
proposition autour de l'idée d'étendard
proposition autour de l'idée d'étendard
Cas n°2 : Biarritz

Piste 2 : Ville de contraste

  • Lettrine B en paysage métaphorique (vent, vagues, horizon, cadre carte postale).
  • Double lecture : côte ou drapeau au vent.
  • Signe impressionniste : énergie + contrastes.
proposition autour de l'idée de vaque/drapeau
proposition autour de l'idée de vaque/drapeau
proposition autour de l'idée de vaque/drapeau
proposition autour de l'idée de vaque/drapeau
Cas n°2 : Biarritz

Piste 3 : la croix basque

  • Lauburu revisité : saisons + équilibre des éléments.
  • Design moderne, minimal, basé sur le demi-cercle.
  • Pont passé/avenir ; rouge piment évoque hibiscus et esprit surf.
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
proposition autour de la croix basque revisitée
Cas n°3 : Deezer

Fondé en 2007, Deezer est un service de streaming musical reconnu mondialement, avec un vaste catalogue et près de 10 millions d’abonnés payants. Dans un marché saturé et très concurrentiel, la marque avait besoin d’une identité capable de parler à une nouvelle génération d’auditeurs : créer un système de marque audacieux, flexible et pensé pour l’avenir de la musique.

Fondé en 2007, Deezer est un service de streaming musical reconnu mondialement, avec un vaste catalogue et près de 10 millions d’abonnés payants. Dans un marché saturé et très concurrentiel, la marque avait besoin d’une identité capable de parler à une nouvelle génération d’auditeurs : créer un système de marque audacieux, flexible et pensé pour l’avenir de la musique.

Cas n°3 : Deezer
2019
2023
Cas n°3 : Deezer
Identité visuelle de Deezer
Identité visuelle de Deezer
Identité visuelle de Deezer
Identité visuelle de Deezer
Cas n°3 : Deezer

Axe concept

Problème → Idée → Preuves

§ 4

Du concept à la forme

construction, Gestalt, et mythes du logo parfait

Du concept vers la forme

Contexte → Problème → Axes → Preuves → Forme

Tests d'efficacité visuelle

  • Test silhouette (reconnaissance à distance)
  • Test réduction (16–24 px)
  • Test monochrome (noir/blanc)
  • Test inversion (fond sombre / clair)
  • Test contexte (dans une UI, une affiche, une signalétique)

Tests d'efficacité visuelle

  • Test silhouette (reconnaissance à distance)
  • Test réduction (16–24 px)
  • Test monochrome (noir/blanc)
  • Test inversion (fond sombre / clair)
  • Test contexte (dans une UI, une affiche, une signalétique)

Les lois de la Gestalt

Théorie d’origine allemande du début du XXème s. qui définit les principes de la perception selon lesquelles notre cerveau traite spontanément les phénomènes comme des ensembles structurés (les formes) et non comme une simple addition ou juxtaposition d'éléments.

1

Figure/fond

le cerveau sépare spontanément un élément principal (figure) de l’arrière-plan (fond) selon ce qui ressort le plus

2

Clôture (closure)

on tend à compléter mentalement les formes incomplètes pour percevoir un tout cohérent

3

Proximité

des éléments proches sont perçus comme appartenant au même groupe

4

Similarité

des éléments qui se ressemblent (forme, couleur, taille…) sont perçus comme liés

5

Continuité

l’œil suit préférentiellement les alignements et courbes continues plutôt que les ruptures

Catacombes : contreforme + clôture + archétype culturel

  • Contreforme : crâne minimal (ovales + triangle)
  • Signifiant : un C → galerie
  • Effet : double lecture instantanée (lettre + symbole)

Test réduction / contexte

  • Pourquoi ça marche : silhouette simple + contraste fort
  • Risque : le détail (yeux/triangle) doit survivre en petit
Application de l'identité visuelle des Catacombes de ParisApplication de l'identité visuelle des Catacombes de Paris

Unsplash : clôture et minimalisme

  • Problème : logo trop commun
  • Principe : formes incomplètes → le cerveau reconstruit
  • Effet : logo “évident” sans être descriptif + double lecture
2013
Ancien logo d'Unsplash
2018

Unsplash : réduction

travail de réduction pour la favicon

Unsplash : clôture et minimalisme

Lois de la Gestalt

  • Figure/fond
  • Clôture (closure)
  • Proximité
  • Similarité
  • Continuité

Le mythe du nombre d'or

Le mythe du nombre d'or

Mythe n°1

« le nombre d’or fait un bon logo »

Un bon logo est souvent bon parce qu’il est dessiné sur mesure (ajustements optiques, rythme visuel), pas parce qu’il obéit à une formule magique.

Le vrai sujet : l’optique (pas la géométrie)

Problèmes typiques :

  • épaisseurs qui “semblent” inégales
  • contreformes qui se bouchent
  • alignements mathématiques qui paraissent faux

Règle d’or

On corrige pour l’œil,
pas pour la règle

Mairie du 20e

Identité visuelle de la mairie du vingtième arrondissement de Paris
Identité visuelle de la mairie du vingtième arrondissement de Paris

Théâtre du Châtelet

Récit du logo

Mythe n°2

« un bon logo doit tout dire »

Non, un bon logo doit orienter une lecture, pas raconter toute l’histoire

§ 5

Systèmes identitaires

Grammaire, cohérence, preuves

Aujourd'hui, une marque est devenue une plateforme, un lieu d'échange, une expérience qui suscite un attachement émotionnel.

Pour s'adapter à leur environnement, en évolution rapide, les marques deviennent des organismes vivants.

Les composantes du système

Plan de travail 2 Système logo Idéog r amme (fonction visuelle) Idéog r amme (fonction v erbale) V erbal Image Image Mot (sigle, nom) Mot-syllabe-son Signe visuel Langage visuel Langage v erbal Signe v erbal Visuel Signe Système

Les composantes du système

Les 6 composantes d'une identité et ses connexions créent le système.

Les variables créent la dynamique, en gardant une certaine constante pour maintenir la reconnaissance et la cohérence.

Typo Couleur Langage Éléments graphiques Images SYSTÈME

Opéra Saint-Étienne

Graphéine, 2015

Identité visuelle de l'Opéra de Saint-Étienne

Système typographique + récit

Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-EtienneIdentité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne
Identité visuelle de l'Opéra de Saint-Etienne

Objectif

Communication simple et populaire,
proximité avec les publics

Ville de Porto

White Studio, 2014

Identité visuelle de la ville de Porto

Système hiérarchique (ville / mairie / services)

Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto
Identité visuelle de la ville de Porto

Moteur

Architecture de marque + déclinaison par entité

Objectif

Lisibilité citoyenne (qui parle ?)

MIT Media Lab

Pentagram, 2014

Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab
Identité visuelle du MIT Media Lab

Entrée

Une grille de 7x7

Sortie

Logo + extension à 23 sous-entités

Chiba Tech

Pentagram, 2025

Identité visuelle du MIT Media Lab

Système “méthode”

Evolution du logo Chiba Tech

Moteur

Structure, règles, palette, constance

Message

L’institution = clarté / innovation / méthode

Orchestre symphonique de San Francisco

Collins, 2021

Identité visuelle du SFSymphony

Système expressif mais rigoureux

Identité visuelle de l'Orchestre symphonique de San Francisco
Identité visuelle de l'Orchestre symphonique de San FranciscoIdentité visuelle de l'Orchestre symphonique de San Francisco
Identité visuelle de l'Orchestre symphonique de San Francisco

Moteur

typographie + composition + direction d’images

Effet

institution classique → culture contemporaine

Moteur + preuves

À rapprocher du schéma de Jakobson décrivant les différentes fonctions du langage.

1

Quel est le moteur ?

Quelle “pièce maîtresse” fait tenir l’identité : typo, grille, élément graphique, direction d’image, ou variation (règles paramétrées) ?

2

Quelles règles ?

Quelles 3 lois simples suffisent à produire la majorité des supports (ex. placement du logo, hiérarchie titres, rythme de marges) ?

3

Quelles preuves ?

Où voit-on le système fonctionner “pour de vrai” : affiche, post/story, site/UI, document, signalétique…

4

Flexibilité / Interdits ?

Qu’est-ce qui peut varier (images, couleurs secondaires, compositions) et qu’est-ce qui est non négociable (silhouette, typo, grille, zones) ?

5

Quel risque ?

Le système dérive vers quoi : uniformisation (tout se ressemble), illisibilité (trop complexe), ou rigidité (ne s’adapte pas aux cas limites) ?