SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
Equipo Docente            Apunte Nro 3
                    Titular
                    Jorge Gaitto

                    Adjunto
                    Diego Pérez Lozano
                                              Grilla Constructiva
                    Jtp
Tipografía          Mariela Dommarco

Nivel 1             Docentes
                    Mariano Mantiñan
                    Camilo Gaitto
                    Martín Arcauz
Universidad de      Andrea Quetglas
Buenos Aires FADU   María Laura Leo
                    Florencia Alvarez Rojas
Diseño Gráfico      Estefanía Alvarez
2008                Guillermo Vizzari
                    Mariano Castellanelli
                    Yanina Arabena
                    Ana Natalia Filippini
                    Guadalupe Flores Cottet
                    Pablo Correas
                    Julián Dorado
                    Federico Yoshizato
Tipografía
Nivel 1

Universidad de Buenos Aires FADU Diseño Gráfico 2008




Bibliografía
La letra - Gerard Blanchard
Enciclopedia del Diseño

Tipografía, estudios e investigaciones - Antonio e Ivana Tubaro
Universidad de Palermo / Librería Técnica CP67

Signos, Símbolos, Marcas y Señales - Adrian Frutiger
GG Diseño

Diseño y comunicación visual - Bruno Munari
GG Diseño

Emigre - Zuzana Licko/Rudy Vanderlans
Robeek 43

Tipografía del siglo xx - Lewis Blackwell
GG Diseño

Revista Tipográfica nº 29 - Fontanadiseño
Tipografía
                            Nivel 1

                            Universidad de Buenos Aires FADU Diseño Gráfico 2008




                            Grilla constructiva
                            No todo lo que ves es lo que parece
                            Me estoy preguntando si estás preparado para ver más allá de tus narices?
                            Te propongo que no mires, que observes!. Que te detengas en la figura 1 y me digas qué ves.
                            Pero no me engañes, la solución es tu propia evaluación.

                            Mundo real o mundo virtual? A cuál perteneces?
                            El cerebro funciona como un mecanismo virtual que muchas veces interpreta erróneamente o pasa por alto los
                            mensajes que recibe del ojo. Porque una percepción visual es una ilusión que resulta incorrecta ante una realidad
                            física.

                            Supongo que ya sabes a qué queremos llegar?
               figura 1 >   El ojo de un diseñador debe estar preparado para profundizar sobre la mirada y traducirla a un mensaje concreto.
Solución: pato o conejo?    Algo así como una mirada microscópica.




                            Todo diseño presupone una estructura
                            Aunque no lo creas, en la naturaleza todo tiene una estructura. Todo, absolutamente todo, está diseñado. Hasta la
                            nieve que parece una masa uniforme y compacta, si la observamos con un microscopio podemos percibir variados
                            cristales hexagonales.

                            Entonces, te estarás preguntando qué relación existe entre la naturaleza y el diseño.
                            Podríamos decir que la naturaleza está perfecta y estrictamente diseñada, y el diseño tiene su comienzo en la naturaleza.

                            Pero... qué es una estructura? Una estructura (del latín struere, construir) es una construcción generada por la
              figura 1a >   repetición de formas iguales o semejantes en estrecho contacto entre sí o en 3 dimensiones, dando como resultado
       Encontrá el error    un equilibrio de fuerzas.
