Universidad de

Buenos Aires FADU

Diseo Grfico
2008
Tipografa
Nivel 1
Equipo Docente
Titular
Jorge Gaitto
Adjunto
Diego Prez Lozano
Jtp
Mariela Dommarco
Docentes
Mariano Mantian
Camilo Gaitto
Martn Arcauz
Andrea Quetglas
Mara Laura Leo
Florencia Alvarez Rojas
Estefana Alvarez
Guillermo Vizzari
Mariano Castellanelli
Yanina Arabena
Ana Natalia Filippini
Guadalupe Flores Cottet
Pablo Correas
Julin Dorado
Federico Yoshizato
Apunte Nro 3
Grilla Constructiva
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Bibliografa
La letra - Gerard Blanchard
Enciclopedia del Diseo
Tipografa, estudios e investigaciones - Antonio e Ivana Tubaro
Universidad de Palermo / Librera Tcnica CP67
Signos, Smbolos, Marcas y Seales - Adrian Frutiger
GG Diseo
Diseo y comunicacin visual - Bruno Munari
GG Diseo
Emigre - Zuzana Licko/Rudy Vanderlans
Robeek 43
Tipografa del siglo xx - Lewis Blackwell
GG Diseo
Revista Tipogrfica n 29 - Fontanadiseo
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Grilla constructiva
No todo lo que ves es lo que parece
Me estoy preguntando si ests preparado para ver ms 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 engaes, la solucin es tu propia evaluacin.
Mundo real o mundo virtual? A cul perteneces?
El cerebro funciona como un mecanismo virtual que muchas veces interpreta errneamente o pasa por alto los
mensajes que recibe del ojo. Porque una percepcin visual es una ilusin que resulta incorrecta ante una realidad
fsica.
Supongo que ya sabes a qu queremos llegar?
El ojo de un diseador debe estar preparado para profundizar sobre la mirada y traducirla a un mensaje concreto.
Algo as como una mirada microscpica.

Todo diseo presupone una estructura
Aunque no lo creas, en la naturaleza todo tiene una estructura. Todo, absolutamente todo, est diseado. Hasta la
nieve que parece una masa uniforme y compacta, si la observamos con un microscopio podemos percibir variados
cristales hexagonales.
Entonces, te estars preguntando qu relacin existe entre la naturaleza y el diseo.
Podramos decir que la naturaleza est perfecta y estrictamente diseada, y el diseo tiene su comienzo en la naturaleza.
Pero... qu es una estructura? Una estructura (del latn struere, construir) es una construccin generada por la
repeticin de formas iguales o semejantes en estrecho contacto entre s o en 3 dimensiones, dando como resultado
un equilibrio de fuerzas.
figura 1 >
Solucin: pato o conejo?
figura 1a >
Encontr el error
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Una primera mirada
Todos guardamos en nuestra memoria siluetas preestablecidas, convencionales, que marcan el esqueleto bsico y
comn representativo de la escritura.
Si observamos ms profundamente, podemos determinar los detalles armnicos que hacen al estilo tipogrfico y
esttico de cada familia. (ver figura 2)
Lgica de la forma
Ante la necesidad de producir tipos sistemticamente, surgi el concepto "grilla constructiva", como una gua de
referencia grfica para normalizar los trazos de todos los signos, a favor de conseguir lo ms 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 resolucin ms adecuada.
Una grilla matemticamente resuelta mediante slo 3 elementos estandarizados capaces de reconstruir cualquier
signo tipogrfico.
Sensibilidad de la forma
La ruta de la armona atraviesa los campos estticos, presta atencin al ojo humano y escucha sus mensajes:
criterios de legibilidad, correcciones pticas, equilibrio, pregnancia.
Grilla constructiva
El manejo de la lgica y la sensibilidad de la forma, tanto en su resolucin grfica, como en su nivel de percepcin
ptica, deben fundirse en la construccin de la grilla tipogrfica, elemento que le otorga al alfabeto un criterio
normalizado y una esttica armoniosa.
figura 3 >
Grilla modular del alfabeto Bodoni,
arriba a la izquierda estn indicadas
las proporciones de los espesores de los rasgos.
figura 2 >
Esqueleto comn
Ajuste ptico de los elementos
constructivos bsicos.
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Evolucin
Con el transcurso del tiempo, surgi la necesidad de organizarse y as el anlisis ms profundo de las grillas, fue
aportando practicidad, funcionalidad y esttica a la tipografa. La tecnologa y la cultura de la poca acompaaron
el proceso de evolucin. A continuacin se detallan algunos ejemplos:
En el renacimiento, todo se bas en las figuras bsicas, se estudiaron cuidadosamente las proporciones y la
geometra rigurosa de las grandes obras de la antiguedad, las cuales se convirtieron en modelo de comparacin. La
forma de las maysculas cuadratas fueron objeto de anlisis a la hora de descubrir los elementos constructivos.
Despus de la muerte de Giambattista Bodoni, se publica su "Manual Tipogrfico" 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 impresin de haber sido realizada mediante un anlisis detenido y un trabajo apasionado.
Construccin de M renacentista
mediante cuadrados y circunferencias.
Construccin de B del alfabeto Bodoni.
figura 4 >
Uncial Aldo Novarese
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Herbert Bayer, diseador y tipgrafo de la Bauhaus, en su intento no slo de crear un alfabeto estrictamente
geomtrico, sino de idear un sistema de escritura completo diseado para la imprenta, la mquina de escribir y la
escritura manual (ver figura 5), desarroll el tipo Universal, un alfabeto que mediante unos pocos crculos, arcos,
3 ngulos y lneas horizontales y verticales, reflejaron su posicin terica de un plan racionalizado, llevndolo al
extremo de la ilegibilidad por la semejanza de formas entre los caracteres.
As como Bayer, Josef Albers, en su intencin por desarrollar un alfabeto bajo las mismas premisas, dise el tipo
stencil, quitndole tambin toda capacidad de lectura (ver figura 6).
Desde ese punto de vista fracasaron, pero triunf el criterio de reducir la expresin hasta su mnima abstraccin.
Universal. Figuras geomtricas de base.
Eric Gill produce para la compaa ferroviaria London & North Eastern Railway el tipo Gill Sans.
figura 6 >
Alfabeto Stencil B, R y S Gill Sans. g Gill Sans.
figura 5 >
Sistema Universal
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1

