Tipografía y Código

No solo de paNtalla vive el hombre, Nuevos eNtorNos para la tipografía. tipografía para paNtalla (y más allá…) 1

Tipografía para panTalla (y más allá...)

1- CONTEXTO 2- CÓDIGO, ALGORITMO, PROGRAMA? 3- TIPOGRAFÍA Y CÓDIGO; DE LO ESTÁTICO A LO DINÁMICO 4- CONCLUSIONES Y PREGUNTAS

No solo de paNtalla vive el hombre: Nuevos eNtorNos para la tipografía.

Ricardo Vega M.issuu.com/[email protected]@ricardov_cl

www.ricardov.clwww.artnumerica.netwww.conexionsocial.cl

Esta rpesentación se distribuye bajo licencia Creative Commons: By - Compartir Igual - NO $


Preguntas Iniciales: ¿Cuando pasamos de el libro y el impreso, hacia una explosión de medios y procesos de producción? ¿Si estamos en la llamada cultura digital, cómo se manifiesta? ¿Qué ha cambiado en el proceso de Creación - Producción - Distribución - Acceso?¿Qué pasa con el arte y el diseño, en las dimensiones técnicas y conceptuales?¿Qué perspectivas se abren para la creación, en especial para la tipografía?


1- CoNte X to.

¿Que implica la llamada "Revolución Digital"?

Lo que fue el acero primero y luego la electricidad para la revolución industrial, lo es el dato y el software ahora en la era de la revolución de los datos.

Cambian las herramientas, cambian los modos de hacer. De Tecnología mono propósito, a multi proposito: el computador.


¿"Cultura Digital"? Características de los nuevos medios, según Lev Manovich.

- Representación numérica. - Variabilidad- Modularidad- Automatización- Transcodificación


Estamos en la cultura del Software. Considerar al Software más que un mero instrumento. Es un elemento cultural que condiciona nuestras sociedades. En el caso del Sotfware art:“Software art to be art whose material is algorithmic instruction code and/or which addresses cultural concepts of software” Amy Alexander, Cue P. Doll, Florian Cramer, RTMark, Alexei Shulgin.Read_Me Festival 1.2 Jury Statement (2002)http://art.runme.org/1044963779-8973-1/Read_Me%20Festival%201_2.txt

El diseño piensa estos problemas?


2- CÓdigo? algoritmo? progr ama?

Código, una categoría conceptual. Algoritmo, el procedimiento.Programa, elemento de producción.

¿Desarrollo de las instrucciones formales en diseño y arte?


Por qué es importante el código:Es como aprender a leer y no a escribir.Programas comerciales con interfaz, solo leer y manipular.Usando código, se escriben las propias instrucciones, los programas.

Ejemplo Licencia Processing: Processing is Open Source Software. The PDE (Processing Development Environ-ment) is released under the GNU GPL (General Public License). The export libra-ries (also known as 'core') are released under the GNU LGPL (Lesser General Pu-blic License). There's more information about Processing and Open Source in the FAQ and more information about the GNU GPL and GNU LGPL at opensource.org. Please contribute to Processing!


Usar un programa es un asunto de poder...

“Auto Illustrator” (2002) Adrian Ward, programa y software.

AutoPhotoshop?

No solo de paNtalla vive el hombre, Nuevos eNtorNos para la tipografía. tipografía para paNtalla (y más allá…)

Algoritmo?Descripción formal de un proceso

George Pólya (1887 – 1985). Matemático húngaro.Libro “Cómo Plantear y Resolver Pro-blemas”1. Entender el problema. 2. Configurar un plan 3. Ejecutar el plan 4. Mirar hacia atrás

Pasos elementales:- Definir el problema - Describir la solución - Llevar la solución a un algoritmo- Probar el algoritmo para correcciones- Escribir el código en un lenguaje específico- Correr y probar el programa - Documentar y mantener el programa

9


Algoritmo debiera ser: - preciso- ordenado- finito- orientado a un fin

Como una receta de cocina...O las instrucciones para ir comprar...

10


El Poder de la Palabra: Relaciones entre La palabra y la creación

EN EL PRINCIPIO ERA EL VERBO (Juan 1:1-3) La Biblia.

Tiamat y Apsu pronunciaron “Tierra” y “Cielo”, y asi se formaron. Epopeya de Gilgamesh

11


Palabra, creación, magia.El programador, el escritor, el mago.

“Una tecnología lo suficientemente avanzada es indistinguible de la magia”Arthur C.Clarke

12


Idea del código en la cultura y las tradiciones: El Golem, la palabra que da la vida. Versiones: El Golem lleva grabadas las palabras (mágicas o religiosas) que le dan vida.