Tipografía
                                                   Nivel 1

                                                   Universidad de Buenos Aires FADU Diseño Gráfico 2008




                                                   Una primera mirada
                                                   Todos guardamos en nuestra memoria siluetas preestablecidas, convencionales, que marcan el esqueleto básico y
                                                   común representativo de la escritura.
                                                   Si observamos más profundamente, podemos determinar los detalles armónicos que hacen al estilo tipográfico y
                                                   estético de cada familia. (ver figura 2)



                                                   Lógica de la forma
                                                   Ante la necesidad de producir tipos sistemáticamente, surgió el concepto "grilla constructiva", como una guía de
                                                   referencia gráfica para normalizar los trazos de todos los signos, a favor de conseguir lo más preciado para un
                                                   alfabeto: unidad y variedad.

                                                   Unidad que sea claramente visible para conseguir un sistema, mantener el estilo.
                                                   Variedad entre signos, obedeciendo a sus respectivas formas y buscando la resolución más adecuada.

                                                   Una grilla matemáticamente resuelta mediante sólo 3 elementos estandarizados capaces de reconstruir cualquier
                                    figura 2 >     signo tipográfico.
                             Esqueleto común


                                                   Sensibilidad de la forma
                                                   La ruta de la armonía atraviesa los campos estéticos, presta atención al ojo humano y escucha sus mensajes:
                                                   criterios de legibilidad, correcciones ópticas, equilibrio, pregnancia.



                                                   Grilla constructiva
                                                   El manejo de la lógica y la sensibilidad de la forma, tanto en su resolución gráfica, como en su nivel de percepción
                                                   óptica, deben fundirse en la construcción de la grilla tipográfica, elemento que le otorga al alfabeto un criterio
                                                   normalizado y una estética armoniosa.


                                     figura 3 >
           Grilla modular del alfabeto Bodoni,
          arriba a la izquierda están indicadas                                                           Ajuste óptico de los elementos
las proporciones de los espesores de los rasgos.                                                          constructivos básicos.
Tipografía
                        Nivel 1

                        Universidad de Buenos Aires FADU Diseño Gráfico 2008




                        Evolución
                        Con el transcurso del tiempo, surgió la necesidad de organizarse y así el análisis más profundo de las grillas, fue
                        aportando practicidad, funcionalidad y estética a la tipografía. La tecnología y la cultura de la época acompañaron
                        el proceso de evolución. A continuación se detallan algunos ejemplos:

                        En el renacimiento, todo se basó en las figuras básicas, se estudiaron cuidadosamente las proporciones y la
                        geometría rigurosa de las grandes obras de la antiguedad, las cuales se convirtieron en modelo de comparación. La
                        forma de las mayúsculas cuadratas fueron objeto de análisis a la hora de descubrir los elementos constructivos.




                                                                               Construcción de M renacentista
                                                                               mediante cuadrados y circunferencias.


                        Después de la muerte de Giambattista Bodoni, se publica su "Manual Tipográfico" en donde individualiza las 4
                        virtudes que debe poseer un buen caracter.
                        Regularidad, si forma parte de un esquema que la define.
                        Nitidez, si tiene calidad de lectura.
                        Buen gusto, si es sobria.
                        Belleza, si da la impresión de haber sido realizada mediante un análisis detenido y un trabajo apasionado.




           figura 4 >
Uncial Aldo Novarese                                    Construcción de B del alfabeto Bodoni.
Tipografía
                      Nivel 1

                      Universidad de Buenos Aires FADU Diseño Gráfico 2008




                      Herbert Bayer, diseñador y tipógrafo de la Bauhaus, en su intento no sólo de crear un alfabeto estrictamente
                      geométrico, sino de idear un sistema de escritura completo diseñado para la imprenta, la máquina de escribir y la
                      escritura manual (ver figura 5), desarrolló el tipo Universal, un alfabeto que mediante unos pocos círculos, arcos,
                      3 ángulos y líneas horizontales y verticales, reflejaron su posición teórica de un plan racionalizado, llevándolo al
                      extremo de la ilegibilidad por la semejanza de formas entre los caracteres.
                      Así como Bayer, Josef Albers, en su intención por desarrollar un alfabeto bajo las mismas premisas, diseñó el tipo
                      stencil, quitándole también toda capacidad de lectura (ver figura 6).
                      Desde ese punto de vista fracasaron, pero triunfó el criterio de reducir la expresión hasta su mínima abstracción.




                      Universal. Figuras geométricas de base.


                      Eric Gill produce para la compañía ferroviaria London & North Eastern Railway el tipo Gill Sans.




         figura 5 >
