Communication Multimédia

Informations Administratives :
Devoir écrit à rendre au plus tard pour le 8 janvier 2024 au soir, à envoyer à cette adresse mail : olivier.ageron@ensa-nancy.fr

Sujet : Vous choisirez une oeuvre à présenter (graphique, print, motion, publicité,  jeux vidéo, web…) Après en avoir fait une analyse détaillée et une re-contextualisation vous expliciterez votre choix personnel pour cette oeuvre sans oublier son interprétation et ses répercutions.

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 LautrecEugène GrassetAlfons Mucha
En Allemagne : Peter BehrensLucian Bernhard

Le Futurisme italien
Filippo Tommaso Marinetti et Les mots en liberté Futuristes

L’Ecole du Bauhaus
Joost SchmidtHerbert BayerLászló Moholy-Nagy et ses Tableaux téléphoniques

Le Constructivisme Russe
El LissitzkyAlexandre 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
Et aussi / Diaporama / et là aussi

Grapusl’Atelier de Création GraphiqueNe pas plierNous 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/
https://www.variable-fonts.com/

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.

Voir la page Wikipedia

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

https://www.disko.fr/reflexions/actualite-reseaux-sociaux/la-place-du-storytelling-transmedia-dans-les-industries-actuelles/