Communication Multimédia
Pour le 16 janvier 2026
Vous choisirez une oeuvre ou une série d’oeuvres à présenter (graphique, print, motion, publicité, jeux vidéo, site web…) Après en avoir fait une analyse détaillée et une recontextualisation vous expliciterez votre choix personnel pour cette oeuvre sans oublier son interprétation et ses répercutions.
Vous expliciterez votre choix personnel, vos remarques et vos perceptions, ainsi que vos sources pour la réalisation de ce dossier…
A envoyer à cette adresse : olivier.ageron@ensa-nancy.fr
Introduction : La Communication
Étymologie : «mettre en commun», puis «être en relation avec». Communication provient de la même racine latine qui a donné «commun» (communis), « communiquer» (communicare, au sens d’être en relation avec, s’associer, partager ), et « communication » communicatio (le fait d’être en relation avec).
Basé sur le système d’émetteur et de récepteur d’une information.
Page Wikipedia
Vidéo de CarPhoneWareHouse
> La Communication inter-personnelle
> La Communication de masse
> La Communication de groupe
Page Wikipedia
Le Message c’est le Medium : Marshall McLuhan
Communication Non Verbale
La règle mise en place par Albert Mehrabian en 1967 : 7 % – 38 % – 55 %
La communication visuelle rendre dans le champ de la communication non-verbale.
L’exemple du Logotype
Des quizz :
http://www.quizz.biz/quizz-296775.html
http://www.quizz.biz/quizz-401726.html
http://fr.quizity.com/play/quiz/3656/quizz_jeux_des_logos_et_des_marques_pub_télé
http://quizible.com/quiz/famous-logo-quiz/3748
http://www.logoquiz.net
Logorama par H 5
Interview des createurs
Le film en VF
Le site de H 5
La Semiologie
La communication visuelle pour produire du sens doit envoyer des signes. Pour que ces signes soient pertinents, nous devons nous pencher sur une discipline particulière qu’est la sémiologie (l’etude des signes).
Lire cet article.
« Le sémiologue est celui qui voit du sens là où les autres voient des choses » (Umberto Eco)
L’exemple la trahison des image de René Magritte 1929 avec La clé des songes 1930 et les deux mystères 1966
La difference entre signifiant et signifié
Avec comme exemple, les Pictogrammes utilisés pour la signalétique des Jeux Olympiques d’Athènes, en 2004.
(à retrouver ici)
Le triangle signifiant / signifié / réfèrent
Les outils de la communication visuelle
> Le Monogramme (Chiffre)
voir Yves Saint Laurent / Rolls Royce / Chanel / Fendi / Giorgio Armani
> Le Pictogramme
Exemple des pictogramme de danger chimique
Les pictogramme des Jeux olympique de Munich 1972 (Otl Aîcher)
Susan Kare et les icônes du Macintosh Classic de 1984
> L’idéogramme
L’exemple du I Love NY de Milton Glaser
En Bande Dessiné
> Le Logotype
Example du Logo IBM par Paul Rand
Example du Logo AEG par Peter Behrens
La communication visuelle a trois fonction essentielles
> Présenter : Le spot Apple
> Informer : ChatGPT et OpenAI
> Promouvoir : La twingo 3 de Kuntzel + Deygas
Chronologie du Design Graphique
Un rapide tour d’horizon des différentes tendances du Design Graphique durant les 150 dernières années au travers quelques exemples de créatifs les plus représentatifs.
Johannes Gutenberg
Les caractères mobile et la bible B42
L’Art nouveau et les affichistes
Henri de Toulouse Lautrec / Eugène Grasset / Alfons Mucha
En Allemagne : Peter Behrens / Lucian Bernhard
Le Futurisme italien
Filippo Tommaso Marinetti et Les mots en liberté Futuristes
L’Ecole du Bauhaus
Joost Schmidt / Herbert Bayer / László Moholy-Nagy et ses Tableaux téléphoniques
Le Constructivisme Russe
El Lissitzky / Alexandre Rodtchenko
Art Deco
Paul Colin / Cassandre (page Wikipedia)
Abstraction Lyrique le contrepied français
Roger Excoffon / une biographie détaillée / sur le blog de Peter Gabor
Site Officiel / Depuis quand : La police caractère BANCO ? David Castello-Lopes
Le Style Suisse ou Style typographique international ou style international
A lire aussi
Armin Hofmann et le manuel de création graphique de 1965
Josef Muller Brockmann / Biographie détaillée
Otl Aicher
Paul Rand un peu d’Europe aux USA/ voir aussi
Graphisme Psychédélique
Wes Wilson / Site officiel
Milton Glaser / Site officiel
La typographie expressive
Massin / La cantatrice chauve de Eugene Ionesco
Les Affiches de Mai 68
Diaporama / et là aussi…
Grapus / l’Atelier de Création Graphique / Ne pas plier / Nous Travaillons Ensemble
Jean Widmer + identité du centre Pompidou
Etienne Robial (Wikipedia)
Philippe Apeloig (Wikipedia)
H 5 (Vimeo)
Voir la Chronologie du graphisme en France
Les Génériques de Films / Motion Design
Saul Bass
http://www.artofthetitle.com/designer/saul-bass/
http://fr.wikipedia.org/wiki/Saul_Bass
Pablo Ferro
http://www.artofthetitle.com/designer/pablo-ferro/
https://fr.wikipedia.org/wiki/Pablo_Ferro
Maurice Binder
http://www.artofthetitle.com/designer/maurice-binder/
http://fr.wikipedia.org/wiki/Maurice_Binder
Daniel Kleinman
http://en.wikipedia.org/wiki/Daniel_Kleinman
http://jamesbond007.net/2012/daniel-kleinman-profession-title-designer/
http://www.artofthetitle.com/designer/daniel-kleinman/
http://www.watchthetitles.com/designers/Daniel_Kleinman
http://www.culturepub.fr/realisateurs/daniel-kleinman/
http://www.youtube.com/watch?v=uhmfWo5UKiQ
Richard Allan Greenberg
http://www.rga.com/
http://www.artofthetitle.com/designer/richard-greenberg/
http://www.artofthetitle.com/feature/r-greenberg-associates-a-film-title-retrospective/
Kyle Cooper + Prologue + Imaginary Forces
(Karin Fong + Ilya Abulhandy + Danny Yount)
http://prologue.com/
http://www.imaginaryforces.com/
http://www.artofthetitle.com/designer/kyle-cooper/
Kuntzel + Deygas
http://www.addadog.com/
http://www.kuntzeldeygas.com/
http://www.objectif-cinema.com/interviews/199.php
Laurent Brett
http://www.laurentbrett.com
http://vimeo.com/laurentbrett
Le WebDesign
Web Design
Flat Design
Les tendances 2023 / 2024
Exemples de Charte Graphique :
Print = arte (2008 / 2011) / CNRS
Web = CNRS / Unesco
Site en HTML5 à voir plutôt avec Chrome
http://works.jonobr1.com/Patatap
https://experiments.withgoogle.com/collection/chrome
https://www.schizinfo.com/experience/
https://sauveunevie.lu/fr/
http://blacknegative.com
https://sayviget.com/
https://soundboard.heihei.resn.co/
La Visualisation de donnée
https://fr.wikipedia.org/wiki/Visualisation_de_données
https://fr.wikipedia.org/wiki/Florence_Nightingale / https://www.youtube.com/watch?v=sNppKQh0xPo
Comment faire une bonne visualisation de donnée :
- Se baser sur des données fiables,
- Raconter une histoire (storytelling), ce qui fera une bonne visualisation de données, c’est le message que l’on choisira de véhiculer ainsi que l’angle retenu.
- Être graphiquement bien construite (illustration / typographie…)
La dataviz a un grand pouvoir car elle laisse une empreinte forte, forcement cela implique de grandes responsabilités
Si elle permet au plus grand nombre de comprendre, elle est aussi un outil de manipulation très efficace. Les chiffres ne peuvent pas mentir. Un graphique, si. On croise ainsi régulièrement des graphiques faux, ou trompeurs, notamment en politique ou à la télévision.
Article à lire : https://www.arretsurimages.net/articles/graphiques-air-france-le-monde-tacle-le-point
Des exemples :
Une dataviz du journal Le Monde sur les objectifs du confinement. Le lecteur peut y faire défiler les informations à son rythme.
https://www.lemonde.fr/les-decodeurs/visuel/2020/04/02/coronavirus-a-quoi-sert-le-confinement_6035266_4355770.html#slide=0
La chaine YouTube : DataGueule
https://www.youtube.com/@datagueule
Les émissions d’ARTE : Data Science et Data Vs Fake
https://www.arte.tv/fr/videos/RC-016740/data-science/
https://www.youtube.com/watch?v=KgDdA6bATiM&list=PLmUCF8zaE6GtOGieb8EWolF2-hnlet5WA&index=22&ab_channel=LeBlob
Découvrir plus de 4000 chansons à travers un environnement 3D optimisé pour mobile. https://50-jahre-hitparade.ch/
Permet de comparer facilement les gouvernements de différents pays selon une variété d’indicateurs. L’objectif ? Montrer ce qu’est « l’ADN » d’un bon gouvernement. https://govdna.sudox.nl/
Quatre façons de découper la proposition budgétaire 2013 de Barak Obama https://archive.nytimes.com/www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html
Un site très complet concernant la répartition des femmes dans le monde professionnel par métiers. https://public.toucantoco.com/toucan-cocotte/
Notre système solaire par le National Geographic https://www.nationalgeographic.com/science/graphics/the-atlas-of-moons
Ce site propose une vaste collection de visualisations de données. Elles n’illustrent que des nouvelles positives et des événements et statistiques inspirants. https://informationisbeautiful.net/beautifulnews/
A voir absolument
Le projet DATA VIZ https://datavizproject.com
Le catalogue de Dataviz : https://datavizcatalogue.com/FR/
Chartopedia : https://www.anychart.com/chartopedia/usage-type/
Il s’agit de sites Web qui tentent de présenter toutes les visualisations de données pertinentes, afin que vous puissiez trouver la bonne visualisation pour vos créations.
Des outils (app online):
https://lookerstudio.google.com
https://columns.ai
https://datagifmaker.withgoogle.com
https://datamatic.io
https://www.datawrapper.de
https://www.datylon.com
https://flourish.studio
https://my.infocaptor.com/free_data_visualization.php
https://infogram.com
https://www.chartle.com
https://www.rawgraphs.io
https://public.tableau.com/app/discover
Des Outils (code) :
https://www.amcharts.com/javascript-maps/
https://developers.google.com/chart?hl=fr
https://www.anychart.com
https://docs.bokeh.org/en/latest/
https://chartscss.org
https://www.chartjs.org
https://d3js.org
https://lib.vizzuhq.com/0.3.0/
https://echarts.apache.org/en/index.html
https://ggplot2.tidyverse.org
https://vega.github.io
https://experiments.withgoogle.com/chrome/globe
http://seaborn.pydata.org
http://polymaps.org
https://nvd3.org
Des outils pour animer tout ça :
https://www.canva.com/
https://jitter.video
https://wideo.co
https://spline.design
https://www.adobe.com/fr/express/create/animation
https://www.revid.ai/fr/tools/createur-animation-2d
https://www.capcut.com/fr-fr/create/animation-maker
Le Transmédia
Le transmédia permet le développement d’une narration par l’utilisation couplée de plusieurs médias au service d’un univers narratif, chaque média employé développe un contenu différent et chaque contenu peut être vu de manière indépendante, Ils sont autant de points d’entrée dans l’univers transmédiatique.
A lire :
Henry Jenkins : Page Wiki / son blog / à lire
Stéphane Bataillon : Narration transmedia : le nouvel horizon des créateurs d’univers ?
David Peyron : Les Pulp fictions et la fondation des formes contemporaines du transmedia storytelling
David Peyron : La matérialité du Transmedia
Le Japon et le Transmedia :
A lire : L’animation japonaise
Hatsune Miku : Chanteuse virtuelle et transmedia
Pokemon : Transmedia total
Et pour les jeux vidéo (ARG)
https://leculturographe.wordpress.com/2013/02/28/les-arg-quest-ce-que-cest/
https://www.millenium.org/news/152843.html
Quelques expériences transmedia intéressantes :
Borgia Canal +
Lancement Audi A3
Batman de Christopher Nolan et Why So Serious