Sistema Universal




         figura 6 >
  Alfabeto Stencil    B, R y S Gill Sans.                                    g Gill Sans.
Tipografía
                                                   Nivel 1

                                                   Universidad de Buenos Aires FADU Diseño Gráfico 2008




                                                   Gracias al parentesco existente entre las letras, es posible diseñar una retícula o plantilla generadora de todos los
                                                   signos necesarios para la expresión de cada una de las letras.




                                                   Parentesco de formas.


                                                   Hoy en día, mediante el avance tecnológico y la aparición de soportes digitales como medio de lectura, surge la
                                                   necesidad de optimizar las tipografías en su aspecto morfológico mediante una segunda retícula destinada a
                                                   traducir la letra a pixeles, pero siempre manteniendo su esqueleto convencional. Esta segunda retícula trabaja a
                                                   modo de corrección óptica de acuerdo al soporte, pero a simple vista seguimos visualisando su misma imagen.
                                                   A partir de Emigre, en 1985, la estructura compuesta por pixeles fue el disparador para el diseño de fuentes
                                                   basadas en el concepto "bitmap". En estos casos, la grilla es una retícula modulada en forma regular.
                                      figura 7 >
             Retícula para la construcción del
         alfabeto Univers de Adrian Frutiger.




                                      figura 8 >
Grilla constructiva para el tipo Liquid Crystal.                                                              Tipografías diseñadas por Zuzana Licko (emigré).
Tipografía
                                           Nivel 1

                                           Universidad de Buenos Aires FADU Diseño Gráfico 2008




                                           Variables Visuales. Modificaciones con respecto a la grilla
                                           Toda variable modifica la morfología de la letra desde su estructura básica, la grilla. Estas modificaciones
                                           presuponen un estudio y análisis profundo de la letra, su funcionalidad y legibilidad, partiendo de una normal,
                                           medium, normal.

                                           En el caso de la variable de tono, el valor del bastón varía teniendo en cuenta las posibles correcciones ópticas y
                                           técnicas a la hora de la reproducción (ver figura 9).
                                           Pero, no todos los diseñadores siguen las reglas! Es el caso de Variex, una tipografía diseñada por Zuzana Licko y
                              figura 9 >   Rudy Vanderlans para Emigre. Esta fuente modifica el trazo de la letra en forma proporcional, llegando a cubrir
Variables de tono/ tipografía Helvética    por completo el ojo del signo, por ejemplo, en el caso de la e (ver figura 10).

                                           En el caso de la variable de dirección, algunos signos varian totalmente en su esqueleto básico dependiendo de la
                                           fuente. Un ejemplo claro se observa en la a Times (ver figura 11).




          Variex regular     Variex bold   Consejitos útiles para la construcción de una grilla
                                           1. Marcá la caja de la letra.

                                           2. Trazá líneas básicas horizontales y verticales que hacen a la estructura del signo.
                                              No a las líneas inútiles!
                             figura 10 >
                     Tipografía Variex     3. Es posible que consigas un módulo?

                                           4. Existe alguna relación entre el grosor de los bastones, los círculos... y éste módulo?

                                           5. Nunca te olvides de las proporciones y de las relaciones entre ellas.

                                           6. Nada es casual!


          Times regular     Times italic

                             figura 11 >
Variable de dirección/ tipografía Times

Más contenido relacionado

Similar a Apunte grilla

Presentacion tema rol estudiante
Presentacion tema rol estudiantePresentacion tema rol estudiante
Presentacion tema rol estudianteraulerv
 
Personalidad tipografica
Personalidad tipograficaPersonalidad tipografica
Personalidad tipograficaCEUTEC-UNITEC
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño graficoPaul Miniguano Miniguano
 
Principios ordenadores de la arquitectura
Principios ordenadores de la arquitecturaPrincipios ordenadores de la arquitectura
Principios ordenadores de la arquitecturaGiova Meléndez
 
