Tipografía para Pantalla (y más allá...)
No solo de pantalla vive el hombre: Nuevos entornos para la tipografía. 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
Ricardo Vega M. issuu.com/ricardov_net rvegamora@gmail.com @ricardov_cl
Tipografía para pantalla (y más allá…)
www.ricardov.cl www.artnumerica.net www.conexionsocial.cl
Esta rpesentación se distribuye bajo licencia Creative Commons: By - Compartir Igual - NO $
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
1
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?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
2
1- C ONTE 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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
3
¿"Cultura Digital"? Características de los nuevos medios, según Lev Manovich. - Representación numérica. - Variabilidad - Modularidad - Automatización - Transcodificación
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
4
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?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
5
2- C ÓDIGO? ALGORITMO? PROGRAMA?
Código, una categoría conceptual. Algoritmo, el procedimiento. Programa, elemento de producción. ¿Desarrollo de las instrucciones formales en diseño y arte?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
6
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 Environment) is released under the GNU GPL (General Public License). The export libraries (also known as 'core') are released under the GNU LGPL (Lesser General Public 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! Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
7
Usar un programa es un asunto de poder... “Auto Illustrator” (2002) Adrian Ward, programa y software. AutoPhotoshop?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
8
Algoritmo? Descripción formal de un proceso George Pólya (1887 – 1985).
Pasos elementales:
Matemático húngaro.
- Definir el problema
Libro “Cómo Plantear y Resolver Pro-
- Describir la solución
blemas”
- Llevar la solución a un algoritmo
1. Entender el problema.
- Probar el algoritmo para correcciones
2. Configurar un plan
- Escribir el código en un lenguaje específico
3. Ejecutar el plan
- Correr y probar el programa
4. Mirar hacia atrás
- Documentar y mantener el programa
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
9
Algoritmo debiera ser: - preciso - ordenado - finito - orientado a un fin Como una receta de cocina... O las instrucciones para ir comprar...
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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 desactivado, queda solo su cuerpo de barro. El ser se ha reprogramado cambiando una variable...
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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…
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
14
Algunos ámbitos donde encontramos la idea de código... Código=Ley Regulacion Social - Código de Hammurabi Código= Vida Evolución Biológica - Código Genético Código=Arte Es el arte programable?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
16
Programación?
Lenguajes de programación:
Estructuras básicas:
Líneas de comando - Java
- Variables
- JavaScript
- Ciclos (While, For)
- Processing
- Condicionales (If, else)
- C++ - OpenFrameworks IDE, (integrated development environment, interactive development environment): Eclipse, NetBeans.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
17
Plataformas de programación: Metáforas de conectividad - Pure Data - MAX/MSP - Scratch - VVVV - SuperCollider
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
18
Operaciones que permite la programación:
Interactiva, Responsiva, Reactiva?. Interve-
Repetir (ciclos)
nir en el texto.
Transformar (Variables)
Parametrica: descomponer la forma en
Parametrizar (Variables)
variables.
Visualizar (Transcodificación)
Generativa: Cambio constante según pará-
Simular (Todas las anteriores)
metros internos. Evolución, relación con un "entorno", se-
Trabajando con Código - Posibilidades.
Tipografía para pantalla (y más allá…)
lección natural y artificial.
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
19
Desarrollo de las instrucciones formales. Desarrollo en diseño y arte, etc. Orígenes. La observación de la leyes
Gnomon
naturales.
Figura a la que se le agrega otra figura que permita obtener
Pitágoras y el triángulo.
una tercera proporcional en escala a la primera. (Babilonia, Aristóteles, etc.)
Las matemáticas, la geometría. etc. La realidad es número (Pitagóricos).
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
21
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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
22
Matemáticas Triá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...
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
23
Julias set
Fractales
Gaston Maurice Julia (Argelia
Benoît Mandelbrot (Polonia 1924 – Estados
1893 - 1978 París, Francia)
Unidos 2010). Fractales de Mandelbrot.
Matemático.
La iteracion. Reutilizar los resultados com input del sistema. Autosimilitud. “¿Cuánto mide la costa de Inglaterra?”
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
24
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ógicos Nuevas maneras de ver la realidad.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
25
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”
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
26
“La Nueva Novela” - Juan Luís Martínez (Chile, 1942, 1993) Libro de poesía donde confluyen dispositivos gráficos y textuales. Instrucciones formales.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
27
“La Nueva Novela” - Juan Luís Martínez (Chile, 1942, 1993) Libro de poesía donde confluyen dispositivos gráficos y textuales. Instrucciones formales.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
28
“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 flechas, 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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
29
“Libro Poesía experimental” (1999). (Clemente Padín, Uruguay (1939)
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
30
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. Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
32
“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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
33
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?
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
34
3 - TIPOGRAFÍA Y C ÓDIGO: DE LO ESTÁTIC O A LO DIN ÁMIC O. No sólo de pantalla vive el hombre, nuevos entornos para la tipografía.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
35
¿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 unified 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 statements to generate images.” http://dbn.media.mit.edu/ Hoy: Processing, Openframeworks, VVVV, MAX/MSP, PureData, etc...
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
36
La pantalla electrónica (Video, lineal), La pantalla Digital (Computador, interactiva). "Se7en". 1995. Kyle Cooper.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
37
"Afiches Morisawa". John Maeda. “Typotown”. Heiwid (Buro Destruct).
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
38
"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/
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
39
" Bouncing Ball Typeface". 1997. Tom White. "Text Rain". 1999. Camille Utterback & Romy Achituv.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
40
"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/
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
41
"For All seasons". 2005. Andreas Muller Grand 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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
42
“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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
43
"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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
44
"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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
45
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/projects/laser-tag/
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
46
"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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
47
"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.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
48
"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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
49
"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/.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
50
"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/
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
51
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%3A306 82&page_number=8&template_id=1&sort_order=1 "Identidad Generativa para Conferencia sobre el Cambio Climático". 2010. Estudio OkDeluxe. Desarrollado para la cumbre de Copenhagen, Dinamarca. "MIT logo". 2011. Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
52
4 - C ONCLUSIONES Y PREGUNTAS
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
53
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
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
54
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, reglas simples, sistemas complejos.
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
55
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 Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
56
Referencias: “Gödel, Escher, Bach: un Eterno y Grácil Bucle” (Gödel, Escher, Bach: an Eternal Golden Braid, 1979) - Douglas 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-cescher “Cómo Plantear y Resolver Problemas” - George Polya. “Poesía Experimental” - Clemente Padín “La nueva novela” - Jua Luís Martínez
Tipografía para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
57
Referencias
Festivales 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 para pantalla (y más allá…)
No solo de pantalla vive el hombre, nuevos entornos para la tipografía.
58