L3.DA3 Digital Design
===
###### tags: `Penninghen` `numérique` `design` `digital` `plan` `ressources`
01/14 Présentation générale
===
###### tags: `Penninghen` `numérique` `design` `digital` `cours 01/14`
[TOC]
Les différents supports de la connaissance
---
Du papier à l’écran, entre similitudes et faux semblant
| Papier | Écran |
| ---------- | ---------- |
| Lumière indirecte | Lumière directe |
| Disponible | Conditionné |
| Figé | Dynamique |
| Immuable | Modifiable |
| Statique | Responsive |
| Cm ou Mm | Pixel |
| Cmjn | Rvb |
| Synthèse soustractive | Synthèse additive |
| 300 dpi | 72 dpi |
Les évolutions technologiques et culturelles
---
**Résumé historique de l'invention de l'ordinateur.**
```flow
op=>operation: Métier à tisser Jacquard 1801
op1=>operation: Analytical engine 1837
op2=>operation: Machine de Turing 1936
op3=>operation: IBM 360 60's
op3=>operation: IBM 610 60's
op4=>operation: Démocratisation des PC 1981
op->op1->op2->op3->op4
```
**Émergence de l'idée de réseau.**
**L'Electro-Bibliothèque d'El Lissitzky**
Dans les années 1920, [El Lissitzky](https://fr.wikipedia.org/wiki/Lazar_Lissitzky) avec la série *Prounen*, il crée des espaces tri-dimensionnels complexes et purement abstraits en utilisant uniquement du papier et de l’encre. Puis il poursuit ces recherches graphiques dans l'espace avec l'espace *Proun* en 1923 à Berlin.
Puis dans *Merz* il publie *[Topography of Typography](https://www.readingdesign.org/topography-of-typography),* dans lequel il parle d'espace typographique et parle d'Electro-Bibliothèque, sorte de vision futuriste du livre qui est très proche de ce qu'on connaît aujourd'hui des publications numériques.
**Fluxus et l'idée de réseau**
Le mouvement [Fluxus](https://fr.wikipedia.org/wiki/Fluxus) initié par George Maciunas, invente par l'intermédiaire de [Robert Filliou](https://fr.wikipedia.org/wiki/Robert_Filliou) et [George Brecht](https://fr.wikipedia.org/wiki/George_Brecht) l'idée de "Réseau Éternel" préfigurant ainsi le mouvement du [Mail Art](https://fr.wikipedia.org/wiki/Art_postal).
**Informatique et mouvement Hippies**
*Merry Prankster* communauté de hippies et de hackers un mode de vie naturel avec la technologie. *The Whole Earth Catalog*, initié par Steward Brand (membre du *Merry Prankster*) préfigure la blogosphère, une trentaine d’années avant les blogs…
**WEC / W3C?**
Existe-t-il un rapport entre le *Whole earth catalog* et le World Wide Web Consortium (organisme de standardisation du web)
> [Leet Speak](https://fr.wikipedia.org/wiki/Leet_speak)
**Le *cloud* n'est pas si immatériel que ça!**
Le web a un impact environnementale non négligeable.
[CARBONALYER](https://addons.mozilla.org/fr/firefox/addon/carbonalyser/)
[Low Tech Magazine](https://solar.lowtechmagazine.com/)
Les outils du numérique
---
La démocratisation des ordinateurs personnels voit l'avènement de la publication assistée par ordinateur(PAO): PageMaker en 1985 sera suivi par Corel Ventura en 1986, puis par Quark XPress en 1987 et Indesign en 1999.
> [Quentin Juhel](https://www.cairn.info/revue-sciences-du-design-2018-2-page-18.htm)
Depuis 1995 et la démocratisation d'Internet, on observe un développement rapide des sites Internet.
> [Internet Archive](https://web.archive.org/)
En 2010 la publication de Sketch, première application dédiée aux site web et aux applications mobiles.
> [Sketch](https://www.sketch.com/)
Puis en 2016 Adobe réagit et publie l'application Adobe Xd.
> [Adobe Xd](https://www.adobe.com/fr/products/xd.html)
Visualisation des outils et technologie des technologies d'édition numérique
> [Julie Blanc et Lucile Haute](http://recherche.julie-blanc.fr/timeline-publishing/)
---
:::warning
To do :zap:
:::
**Pour la semaine prochaine, chacun de vous préparera un petit portrait d’une de ces personnes. Évidemment chacun choisit sa personnalité**
:::info
:book: 10 images et 5 à 10 lignes
![](https://i.imgur.com/4Sn3lHR.jpg)
:::
| Nom | groupe B | groupe C | groupe A | |
|:--------------------------------- | -------------------------- | ------------------------- | ------------------------ | ---------- |
| Muriel Cooper | Jade Legrand | Ambre Vialle | Ava Chemla | |
| Wim Crouwel | MENOU Adèle | Roberts Tom | Phuong Elise | |
| John Maeda | victoire Kitten | Renaud de La Faverie Inès | Jung-Lorain Juliette | |
| Jürg Lehni | de Broca Josephine | Saunier Juliette | leo gachon | |
| Zach Lieberman | Guillemette Reinbold | Ribault mathilde | Geffroy Lucie | |
| Boris Müller | nom prénom | nom prénom | nom prénom | |
| Anthony Masure | ROUX Juliette | | Vercken de Vreuschmen Camille | |
| Open Source Publishing (OSP) | Judet Honoré | nom prénom | Anseele Julia | |
| Raphaël Bastide | Tristan Rittimann | Juhellé Annaïg | nom prénom | |
| Mark Lombardi | nom prénom | Bonnard Zoé | Diacquenod Charlotte >:) | |
| Sol Lewitt | Louise de tracy | pic mélanie | iris levraut | |
| Vera Molnar | crampon mathild | jeanne seurot | lia farjas | |
| Fred Forest | Paul Morin | Samuel Lambeaux | nom prénom | |
| Louise Druhle | Lucie Collet | gabrielle migraine | Hélie de Montalembert | |
| Antoine Moreau | nom prénom | | nom prénom | |
| Rafaël Rozendaal | marion dechelotte | ROBINSON Blue | FAURE Romain | |
| Claire Malrieux | nom prénom | Bardet Una | ismael HAMIDA | nom prénom |
| Chris Marker | Lilou BARRIER | Yin Juliette | Ruiz Ferrer Isabel | nom prénom |
| Stelarc | LEFEBVRE Paul | Valette Manon | Roxane Djian | |
| Ada Lovelace | boisson Aimée | Hersant Noémie | Aliénor Julia | |
| Tim Rodenbroeker | nom prénom | Walters Elliott | nom prénom | |
| Louis Eveillard | Rullier Sixtine | alexandrine benais | nom prénom | |
| Superscript | Rollin Margot | Nom Prénom | nom prénom | nom prénom |
| Tony Fry | nom prénom | nom prénom | Lou Brasseur | |
| Sarah Garcin | nom prenom | nom prénom | nom prénom | |
| Villa Hermosa | nom prénom | nom prénom | Kami Hoyo | |
| Susan Kare | Sauvage de saint Marc Alma | viennet philippine | Denis flore | |
| Stéphane Degoutin & Gwenola Wagon | zoe stouff | elissa coulon | nora matescot | |
## Notes et questions
:::info
**N'hésitez pas à poser vos questions** ou à enrichir ce document.