Ejemplo material de estudio
Ejemplo material de estudioEjemplo material de estudio
Ejemplo material de estudiozakuvmupn
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseñoCaty Arambula
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño graficoValentinaascanio1
 
Los fundamentos basicos del diseño wucios wong
Los fundamentos basicos del diseño wucios wongLos fundamentos basicos del diseño wucios wong
Los fundamentos basicos del diseño wucios wongerwingalvarez
 
Taller 5 jessica a. wendy
Taller 5  jessica a. wendyTaller 5  jessica a. wendy
Taller 5 jessica a. wendyjessicaaneloa
 
Práctica 3_2
Práctica 3_2Práctica 3_2
Práctica 3_2Kyon77
 
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptx
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptxA CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptx
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptxLiliaSusanaCarrillo
 
Discursos en el Diseño Gráfico
Discursos en el Diseño Gráfico Discursos en el Diseño Gráfico
Discursos en el Diseño Gráfico Daniel Vega Yaguel
 

Similar a Apunte grilla (20)

composicion icono y signos
composicion icono y signoscomposicion icono y signos
composicion icono y signos
 
Presentacion tema rol estudiante
Presentacion tema rol estudiantePresentacion tema rol estudiante
Presentacion tema rol estudiante
 
Personalidad tipografica
Personalidad tipograficaPersonalidad tipografica
Personalidad tipografica
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño grafico
 
Principios ordenadores de la arquitectura
Principios ordenadores de la arquitecturaPrincipios ordenadores de la arquitectura
Principios ordenadores de la arquitectura
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
 
Semiotica
SemioticaSemiotica
Semiotica
 
Manual de impacto visual
Manual de impacto visualManual de impacto visual
Manual de impacto visual
 
Ejemplo material de estudio
Ejemplo material de estudioEjemplo material de estudio
Ejemplo material de estudio
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseño
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño grafico
 
Los fundamentos basicos del diseño wucios wong
Los fundamentos basicos del diseño wucios wongLos fundamentos basicos del diseño wucios wong
Los fundamentos basicos del diseño wucios wong
 
Martha renteria et1
Martha renteria et1Martha renteria et1
Martha renteria et1
 
Taller 5 jessica a. wendy
Taller 5  jessica a. wendyTaller 5  jessica a. wendy
Taller 5 jessica a. wendy
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Práctica 3_2
Práctica 3_2Práctica 3_2
Práctica 3_2
 
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptx
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptxA CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptx
A CONDICIONES INTEGRALES PARA EL DISEÑO DE MOBILIARIO.pptx
 
8 1signo PláStico
8 1signo PláStico8 1signo PláStico
8 1signo PláStico
 
Discursos en el Diseño Gráfico
Discursos en el Diseño Gráfico Discursos en el Diseño Gráfico
Discursos en el Diseño Gráfico
 
Taller 2 darwin y stephy
Taller 2 darwin y stephy Taller 2 darwin y stephy
Taller 2 darwin y stephy
 

Más de 51DCV

Diseño1.0
Diseño1.0Diseño1.0
Diseño1.051DCV
 
Evolucion de los estilos caligraficos 1
Evolucion de los estilos caligraficos 1Evolucion de los estilos caligraficos 1
Evolucion de los estilos caligraficos 151DCV
 
Presentación1
Presentación1Presentación1
Presentación151DCV
 
Universidad nacional autónoma de méxico
Universidad nacional autónoma de méxicoUniversidad nacional autónoma de méxico
Universidad nacional autónoma de méxico51DCV
 
Plegado
PlegadoPlegado
Plegado51DCV
 
Planos
PlanosPlanos
Planos51DCV
 
Sistematizacion ambito tipografico
Sistematizacion ambito tipograficoSistematizacion ambito tipografico
Sistematizacion ambito tipografico51DCV
 
