design8182 - design group

El 2004, en pleno taller de construccion, como parte del desarrollo de nuestra malla curricular de la carrera de Diseño Gráfico PUCV, caimos en el encargo con Mauricio Vallejos de crear una tipografía de pantalla (screenfont) monospace, (poco visto en internet) para ser utilizada en una version digital para internet de las láminas de la evolucion del hombre de Gastón Maturana. Así comienza la propuesta de un tipografia para pantalla la cual tendra como objetivo el minimo espacio en pixeles en el monitor. Ajustandose a las prestaciones que tiene la couriernew utilizada por G.Maturana en las láminas.

La primera instancia de trabajo y como ejercio espacial es de buscar el espacio minimo de trabajo en pixeles que requiere la legibilidad de cada letra constituyente en la tipografia
Asi nos encontramos con bosquejos de cuadriculas pensando en pixels, proyectando las ideas de letras en estas cuadriculas.

La primera instancia es realizar el alfabeto dentro de un caja “x” de 4por 4 pixeles como maximo ahorro de espacio y no 5*5 como pixelove. La idea no logra llegar a buen puerto debido a que la “m” ocupa minimo 5 pixeles de ancho.

Luego de la definición de la tipografia en bosquejos y sobre una cuadricula de 12 por 6 pixeles de ancho, la letra se contruye sobre la base de un eje “x” de 5 pixeles y un ancho de letras de 5 pixeles, dejando 1 pixel de blanco para la interletra y 1 pixel superior para la interlinea.

Pixelove es la tipo que se ajusta para llegar a un tamaño de diseño de 12 puntos, buscando una relación entre la medida del punto y el píxel. En las otras tipos la medida completa de la letra era de 13 puntos, lo cual producía un descalce con una cuadricula de píxeles.
La tipografía se presenta en dos versiones que tienen dos realidades en sus dimensiones, una trabaja en una caja con valores de 9 píxeles para las ascendentes con un píxel blanco para que no se sume al superior y 3 píxeles para las descendentes. Esto lleva a una caja em de 12 píxeles. El ancho esta determinado por 6 píxeles que corresponden al mismo alto del eje de las x, para así lograr una tipografía monospace.
Por otro lado se utiliza los datos de la tipo courier new, para crear pixelove_courier una versión mas amplia de la anterior la cual ejecuta mayor blanco y espacio entre letras.

Teniendo una acuerdo de que mientras menos pixeles posea la tipografia mejor para los efectos de navegabilidad en la web de las laminas de gaston por su alto despliegue horizontal y vertical, para esto se busca una tipografia de pocos pixeles para tener mayor rango a lo largo de la pantalla y en su ancho. Se sabe que las laminas originales tienen un dimension de 625 por 312 caracteres, y estos numeros se multiplincan por el numero de pixeles que tiene la tipografia.
Se sabe que las laminas originales tienen un dimension de 625 por 312 caracteres, y estos numeros se multiplincan por el numero de pixeles que tiene la tipografia.en este caso una tipografia de 6 pixeles, 5 de cuerpo tangible y 1 d einterletra ocuparia 3750 pixeles de ancho por 1560 de ancho.

Teniedo ya la tipografçia pixelove ajustada y digitalizada en Fontographer 4.1.5, se desarrola la verson bol, en un primer estado se desarrola la version bold, de bajos resultados de legibilidad, optando por crear una tipografia negativa, de mucho mayor legibilidad para la version bold.
la letra en su cuerpo tangible se constituye de 5 pixeles de alto por 5 pixeles de ancho en la caja x, mas 2 pixeles mças de cuerpo tangible en la ascendente y la descendente, dejando 1 pixel de blanco para la interletra y 1 pixel superior para la interlinea.
La tipografçia pixelove se desarrollo en su totalidad programa de Macromedia fontographer en donde se utiliza la correspondencia de 100 puntos como un pixel de medida.

Otra necesidad constructiva es la aparición de una tipografia en negrita la cual se configura como un negativo de la letra, ya que si pensaramos en engrosar la letra saldriamos del monospace y tendriamos una tipografia con dos tamaños y que no encajarían integramente en la lámina.

la bold es una tipografia modulada sobre dos estructuras, un cuadrado para las letras del eje x y un rectangulo para ascendentes y descendentes.

regular
Las siguientes imagenes muestran los pasos y los detalles técnicos en los procesos de la configuración de la letra, la cual despues es exportada a un archivo ttf.Los detalles mas importantes surgidos son la creación de una tipografia en bold, la limpieza de los caracteres y las creación de simbolos

bold / outline
El siguiente paso en la necesidad constructiva de crear una tipografçia bold para pixelove es la aparición de una tipografia en negativo de la pixelove normal. Esto por que no se puede hacer un ensanchamiento de trazos en referencia por ejemplo a darle 20 em mas en fontographer por cuanto no existe por ejemplos pixeles de 1/4 y esta tipografia se piensa para pantalla y no para impresion en la cual si se puede efectuar dicho procedimiento.

Posteado por Rodrigo Vera