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.