Publicidad.propaganda
Publicidad.propagandaPublicidad.propaganda
Publicidad.propaganda51DCV
 
Sección aurea
Sección aureaSección aurea
Sección aurea51DCV
 
Composicion
ComposicionComposicion
Composicion51DCV
 
Cmederos
CmederosCmederos
Cmederos51DCV
 
Clasificacion%20tipografica
Clasificacion%20tipograficaClasificacion%20tipografica
Clasificacion%20tipografica51DCV
 
Arquitectura y tipografía en la actualidad
Arquitectura y tipografía en la actualidadArquitectura y tipografía en la actualidad
Arquitectura y tipografía en la actualidad51DCV
 
2252.E5
2252.E52252.E5
2252.E551DCV
 
2252.E2
2252.E22252.E2
2252.E251DCV
 
2252.E1
2252.E12252.E1
2252.E151DCV
 

Más de 51DCV (16)

Diseño1.0
Diseño1.0Diseño1.0
Diseño1.0
 
Evolucion de los estilos caligraficos 1
Evolucion de los estilos caligraficos 1Evolucion de los estilos caligraficos 1
Evolucion de los estilos caligraficos 1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Universidad nacional autónoma de méxico
Universidad nacional autónoma de méxicoUniversidad nacional autónoma de méxico
Universidad nacional autónoma de méxico
 
Plegado
PlegadoPlegado
Plegado
 
Planos
PlanosPlanos
Planos
 
Sistematizacion ambito tipografico
Sistematizacion ambito tipograficoSistematizacion ambito tipografico
Sistematizacion ambito tipografico
 
Publicidad.propaganda
Publicidad.propagandaPublicidad.propaganda
Publicidad.propaganda
 
Sección aurea
Sección aureaSección aurea
Sección aurea
 
Composicion
ComposicionComposicion
Composicion
 
Cmederos
CmederosCmederos
Cmederos
 
Clasificacion%20tipografica
Clasificacion%20tipograficaClasificacion%20tipografica
Clasificacion%20tipografica
 
Arquitectura y tipografía en la actualidad
Arquitectura y tipografía en la actualidadArquitectura y tipografía en la actualidad
Arquitectura y tipografía en la actualidad
 
2252.E5
2252.E52252.E5
2252.E5
 
2252.E2
2252.E22252.E2
2252.E2
 
2252.E1
2252.E12252.E1
2252.E1
 