El ó los Nombres de Dios en su frente (YHWH), bajo su lengua, o escrito la palabra Emet ('verdad') Sin la primera letra, queda 'Met' ('muerte') el golem podía ser destruido o desacti-vado, queda solo su cuerpo de barro.

El ser se ha reprogramado cambiando una variable...

13


"Inteligencia artificial" (Spielberg, 2001).Cuento “Los superjuguetes duran todo el verano de Brian Aldiss”

La madre tocando su nuca, le dicta una serie de palabras para "convertirlo" en un niño.

La Palabra, la Programación;La Magia, los conjuros. Hay que saber los encantamientos…

14


Algunos ámbitos donde encontramos la idea de código...

Código=LeyRegulacion Social - Código de Hammurabi

Código= VidaEvolución Biológica - Código Genético

Código=ArteEs el arte programable?

15


Código como interfaz. Desarrollo de la Interfaz:

1- CLI - Command Line Interface. Líneas de código. Hablar como la máquina

2- GUI - Graphic User Interface. Íconos y gráfica. Metáforas visuales (escritorio)

3- NUI - Natural User Interface. Gestos naturales. Que la máquina entienda nuestros movimientos, gestos, etc.

16


Programación? Estructuras básicas:

- Variables - Ciclos (While, For)- Condicionales (If, else)

Lenguajes de programación: Líneas de comando - Java- JavaScript- Processing- C++- OpenFrameworks

IDE, (integrated development environment, interactive development environment): Eclipse, NetBeans.

17


Plataformas de programación: Metáforas de conectividad- Pure Data- MAX/MSP- Scratch- VVVV- SuperCollider

18


Operaciones que permite la programación:Repetir (ciclos) Transformar (Variables)Parametrizar (Variables)Visualizar (Transcodificación) Simular (Todas las anteriores)

Trabajando con Código - Posibilidades.

Interactiva, Responsiva, Reactiva?. Interve-nir en el texto. Parametrica: descomponer la forma en variables. Generativa: Cambio constante según pará-metros internos. Evolución, relación con un "entorno", se-lección natural y artificial.

19


Orígenes. La observación de la leyes naturales. Pitágoras y el triángulo.

Las matemáticas, la geometría. etc. La realidad es número (Pitagóricos).

Gnomon Figura a la que se le agrega otra figura que permita obtener una tercera proporcional en escala a la primera. (Babilonia, Aristóteles, etc.)

Desarrollo de las instrucciones formales. Desarrollo en diseño y arte, etc.

20


Teselados, La prohibición del Corán de crear imágenes que representaran a Dios, y Dios es la unidad. Decoraciones geométricas, y que ningún punto destaque, generando unidad.

“Day-Night”Maurits Cornelis Escher (1898 - 1972) Artista holandés.


Representaciones formales (matemáticas) de procesos biológicos. Cómo se forman las manchas de los animales? “Las bases químicas de la morfogénesis” Alan Mathison Turing (1912–1954)

Los patrones pueden presentarse como resultado de inestabilidades en la difusión de productos químicos durante la etapa embrionaria del desarrollo.


MatemáticasTriángulo o Curva de Koch (1904). Niels Fabian Helge von Koch, matemático sueco.

Curva de Hilbert. David Hilbert (1862-1943)

Ni 2d, ni 3d, algo intemedio...


FractalesBenoît Mandelbrot (Polonia 1924 – Estados Unidos 2010). Fractales de Mandelbrot. La iteracion. Reutilizar los resultados com input del sistema. Autosimilitud.

“¿Cuánto mide la costa de Inglaterra?”

Julias setGaston Maurice Julia (Argelia 1893 - 1978 París, Francia) Matemático.


Fractales en el arte?

“La gran ola de Kanagawa” Katsushika Hokusai (1760 - 1849) pintor y grabador japonés Olas hechas de olas, autosimilitud - fractales.

Nuevos descubrimientos y desarrollos tecnológicosNuevas maneras de ver la realidad.


La Monte Thornton Young (1935) Músico y artista minimalista americano.

Compositions 1960. Obras como Instruciones. “Draw a straight line and follow it”“Build a fire”


“La Nueva Novela” - Juan Luís Martínez (Chile, 1942, 1993)Libro de poesía donde confluyen dispositivos gráficos y textuales.

Instrucciones formales.


“Poesía gestual e hipertextual para armar y/o realizar” (Fabio Doctorovich, Argentina, 1961)1997.

