Diferencias

Muestra las diferencias entre dos versiones de la página.

--- talleridgenp5 [2019/07/02 02:44]
largocreatura creado
+++ talleridgenp5 [2019/10/17 01:32]
largocreatura [Taller de creación de Identidad generativa con Processing]
@@ Línea 1: / Línea 1: @@
-====Presentación====
+====== Taller de creación de Identidad generativa con Processing ======
+{{ :03002427.png |}}\\
+Este taller se plantea para conocer nuevas posibilidades de creación de identidad y sistemas visuales a través de la programación. En este caso, trabajaremos con Processing, una herramienta de software libre orientada para usuarios en el contexto de las artes visuales, diseño gráfico, o la arquitectura, entre otros.
+Una identidad generativa es aquella que se desarrolla mediante el uso de código y que nos permite romper con la unicidad de la imagen corporativa y crear una imagen más dinámica y flexible. Por ejemplo, con atributos como la aleatoriedad, la construcción de patrones o la representación de datos, podemos generar miles de variaciones de un mismo logotipo y que todos ellos tengan coherencia.
+El desarrollo de este tipo de identidades es complejo y requiere tiempo, pero este taller funcionará a nivel introductorio para crear desde varios ejemplos que veremos en la sesión, por lo que no será necesario tener conocimientos previos de programación.
-----
+  * {{fa>calendar}} Taller impartido el 24 de junio 2019 en [[https://escueladeverano.artediez.es/cursos/IdentidadGenerativaProcessing.html | Escuela de Verano Arte Diez]] (Madrid)
+  * {{glyphicon>file}} Slides: https://julian-perez.com/slides/idgenp5.html (Actualizado 02/07/19)
-https://julian-perez.com/slides/idgenp5.html (Actualizado 02/07/19)
+  * {{fa>github}} Repositorio de código: https://github.com/largocreatura/IdGenerativaP5
+\\
-----
+==== Artículos ====
-==== Identidad generativa ====
-----
-=== Artículos ===
-''En español''
-  * [[https://graffica.info/la-identidad-visual-flexible/ | "La Identidad Visual Flexible"]] Graffica
-  * [[http://www.brandemia.org/que-es-un-logo-generativo-y-como-puedes-crear-uno | "Qué es un logo generativo y cómo puedes crear uno"]] Brandemia
-  * [[https://summa.es/blog/disenemos-sistema-disene/ | "Diseñemos un sistema que diseñe"]] Summa
-''En inglés''
-  * [[https://enigma.swiss/en/blog/identite-generative-2/ | Generative Identity]]
-  * [[https://medium.com/@pdtv/dynamic-identities-85abb28fef2c | Dynamic identities]]
-  * [[https://imjustcreative.com/dynamic-brand-identities-vs-static-identities-and-logos/2010/05/25 | Dynamic brand identities will not kill logo designs]]
-  * [[https://www.edenspiekermann.com/insights/generative-design-q-and-a-with-creative-algorithm-developer-patrik-huebner/ | Generative Design: Q&A with Creative Algorithm Developer, Patrik Hübner]]
+  * [[https://graffica.info/la-identidad-visual-flexible/ | "La Identidad Visual Flexible"]] Graffica ''Es''
+  * [[http://www.brandemia.org/que-es-un-logo-generativo-y-como-puedes-crear-uno | "Qué es un logo generativo y cómo puedes crear uno"]] Brandemia ''Es''
+  * [[https://summa.es/blog/disenemos-sistema-disene/ | "Diseñemos un sistema que diseñe"]] Summa ''Es''
+  * [[https://enigma.swiss/en/blog/identite-generative-2/ | Generative Identity]] Enigma ''En''
+  * [[https://medium.com/@pdtv/dynamic-identities-85abb28fef2c | Dynamic identities]] Medium ''En''
+  * [[https://imjustcreative.com/dynamic-brand-identities-vs-static-identities-and-logos/2010/05/25 | Dynamic brand identities will not kill logo designs]] The logo Smith ''En''
+  * [[https://www.edenspiekermann.com/insights/generative-design-q-and-a-with-creative-algorithm-developer-patrik-huebner/ | Generative Design: Q&A with Creative Algorithm Developer, Patrik Hübner]] edenspiekermann ''En''
+\\
 === Papers ===
-''En español''
+  * [[https://www.tdx.cat/handle/10803/365565 | "Sistemas visuales en identidades dinámicas"]] Martin Lorenz ''Es''
+  * [[http://trp21.com.ar/wp-content/uploads/2018/07/TRP21.n5.14.pdf | "Identidades dinámicas generativas"]] Nontué Sans ''Es''
-  *   [[https://www.tdx.cat/handle/10803/365565 | "Sistemas visuales en identidades dinámicas"]] Martin Lorenz
+  * [[https://www.generativeart.com/GA2014papers/Francesco_E_Guida_2014.pdf | "Generative Visual Indetities. New scenarios in Corporate Identity"]] Prof. Francesco E. Guida PhD ''En''
-  *   [[http://trp21.com.ar/wp-content/uploads/2018/07/TRP21.n5.14.pdf | "Identidades dinámicas generativas"]] Nontué Sans
+  * [[https://scss.tcd.ie/publications/theses/diss/2013/TCD-SCSS-DISSERTATION-2013-048.pdf | "The evolution of visual identities from static identities to dynamic identities"]] David Delahunty ''En''
+  * [[http://www.philipgalanter.com/downloads/ga2003_paper.pdf | "What is Generative Art? Complexity Theory as a Context for Art Theory"]] Philip Galanter ''En''
+\\
-.2.2 EN
+=== Textos ===
-╌╌╌╌╌╌╌╌
+  * [[http://www.flong.com/texts/essays/essay_4x4/ | "Beyond Photoshop with Code"]] Golan Levin ''En''
+\\
-  • ["Generative Visual Indetities. New scenarios in Corporate
+=== Libros ===
-    Identity"] Prof. Francesco E. Guida PhD
+  * [[https://www.yumpu.com/en/document/read/5753948/dynamic-identities-how-to-create-a-living-brand | Dynamic Identities]] extracto
-  • ["The evolution of visual identities from static identities to
+  * [[https://www.bispublishers.com/dynamic-identities.html | Dynamic Identities]]
-    dynamic identities"] David Delahunty
+  * [[http://www.generative-gestaltung.de/1/ |Generative Design 1st Edition]]
-  • ["What is Generative Art? Complexity Theory as a Context for Art
+  * [[http://www.generative-gestaltung.de/2/ | Generative Design 2nd Edition]]
-    Theory"] Philip Galanter
+  * [[https://www.lars-mueller-publishers.com/dynamic-identities-cultural-and-public-contexts | Dynamic Identities in cultural and public contexts]]
+  * [[http://formandcode.com/ | Form and Code]]
+  * [[http://printingcode.runemadsen.com/ | Printing Code]]
-["Generative Visual Indetities. New scenarios in Corporate Identity"]
+  * [[https://issuu.com/jpagecorrigan/docs/type-code_yeohyun-ahn | Type + Code: Processing For Designers]]
-https://www.generativeart.com/GA2014papers/Francesco_E_Guida_2014.pdf
+  * [[https://issuu.com/iamtugraz/docs/dm2_processingbook_sp | Intro to Processing]]
+  * [[https://issuu.com/stefanieschwarz | Creating Interactive Type]]
-["The evolution of visual identities from static identities to dynamic
+\\
-identities"]
+=== Ejemplos ===
-https://scss.tcd.ie/publications/theses/diss/2013/TCD-SCSS-DISSERTATION-2013-048.pdf
+**Tipogarfías generativas**
+  * [[https://www.pentagram.com/work/aia-heritage-ball-2015?rel=search&query=natasha%2520jen&sector=&discipline=&page=1 | AIA Heritage Ball - Pentagram]]
-["What is Generative Art? Complexity Theory as a Context for Art
+  * [[https://timrodenbroeker.de/processing-tutorial-kinetic-typography-1/ | Kinetic Typography - Tim Rodenbroeker]]
-Theory"] http://www.philipgalanter.com/downloads/ga2003_paper.pdf
+  * [[https://timrodenbroeker.de/projects/programming-posters/ | Programming Posters - Tim Rodenbroeker]]
+  * [[https://3st.com/work/sonu | Sonu Branding - Thirst]]
+  * [[https://3st.com/work/temporis | Temporis Graphic Identity - Thirst]]
-.3 Textos
+  * [[http://www.brandemia.org/sagmeister-walsh-crean-la-nueva-marca-de-la-tecnologica-fugue | Fugue - Sagmeister&Walsh]]
-──────────
+  * [[https://iamzewang.com/Generative-Typography | Generative Typography]]
+  * [[https://github.com/AmnonOwed/CAN_GenerativeTypography | Tutorials Generative Typography - Creative Applications Network]]
-  • [http://www.flong.com/texts/essays/essay_4x4/]
+**Recursión**
-  •
+  * [[https://www.pentagram.com/work/graphcore/story | Graphcore - Pentagram]]
+**Visualización de datos**
+  * [[https://dataveyes.com/#!/en/case-studies/identite-generative | Dataveyes]]
-.4 Libros
+  * [[https://neue.no/work/visit-nordkyn/ | Nordkyn - Neue Design Studio]]
-──────────
+  * [[http://www.brandemia.org/ecuador-presenta-un-logo-que-cambia-segun-las-estadisticas-del-pais | Inec Ecuador]]
+  * [[http://www.studentshow.com/gallery/63302315/Generative-identity-for-HTW | Hochschule für Technik und Wirtschaft - Likith R]]
-  • [https://www.yumpu.com/en/document/read/5753948/dynamic-identities-how-to-create-a-living-brand]
+**Otros**
-  • [Dynamic Identities]
+  * [[http://thegreeneyl.com/mit-media-lab | Mit Medialab 2011 - The Green Eyl / Richard The / E Rook Kang]]
-  • Generative Design
+  * [[https://www.pentagram.com/work/mit-media-lab | Mit Medialab 2014 - Michael Bierut / Pentagram]]
-  • [Dynamic Identities in cultural and public contexts]
+  * [[https://sagmeisterwalsh.com/work/all/casa-da-musica/ | Casa do Musica - Sagmeister&Walsh]]
-  • [http://formandcode.com/]
+  * [[https://dnco.com/work/broadgate | Broadgate - dn&co]]
-  • [http://printingcode.runemadsen.com/]
+  * [[http://www.irb-paris.eu/projet/index/id/137 | Bordeaux Metropole - Ruedi Baur]]
-  • [https://issuu.com/jpagecorrigan/docs/type-code_yeohyun-ahn]
+  * [[http://www.okdeluxe.co.uk/cop15/ | COP15 - OkDeluxe]]
-  • [https://issuu.com/iamtugraz/docs/dm2_processingbook_sp]
+  * [[https://universaleverything.com/projects/lovebytes | LoveBytes - Universal Everything]]
-  • [https://issuu.com/stefanieschwarz]
+  * [[https://neue.no/work/the-norwegian-academy-of-music/ | The norwegian academy of music - Neue Design Studio]]
-  • [https://issuu.com/davidetomatis/docs/generative_generation]
+  * [[https://www.behance.net/gallery/64250469/Absurdo-Generative-visual-identity | Absurdo Studio]]
-  •
+  * [[https://www.patrik-huebner.com/portfolio-item/schwanensee/ | Schwanensee - Patrik Huebner]]
+  * [[https://medium.com/@nocomputer/tedxghent-bitsoflove-8926cfa9a82a | Tedx Ghent - NoComputer]]
+  * [[http://paulhoppe.info/new-gallery-1 | Exploratorium - Paul Hoppe]]
-[Dynamic Identities]
+  * [[https://www.grapheine.com/en/branding-en/tours-metropole-branding | Tours Metropole - Grapheine]]
-https://www.bispublishers.com/dynamic-identities.html
+  * [[https://www.behance.net/gallery/24980545/Creating-a-Dynamic-Identity-for-Startup-Incubator | Startup Academy - YAAY Studio]]
+**Colecciones**
-[Dynamic Identities in cultural and public contexts]
+  * [[https://www.pinterest.es/irenevnes/dynamic-identities/]]
-https://www.lars-mueller-publishers.com/dynamic-identities-cultural-and-public-contexts
+  * [[https://dribbble.com/search?q=generative+identity]]
+  * [[https://www.behance.net/search?content=projects&sort=appreciations&time=week&featured_on_behance=true&search=generative%20identity]]
+  * [[http://www.studentshow.com/search?q=generative+design]]
- Ejemplos
+\\
-══════════
+=== Estudios/Diseñadores ===
+  * [[https://new.twopoints.net/ | Two Points]]
-.1 Tipogarfías generativas
+  * [[https://timrodenbroeker.de | Tim Rodenbroeker]]
-───────────────────────────
+  * [[https://designbytoko.com/ | Design by Toko]]
+  * [[https://neue.no/work/ | Neue]]
-  • [https://iamzewang.com/Generative-Typography]
+  * [[http://dia.tv/ | Dia TV]]
-  • [https://www.pentagram.com/work/aia-heritage-ball-2015?rel=search&query=natasha%2520jen&sector=&discipline=&page=1]
+  * [[https://www.wolffolins.com/ | Wolf Ollins]]
-  • [https://timrodenbroeker.de/processing-tutorial-kinetic-typography-1/]
+  * [[https://www.pentagram.com | Pentagram]]
-  • [https://timrodenbroeker.de/projects/programming-posters/]
+  * [[https://sagmeisterwalsh.com/ | Sagmeister & Walsh]]
-  • [https://3st.com/work/sonu]
+  * [[https://www.patrik-huebner.com/| Patrik Huebner]]
-  • [https://3st.com/work/temporis]
+\\
-  • [https://github.com/AmnonOwed/CAN_GenerativeTypography]
+=== Code ===
-  • [https://3st.com/work/group-therapy-program]
+  * [[http://www.generative-gestaltung.de/2/ | Generative Design Book sketches]]
-  •
+  * [[http://formandcode.com/ | Form and Code]]
-.2 Recursión
-─────────────
-  • [https://www.pentagram.com/work/graphcore/story]
-  •
-.3 Otros
-─────────
-  • [https://dataveyes.com/#!/en/case-studies/identite-generative]
-  • [https://www.behance.net/gallery/64250469/Absurdo-Generative-visual-identity]
-  • [https://rossifilippo.it/Generative-Identity-Workshop]
-  • [http://www.lascuolaopensource.xyz/en/teachings/design-visual-systems-generative-tools-for-identities]
-  • [https://micolsalomone.com/portfolio/spore-generative-identity-openrndr-spore-corato/]
-  • [https://www.grapheine.com/en/actulogo-en/generative-visual-identity-for-bordeaux-metropole]
-  • [https://www.patrik-huebner.com/portfolio-item/schwanensee/]
-  • [https://medium.com/@nocomputer/tedxghent-bitsoflove-8926cfa9a82a]
-  • [http://paulhoppe.info/new-gallery-1]
-  • [http://www.responsivelogos.co.uk/]
-  • [https://www.pinterest.es/irenevnes/dynamic-identities/]
-  • [https://dribbble.com/shots/4764651-Generative-identity-test]
-  • [https://www.behance.net/gallery/24980545/Creating-a-Dynamic-Identity-for-Startup-Incubator]
-  • [https://www.grapheine.com/en/branding-en/tours-metropole-branding]
-  • [COP15]
-  • [Broadgate]
-  • [The norwegian academy of music]
-  • [LoveBytes]
-  • [Nordkyn]
-  • [Bordeaux Metropole]
-  • [Fugue]
-  • [Inec Ecuador]
-  • [https://dribbble.com/search?q=generative+identity]
-  • [https://www.behance.net/search?content=projects&sort=appreciations&time=week&featured_on_behance=true&search=generative%20identity]
-  • [http://www.studentshow.com/search?q=generative+design]
-  • [http://www.studentshow.com/gallery/63302315/Generative-identity-for-HTW]
-  • [https://designcollector.net/likes/identity-by-vova-lifanov]
-[COP15] http://www.okdeluxe.co.uk/cop15/
-[Broadgate] https://dnco.com/work/broadgate
-[The norwegian academy of music]
-https://neue.no/work/the-norwegian-academy-of-music/
-[LoveBytes] https://universaleverything.com/projects/lovebytes
-[Nordkyn] https://neue.no/work/visit-nordkyn/
-[Bordeaux Metropole] http://www.irb-paris.eu/projet/index/id/137
-[Fugue]
-http://www.brandemia.org/sagmeister-walsh-crean-la-nueva-marca-de-la-tecnologica-fugue
-[Inec Ecuador]
-http://www.brandemia.org/ecuador-presenta-un-logo-que-cambia-segun-las-estadisticas-del-pais
-.4 Dynamic logos
-─────────────────
-  • [http://printingcode.runemadsen.com/lecture-logo/]
-  • [https://bpando.org/generative-logos/]
-Estudios/Diseñadores
-══════════════════════
-  • [https://new.twopoints.net/]
-  • [https://timrodenbroeker.de]
-  • [https://designbytoko.com/]
-  • [https://neue.no/work/]
-  • [http://dia.tv/]
-  • Wolf Ollins
-  • Pentagram
-  • Sagmeister
- Code
-══════
-  • [http://www.generative-gestaltung.de/2/]
-  • [http://formandcode.com/]