M 1 / Sciences Cognitives

Communication Multimédia

Informations Administratives :
Devoir écrit à rendre au plus tard pour le 16 décembre 2015, à envoyer à cette adresse mail : olivier@ageron.net

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 recontextualisation vous expliciterez votre choix personnel pour cette oeuvre sans oublier son interprétation et ses répercutions.

1ère séance

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
Lire le Blog d’Olivier Moch
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

2ème séance

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
A lire le texte de Michel Foucault.

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 : The State of The Internet de Jess3
> Promouvoir : La twingo 3 de Kuntzel + Deygas

3ème séance

Chronologie du Design Graphique (1)

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
Trouver les Typographie d’Excoffon dans streetView

Herbert Matter : la transition
Site officiel / Film sur son oeuvre / Etude du générique

Le Style Suisse ou Style typographique international ou style international
A lire aussi
Armin Hofmann et le manuel de création graphique de 1965 (voir aussi)
Josef Muller Brockmann / Biographie détaillée
Otl Aicher / et aussi

4ème séance

Chronologie du Design Graphique (2)

Au USA
Paul Rand / site officiel
Reid Miles / 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 / Etienne Robial (Wikipedia)/ Philippe Apeloig (Wikipedia)

H 5 (Vimeo)

Voir la Chronologie du graphisme en France

5ème séance

Les Génériques de Films / Motion Design

Saul Bass
http://saulbass.tv/
http://www.artofthetitle.com/designer/saul-bass/
http://annyas.com/saul-bass-logo-design-then-now/
http://www.notcoming.com/saulbass
http://annyas.com/screenshots/saul-bass-title-sequences
http://www.generique-cinema.net/histoire/saulbass.html
http://fr.wikipedia.org/wiki/Saul_Bass

Pablo Ferro
http://www.pabloferro.net
http://www.generique-cinema.net/histoire/ferro.html
http://www.generique-cinema.net/analyses/thomascrown.html
http://www.aiga.org/content.cfm/medalist%2Dpabloferro
http://www.artofthetitle.com/designer/pablo-ferro/

Maurice Binder
http://jamesbond007.net/hmtl/generiques.html
http://www.artofthetitle.com/designer/maurice-binder/
http://fr.wikipedia.org/wiki/Maurice_Binder 

Daniel Kleinman
http://en.wikipedia.org/wiki/Daniel_Kleinman
http://www.generique-cinema.net/createurs/kleinman.html
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

6ème séance

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/
http://www.generique-cinema.net/histoire/cooper.html

Kuntzel + Deygas
http://www.addadog.com/
http://www.addadog.com/v3/portfolio.php
http://www.kuntzeldeygas.com/
http://www.houseofmicha.com/fr
http://www.generique-cinema.net/histoire/deygaskuntzel.html
http://www.objectif-cinema.com/interviews/199.php

Laurent Brett
http://www.laurentbrett.com
http://vimeo.com/laurentbrett
http://www.generique-cinema.net/histoire/laurentbrett.html
http://www.generique-cinema.net/histoire/artistbrett.html

Filmographie geek = http://www.ageron.net/supports-de-cours/filmographie-geek
Pour ceux déjà inscrit sur Clipix = https://www.clipix.com/personal/ageron
Cette liste est forcement partiale et incomplete, à vous de me faire des propositions : olivier@ageron.net
Pour se tester =http://www.popcorngarage.com

7ème séance

Le WebDesign

Cours en PDF
Le Flatdesign

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://www.peanutgalleryfilms.com/
http://500.chromeexperiments.com/
http://thecolorsofmotion.com/films
http://summer.tcm.com
http://blacknegative.com

8ème séance

Le Transmédia

Voir la page Wikipedia
Voir l’excellent magazine online d’Arte sur les cultures Geek : Bits
http://bits.arte.tv notamment l’episode 28 de la saison 1

A lire :
Henry Jenkins : Page Wiki / son blog / entretien en français
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

Pour aller plus loin :
un blog sur le transmédia
http://www.experience-transmedia.com
La manifestation annuelle de I Love Transmedia (le programme de cette année)
A lire…
Et pour les jeux vidéo (ARG)
https://leculturographe.wordpress.com/2013/02/28/les-arg-quest-ce-que-cest/
Dossier Millenum

Quelques expériences transmedia intéressantes :
Le transmédia dans les jeux vidéo
Borgia Canal +
Lancement Audi A3
Batman de Christopher Nolan et Why So Serious