Apunte grilla

  • 1. Equipo Docente Apunte Nro 3 Titular Jorge Gaitto Adjunto Diego Pérez Lozano Grilla Constructiva Jtp Tipografía Mariela Dommarco Nivel 1 Docentes Mariano Mantiñan Camilo Gaitto Martín Arcauz Universidad de Andrea Quetglas Buenos Aires FADU María Laura Leo Florencia Alvarez Rojas Diseño Gráfico Estefanía Alvarez 2008 Guillermo Vizzari Mariano Castellanelli Yanina Arabena Ana Natalia Filippini Guadalupe Flores Cottet Pablo Correas Julián Dorado Federico Yoshizato
  • 2. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Bibliografía La letra - Gerard Blanchard Enciclopedia del Diseño Tipografía, estudios e investigaciones - Antonio e Ivana Tubaro Universidad de Palermo / Librería Técnica CP67 Signos, Símbolos, Marcas y Señales - Adrian Frutiger GG Diseño Diseño y comunicación visual - Bruno Munari GG Diseño Emigre - Zuzana Licko/Rudy Vanderlans Robeek 43 Tipografía del siglo xx - Lewis Blackwell GG Diseño Revista Tipográfica nº 29 - Fontanadiseño
  • 3. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Grilla constructiva No todo lo que ves es lo que parece Me estoy preguntando si estás preparado para ver más allá de tus narices? Te propongo que no mires, que observes!. Que te detengas en la figura 1 y me digas qué ves. Pero no me engañes, la solución es tu propia evaluación. Mundo real o mundo virtual? A cuál perteneces? El cerebro funciona como un mecanismo virtual que muchas veces interpreta erróneamente o pasa por alto los mensajes que recibe del ojo. Porque una percepción visual es una ilusión que resulta incorrecta ante una realidad física. Supongo que ya sabes a qué queremos llegar? figura 1 > El ojo de un diseñador debe estar preparado para profundizar sobre la mirada y traducirla a un mensaje concreto. Solución: pato o conejo? Algo así como una mirada microscópica. Todo diseño presupone una estructura Aunque no lo creas, en la naturaleza todo tiene una estructura. Todo, absolutamente todo, está diseñado. Hasta la nieve que parece una masa uniforme y compacta, si la observamos con un microscopio podemos percibir variados cristales hexagonales. Entonces, te estarás preguntando qué relación existe entre la naturaleza y el diseño. Podríamos decir que la naturaleza está perfecta y estrictamente diseñada, y el diseño tiene su comienzo en la naturaleza. Pero... qué es una estructura? Una estructura (del latín struere, construir) es una construcción generada por la figura 1a > repetición de formas iguales o semejantes en estrecho contacto entre sí o en 3 dimensiones, dando como resultado Encontrá el error un equilibrio de fuerzas.
  • 4. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Una primera mirada Todos guardamos en nuestra memoria siluetas preestablecidas, convencionales, que marcan el esqueleto básico y común representativo de la escritura. Si observamos más profundamente, podemos determinar los detalles armónicos que hacen al estilo tipográfico y estético de cada familia. (ver figura 2) Lógica de la forma Ante la necesidad de producir tipos sistemáticamente, surgió el concepto "grilla constructiva", como una guía de referencia gráfica para normalizar los trazos de todos los signos, a favor de conseguir lo más preciado para un alfabeto: unidad y variedad. Unidad que sea claramente visible para conseguir un sistema, mantener el estilo. Variedad entre signos, obedeciendo a sus respectivas formas y buscando la resolución más adecuada. Una grilla matemáticamente resuelta mediante sólo 3 elementos estandarizados capaces de reconstruir cualquier figura 2 > signo tipográfico. Esqueleto común Sensibilidad de la forma La ruta de la armonía atraviesa los campos estéticos, presta atención al ojo humano y escucha sus mensajes: criterios de legibilidad, correcciones ópticas, equilibrio, pregnancia. Grilla constructiva El manejo de la lógica y la sensibilidad de la forma, tanto en su resolución gráfica, como en su nivel de percepción óptica, deben fundirse en la construcción de la grilla tipográfica, elemento que le otorga al alfabeto un criterio normalizado y una estética armoniosa. figura 3 > Grilla modular del alfabeto Bodoni, arriba a la izquierda están indicadas Ajuste óptico de los elementos las proporciones de los espesores de los rasgos. constructivos básicos.
  • 5. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Evolución Con el transcurso del tiempo, surgió la necesidad de organizarse y así el análisis más profundo de las grillas, fue aportando practicidad, funcionalidad y estética a la tipografía. La tecnología y la cultura de la época acompañaron el proceso de evolución. A continuación se detallan algunos ejemplos: En el renacimiento, todo se basó en las figuras básicas, se estudiaron cuidadosamente las proporciones y la geometría rigurosa de las grandes obras de la antiguedad, las cuales se convirtieron en modelo de comparación. La forma de las mayúsculas cuadratas fueron objeto de análisis a la hora de descubrir los elementos constructivos. Construcción de M renacentista mediante cuadrados y circunferencias. Después de la muerte de Giambattista Bodoni, se publica su "Manual Tipográfico" en donde individualiza las 4 virtudes que debe poseer un buen caracter. Regularidad, si forma parte de un esquema que la define. Nitidez, si tiene calidad de lectura. Buen gusto, si es sobria. Belleza, si da la impresión de haber sido realizada mediante un análisis detenido y un trabajo apasionado. figura 4 > Uncial Aldo Novarese Construcción de B del alfabeto Bodoni.
  • 6. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Herbert Bayer, diseñador y tipógrafo de la Bauhaus, en su intento no sólo de crear un alfabeto estrictamente geométrico, sino de idear un sistema de escritura completo diseñado para la imprenta, la máquina de escribir y la escritura manual (ver figura 5), desarrolló el tipo Universal, un alfabeto que mediante unos pocos círculos, arcos, 3 ángulos y líneas horizontales y verticales, reflejaron su posición teórica de un plan racionalizado, llevándolo al extremo de la ilegibilidad por la semejanza de formas entre los caracteres. Así como Bayer, Josef Albers, en su intención por desarrollar un alfabeto bajo las mismas premisas, diseñó el tipo stencil, quitándole también toda capacidad de lectura (ver figura 6). Desde ese punto de vista fracasaron, pero triunfó el criterio de reducir la expresión hasta su mínima abstracción. Universal. Figuras geométricas de base. Eric Gill produce para la compañía ferroviaria London & North Eastern Railway el tipo Gill Sans. figura 5 > Sistema Universal figura 6 > Alfabeto Stencil B, R y S Gill Sans. g Gill Sans.
  • 7. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Gracias al parentesco existente entre las letras, es posible diseñar una retícula o plantilla generadora de todos los signos necesarios para la expresión de cada una de las letras. Parentesco de formas. Hoy en día, mediante el avance tecnológico y la aparición de soportes digitales como medio de lectura, surge la necesidad de optimizar las tipografías en su aspecto morfológico mediante una segunda retícula destinada a traducir la letra a pixeles, pero siempre manteniendo su esqueleto convencional. Esta segunda retícula trabaja a modo de corrección óptica de acuerdo al soporte, pero a simple vista seguimos visualisando su misma imagen. A partir de Emigre, en 1985, la estructura compuesta por pixeles fue el disparador para el diseño de fuentes basadas en el concepto "bitmap". En estos casos, la grilla es una retícula modulada en forma regular. figura 7 > Retícula para la construcción del alfabeto Univers de Adrian Frutiger. figura 8 > Grilla constructiva para el tipo Liquid Crystal. Tipografías diseñadas por Zuzana Licko (emigré).
  • 8. Tipografía Nivel 1 Universidad de Buenos Aires FADU Diseño Gráfico 2008 Variables Visuales. Modificaciones con respecto a la grilla Toda variable modifica la morfología de la letra desde su estructura básica, la grilla. Estas modificaciones presuponen un estudio y análisis profundo de la letra, su funcionalidad y legibilidad, partiendo de una normal, medium, normal. En el caso de la variable de tono, el valor del bastón varía teniendo en cuenta las posibles correcciones ópticas y técnicas a la hora de la reproducción (ver figura 9). Pero, no todos los diseñadores siguen las reglas! Es el caso de Variex, una tipografía diseñada por Zuzana Licko y figura 9 > Rudy Vanderlans para Emigre. Esta fuente modifica el trazo de la letra en forma proporcional, llegando a cubrir Variables de tono/ tipografía Helvética por completo el ojo del signo, por ejemplo, en el caso de la e (ver figura 10). En el caso de la variable de dirección, algunos signos varian totalmente en su esqueleto básico dependiendo de la fuente. Un ejemplo claro se observa en la a Times (ver figura 11). Variex regular Variex bold Consejitos útiles para la construcción de una grilla 1. Marcá la caja de la letra. 2. Trazá líneas básicas horizontales y verticales que hacen a la estructura del signo. No a las líneas inútiles! figura 10 > Tipografía Variex 3. Es posible que consigas un módulo? 4. Existe alguna relación entre el grosor de los bastones, los círculos... y éste módulo? 5. Nunca te olvides de las proporciones y de las relaciones entre ellas. 6. Nada es casual! Times regular Times italic figura 11 > Variable de dirección/ tipografía Times