Fase 1: Recite en voz alta y pausadamente siguiendo la dirección indicada por las fle-chas, de acuerdo a las claves descriptas a la izquierda del poema”Fase 2: Recite en voz alta y realice los gestos indicados”José Lino Grünewald (1931–2000) Brasil.


“Libro Poesía experimental” (1999). (Clemente Padín, Uruguay (1939)


Poesía DADA - Tristan Tzara. Para hacer un poema dadaísta: Coja un periódico.Coja unas tijeras.Escoja en el periódico un artículo de la longitud que cuenta darle a su poema.Recorte el artículo.Recorte en seguida con cuidado cada una de las palabras que forman el artí-culo y métalas en una bolsa.Agítela suavemente.Ahora saque cada recorte uno tras otro.Copie concienzudamente en el orden en que hayan salido de la bolsa.El poema se parecerá a usted.Y es usted un escritor infinitamente original y de una sensibilidad hechizante, aunque incomprendida del vulgo.

31


if (new Date().getFullYear()==2009) { for (i=1; i<366; i++) { BestWishes_2009 = “Have a Perfect Day Nmbr: “ + i ; }}

Saludo de año nuevo (2008). Brian Mackern (Uruguay) img - El Pez Eléctrico


“Grabado Flammarion” autor desconocido. Libro “L’Atmosphere: Météorologie Populaire” de Camille Flammarion (París, 1888).

Comprender mas allá de las apariencias, endender las estructuras.Reglas de composición, geométricas o de procedimientos (procesos) para la construcción de la obra.


Con leyes simples (físicas, químicas, etc.) que iteran sobre si mismas, se construye la realidad. - Leyes simples- Recursividad- Evolución

¿Se pueden simular estos principios?¿Pueden ser usados como material para la produccion creativa?


3- tipogr afía y CÓdigo: de lo e státiCo a lo diNámiCo.

No sólo de pantalla vive el hombre, nuevos entornos para la tipografía.


¿Interfases para artistas y diseñadores?“Design By Numbers” (1999-2001) - John Maeda (1966, USA).

“DBN is both a programming environment and language. The environment provides a uni-fied space for writing and running programs and the language introduces the basic ideas of computer programming within the context of drawing. Visual elements such as dot, line, and field are combined with the computational ideas of variables and conditional state-ments to generate images.”http://dbn.media.mit.edu/

Hoy: Processing, Openframeworks, VVVV, MAX/MSP, PureData, etc...


La pantalla electrónica (Video, lineal), La pantalla Digital (Computador, interactiva). "Se7en". 1995. Kyle Cooper.


"Afiches Morisawa". John Maeda.

“Typotown”. Heiwid (Buro Destruct).


"Floating and Fluttering A". 1996. Peter Cho.

"Typeface composed of Pie Segments". 1997. Peter Cho.

"Three- Dimensional Typeface". 1998. Peter Cho.Peter Cho - http://typotopo.com/

http://www.pcho.net/


" Bouncing Ball Typeface". 1997. Tom White.

"Text Rain". 1999. Camille Utterback & Romy Achituv.


"Ortho Type". 2004. Enrico Bravi, Mikel Crone Koser, Paolo Palma. http://www.ortho-type.it/. "genoTyp". 2004. Michael Schmitz. http://www.interaktivegestaltung.net/

"Newsmap". 2004-09. Marcos Weskamp. http://marumushi.com/


"For All seasons". 2005. Andreas MullerGrand Prix del Tokyo Type Directors Club.http://www.generatorx.no/20050819/for-all-seasons/

“Design and the elastic mind”. 2008. Portada del catálogo.

"Being Not truthful". 2006. Ralph Ammer. http://ralphammer.de/. http://www.ralphammer.de/projects/beingnottruthful/beingnottruthfulsmall_de.html


“Amaztype”. Keita Kitamura , Yugo Nakamura . 2005. http://amaztype.tha.jp/

"Wallpaper". Yugo Nakamura. 2010. http://tha.jp/1557

"FPM" (beta, 2011). Yugo Makamura. http://www.fpmnet.com


"Visualizados de Tipografía con Processing".Scott Garner. http://scott.j38.net/interactive/typestar/

"Typo de Sade - Tipografía reactiva". http://www.markuslerner.com/projects/typo_de_sade/application_en/index.html

Mathieu Badimon 3 - http://lab.mathieu-badimon.com/

LGRU, http://lgru.net/http://dillydallyfoundry.com/whitespace/http://www.artnumerica.net/?s=libre+graphics


"Type and Form Sculpture". 2008. Karsten Schmidt. http://postspectacular.com/process/20080702_printmagcover

"Laika- A Dynamic Typeface". Nicolas Kunz y Michael Fluckiger. www.laikafont.ch


ArtCom manos, otras"Laika- A Dynamic Typeface". Nicolas Kunz y Michael Fluckiger. www.laikafont.ch

"Laser tag". Grafitti Research Lab. http://www.graffitiresearchlab.com/blog/pro-jects/laser-tag/


"Typographic Engraving of natural Foods".1997. David Small.

"Tile Tool". 2006. Jonathan Puckey. http://scriptographer.org/Scripts/Interactive%20Tools/Tile-Tool/

"Tipografía con ferrofluidos". Martin Frey .http://www.freymartin.de/en/projects/snoil

”Notepad” SWAMP. http://swamp.nu/projects/notepad


"Font generator / processing : prototyp-0".. Yannick Mathey. http://www.creativeapplications.net/processing/prototyp-0-font-generator-processing/

"Evan Roth grafitti". Evan Roth. http://evan-roth.com/work/-http://evan-roth.com/work/graffiti-taxonomy-nyc-paris/

"Drip- Fall". Julius Popp.


"CNSI". Josh Nimoy. http://jtnimoy.net/workviewer.php?q=73

"Electroniluminiscent Art Wall". Troika. http://www.troika.uk.com/

"Bit.Code". Julius Popp. www.sphericalrobots.org


"Meek FM". United States of Design. http://unitedstatesofdesign.com/. http://meekfm.org/

"TXTBomber". Felix Vorreiter. www.fel-x.com.

"Kurs Generation Typografie". 2008. Kurs an der FH Mainz.http://generative-typografie.de/.


"Growing Data". 2008/2009.Cedric Kiefer. http://www.onformative.com/

"Type case". 2010. Martin Bircher. http://www.mar.li/type_case.php

"Gravity Clock", "Real Beat", "abcdefg…". 2008-2011. Jörg Piringer http://apps.piringer.net/


LOGOS GNERATIVOS"Envolving Logo". 2006. Michael Schmitz. http://www.interaktivegestaltung.net/.

"Casa da Música Identity". 2007. Stefan Sagmeister. http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A30682&page_number=8&template_id=1&sort_order=1

"Identidad Generativa para Conferencia sobre el Cambio Climático". 2010. Estudio Ok-Deluxe. Desarrollado para la cumbre de Copenhagen, Dinamarca.

"MIT logo". 2011.


4- CoNClusioNe s y preguNta s


Reflexión:Escritura manual - Caligrafía.

Imprenta (tecnología mecánica) - Tipografía

Computador - Desktop publishing

Entornos Digitales - Con usos de la imprenta mecánica


Primero creamos las herramientas, luego éstas vuelven a cambiarnos. McLuhan

”Aún vivimos en los paradigmas de las vanguardias visuales (Jan Tchihold, Vertov)” Lev Manovich.

Sub utilización de las potencialidades del medio. El nuevo escenario surgirá del encuentro entre cultura escrita, computación, re-glas simples, sistemas complejos.


Referencias:

“Breaking the code” (1996). Película. Dir. Herbert Wise. Con Derek Jacobi

“El poder de la palabra”(1999). Margarita Schultz.

“Poesia experimental” (1999). Clemente Padín.

“Del crecimiento y la forma” (1917) - D’Arcy Wentworth Thompson.

“The Ascent of Man” (1970). Jacob Bronowsky, Serie documental.

“Words Made Flesh: Code, Culture, Imagination” (2005) Florian Cramer.

“Software Studies: Software Takes Command” (2008) Lev Manovich.

Wikipedia


Referencias:

“Gödel, Escher, Bach: un Eterno y Grácil Bucle” (Gödel, Escher, Bach: an Eternal Golden Braid, 1979) - Dou-glas Hofstadter “Numero de Oro- -http://www.youtube.com/watch?v=j9e0auhmxnc&feature=player_embedded “Genios de la Pintura: M C Escher” - http://www.documentalesonline.com/arte/genios-de-la-pintura-m-c-escher “Cómo Plantear y Resolver Problemas” - George Polya. “Poesía Experimental” - Clemente Padín“La nueva novela” - Jua Luís Martínez


ReferenciasFestivales y encuentros, http://offf.ws http://eyeofestival.com/http://www.transmediale.de/http://www.file.org.br/

“Code = the languaje og our time” - Ars Electronica 2003.“Words Made Fesh” - Florian Cramer . “Software Takes Command” - Lev Manovich“La Catedral y el Bazar” - Eric S. Raymond - Modos de producción de software “

Autores:Amy Alexander - Florian Cramer - Lev Manovich - Susanne Jaschko

Tipografía y Código

Documents

Transcript of Tipografía y Código