Gracias al parentesco existente entre las letras, es posible disear una retcula o plantilla generadora de todos los
signos necesarios para la expresin de cada una de las letras.
Parentesco de formas.
Hoy en da, mediante el avance tecnolgico y la aparicin de soportes digitales como medio de lectura, surge la
necesidad de optimizar las tipografas en su aspecto morfolgico mediante una segunda retcula destinada a
traducir la letra a pixeles, pero siempre manteniendo su esqueleto convencional. Esta segunda retcula trabaja a
modo de correccin 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 diseo de fuentes
basadas en el concepto "bitmap". En estos casos, la grilla es una retcula modulada en forma regular.

figura 8 >
Grilla constructiva para el tipo Liquid Crystal.
figura 7 >
Retcula para la construccin del
alfabeto Univers de Adrian Frutiger.
Tipografas diseadas por Zuzana Licko (emigr).
Universidad de Buenos Aires FADU Diseo Grfico 2008
Tipografa
Nivel 1
Variables Visuales. Modificaciones con respecto a la grilla
Toda variable modifica la morfologa de la letra desde su estructura bsica, la grilla. Estas modificaciones
presuponen un estudio y anlisis 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 bastn vara teniendo en cuenta las posibles correcciones pticas y
tcnicas a la hora de la reproduccin (ver figura 9).
Pero, no todos los diseadores siguen las reglas! Es el caso de Variex, una tipografa diseada por Zuzana Licko y
Rudy Vanderlans para Emigre. Esta fuente modifica el trazo de la letra en forma proporcional, llegando a cubrir
por completo el ojo del signo, por ejemplo, en el caso de la e (ver figura 10).
En el caso de la variable de direccin, algunos signos varian totalmente en su esqueleto bsico dependiendo de la
fuente. Un ejemplo claro se observa en la a Times (ver figura 11).
Consejitos tiles para la construccin de una grilla
1. Marc la caja de la letra.
2. Traz lneas bsicas horizontales y verticales que hacen a la estructura del signo.
No a las lneas intiles!
3. Es posible que consigas un mdulo?
4. Existe alguna relacin entre el grosor de los bastones, los crculos... y ste mdulo?
5. Nunca te olvides de las proporciones y de las relaciones entre ellas.
6. Nada es casual!
figura 9 >
Variables de tono/ tipografa Helvtica
figura 11 >
Variable de direccin/ tipografa Times
Times regular Times italic
Variex regular Variex bold
figura 10 >
Tipografa Variex