Diseño tipográfico - Suzuki

Para el tema 7, teníamos que realizar un diseño entero de un alfabeto de algún logo con letras, y bueno, yo he elegido la marca Suzuki



¿Qué? ¿os gusta? Pues ale

Tema 7!! Introducción al diseño tipográfico

Seguimos con el siguiente tema, ¡viva!

       7.1. El proceso de diseño tipográfico.

Hay unos paso a seguir en el proceso de creación tipográfica digital, y ha que seguirlos para poder realizar un diseño de forma correcta:

1. Proyecto: en esta parte, es empezar a tener una idea inicial del diseño, hay que tener en cuenta la motivación, es importante estar motivado y no hacerlo sin ganas, y también hay que realizar bocetos, muchos bocetos, hasta dar con la idea perfecta.
2. Digitalizacion: este proceso consiste en pasar esa idea y esos bocetos a lo digital, para ello hay muchos formas, la más común es escanear y dibujar encima con un programa vectorial, para después editarla poco a poco hasta que quede como queremos
3. Producción: después de haber acabado nuestro diseño como queremos, es importante hacer múltiples copias para su posterior comercialización. En el caso de un archivo digital, bastaria con tener el archivo definitivo guardado
4. Post-producción: tras la producción hay que definir los últimos retoques y asegurarse que no hay ningún fallo en el diseño
5. Comercialización: en esta parte consistiría en la venta y distribución del diseño, para que llegara a todo el mundo, y se interesen por este diseño en particular, esto puede llevar su tiempo, pero ya sería la ultima para para el proceso de creación del diseño tipográfico.

       7.2. Fundamentos del diseño tipográfico.

• Definir características de familia tipográfica: para realizar un diseño tipográfico hay que tener en cuanta las siguientes características comunes en una fuente, que hay que tener en cuenta en todas las letras de nuestro diseño, cada familia tipográfica tiene sus rasgos comunes:

• Peso
• Eje/modulación
• Ancho de la letra
• Altura de la "x"
• Contraste entre trazo
• Remates

• Correcciones ópticas: como ya hemos mencionado, hay que tener en cuenta las caracteristicas comunes en una familia tipográfica.
• Coherencia formal: esta corrección consiste en darle un grosor diferentes entre los brazos verticales y lo horizontales, para que parezcan mas rigidas.
• Correciones "E": esta corrección se refiere a los tres brazos horizontales que definen la letra, la altura a la que se encuentra la del medio tiene que estar un poco por encima de la mitad, para que no se vea desequilibrio estre ambas distancias.

• Espaciado: espacio entre letras y signos, esto es importante porque si no configuramos el espacio, las letras y signos quedarían completamente pegadas y sin armonia, y también hayque hacerlo con cuidado para que no queden muy sepados, hay diferentes cosas ha tener en cuenta:
• Prosa y Kerning
• Numerales
• Espacios verticales
• Acoplamiento

       7.3. Programas tipográficos.

Bueno, ya hemos hablado de el desarrollo de como llevar a cabo la idea de diseñar una fuente tipográfica nueva, o guiandose por una familia tipográfica, y ahora ¿que clase de programas tenemos para poder realizar estos diseños en el ordenador? Pues muy fácil, niños y niñas.

Existen múltiples programas para el diseño tipográfico y de gran variedad, a continuación vamos a mencionar algunos y a hablar un poco de ellos:

• FontForge: programa muy complejo que soporta todo tipos de formato de fuentes en la actualidad, es un software libre, desarrollado por Linux, y disponible para los demás sistemas operativos como Windows y Mac. Este es el más conocido.
• FontLab: programa similar al FontForge.
• Fontographer
• Propier: programa para Windows y Mac
• Typetool: 
• Glyphs
• Robofon:

     
       7.4. Tipografía creativa.

Ya hablamos hace tiempo de la tipografía creativa, consiste en realizar dibujos o crear imágenes a partir de las letras, hay que saber diferenciar entre esto y la tipografía de edición, hay que saber cuando usar cada uno de ellos y organizarlo.

En realidad es muy fácil, la creativa son imágenes, y se pueden usar para metáforas visuales o cosas artísticas, la de edición es simplemente para textos y maquetaciones serias, como periódicos o entrevistas.

Y bueno, aquí acaba el tema 7, espero que no os hayáis dormidos

¡Saludos!

Bibliografía

Imágenes Google

Mis apuntes.

Una fundición digital - Monotype

Monotype, uno de los grandes lideres del mundo tipográfico, gran compañía responsable de muchas innovaciones en la tecnología de impresión, ya que fue la creadora de la maquina de imprimir Monotype, la primera en ser completamente mecánica. Y no nos olvidemos de las creaciones de tipografías, de la cual, es de las mejores.

Lanston Monotype Machine Company, nombre completo de la compañía, fue fundada por Tolbert Lanston en Filadelfia, en 1887. Fue quien patentó la primera maquina de impresión (la Monotype), donde publicó su primera tipografía, y por tanto, la primera tipografía de la empresa, la “Modern Condensed”.

La Monotype, o monotipia, consta de una gran maquina con un teclado, muy parecido a una maquina de escribir. Es un modo de impresión único, y se desarrollo y comercializó a la misma vez que la maquina Linotype, o linotipia, ya que ambas eran rivales en su época para su utilización en la imprenta.

La empresa se dedicó a la búsqueda de inversores después de eso, y la compañía abrió otra empresa en Londres en el año 1897, llamándolo Lanston Monotype Corporation LTD. Mas tarde en el 1899, la compañía construyo una nueva fabrica en Salfords, la cual se mantuvo ahí por más de un siglo. La compañía era lo bastante grande para tener su propia estación de ferrocarril.

En el año 1999, Agfa-Compugraphic compro Monotype Corporation, esta empresa, renombró Monotype a Agfa Monotype. Más tarde, a finales del 2004, Agfa perdió los derechos de Monotype y fue adquirido posteriormente por TA Associates, se trataba de una firma de inversión privada en Bostón. Finalmente, Monotype paso a llamarse:

Monotype Imaging, a partir de entonces la empresa se enfocaría en sus negocios de origen. Pero en la actualidad no te puedes ceñir a lo tradicional, hay que adaptarse a las nuevas tecnologías. La empresa creó una página web, con el fin de propagar todo lo relacionado con la tipografía, y que llegara a todos. www.fonts.com

Gracias a esta página, que se mantiene hoy en día, y con mucho público, el arte tipográfico llega a todo el mundo. Todo diseñador gráfico puede entrar en la página para encontrar tipos adecuadas a sus trabajos y a lo quiere plasmar, buscando en diferentes secciones, con información muy completa.

El único problema en esta página es que toda información, toda la página en sí, está totalmente en inglés, y no todo el mundo entiende el idioma a la perfección, limita la comprensión, y por tanto, no es tan global como parece.

En cuanto a la corporación, Monotype Imaging (la actual monotype), podemos describirla como una corporación diferentes. Su sede se encuentra en Woburn, Massachusetts, especializada en la composición digital y diseño tipográfico. Con las nuevas tecnologías se desarrollan multitud de tipografías, y la compañía no se iba a quedar atrás.

No he mencionado que a partir del 2000, la empresa se agencio de otras compañías como Linotype, su antigua rival, GmbH, International Typeface Corporation, Bitstream Inc y FontShop. Gracias a todas estas adquisiciones, tiene los derechos de autor de diseños muy conocidos y usados, como Helvética, Optima, o Palatino.

También posee el minorista en línea MyFonts, utilizado por muchos estudios de diseño de fuentes independientes. Y bueno, ahora vamos a mencionar unas cuantas tipografías desarrolladas por la empresa Monotype. Hay una gran variedad, y con la adquisición de otras empresas, mucho más.

Book Antigua, creado bajo el encargo de Microsoft. Viene incluida por defecto en los sistemas operativos de Windows y en el paquete informativos de Microsoft Office. Se trata de una copia casi exacta de la Palatino, tipografía de Hermann Zapft. Es muy criticada por lo mencionado de ser casi una copia de la Palatino.

Century Gothic, se trata de una tipografía geométrica sin serif, con un estilo muy parecido a la Futura de Paul Renner, basada en la 20^th Century, dibujada por Sol Hess. Mantiene el diseño básico de la Futura, pero con un aumento de la altura de la “x”. Muy usada para titulares, pequeños textos y en libros escolares.

Corsiva, otro encargo de Microsoft, para sustituir a la Zapf Chancery de Hermann Zapf, es prácticamente igual a esta. Tipografía cancilleresca creado al estilo de las primeras cursivas italianas del siglo XVI, basando en los trabajos de Ludovico degli Arrighi, maestro de la escritura. Tiene unas mayúsculas características, como unas iniciales. Uso en textos cortos y elegantes.

Como hemos visto en la Corsiva y en la Book Antigua, se tratan de tipografías a encargo de Microsoft copiando otras similares. Esto se hacia para conseguir una tipo parecida por un precio inferior a la real, ya que las tipografías originales eran muy caras en cuanto a derechos de autor, así que Monotype sacaba de provecho en esta situación.

Otra tipografía de la empresa, la French Script, un diseño basado en la escritura francesa, manual o grabada, que se empleaba en el siglo XIX para invitaciones formales o avisos. Se trata de una caligrafía vertical y redondeada, con mayúsculas grandes y ornamentales, y unas minúsculas enlazadas. Se usa sobretodo para eso, para invitaciones y eventos importantes.

Haettenschweiler, basada en una tipografía más condensada llamada Schmalfette Grotesk, de Walter Haetteschweiler (de ahí su nombre), fue muy popular en los años 60. Vista por primera vez en un libro llamada “Lettera”. La Schmalfette Grotesk tenía todas las letras mayúsculas, y fue usada por la revista “Paris Match”, para los titulares

La Haettenscheweiler surgió por la popularidad de este estilo, debido a su peso y finos espacios internos, se debe usar para lo nombrado, tamaños grandes como titulares o carteles. Esta tipo no fue la única que imito a la Schmalfette Grotesk, aparecieron muchas copiando su estilo.

Horley Old Style, creada para hacer frente a la Kennerley de Frederic w. Goudy. Esta tipo es muy apropiada para usarse en textos, y también para tamaños grandes como publicidad o titulares. Fue actualizada y mejorada más adelantes por Robert Norton. La Horley Old Style tiene muchas variantes y ramas diferentes.

Y bueno, acabamos con la presentación sobre Monotype, podemos decir que esta fundicion fue de las primeras y de las que más han contribuido en el mundo tipográfico. Espero que os haya gustado, que os inspiren sus diseños de tipos, y ale, buenas noches.

Tema 6!! Tipografía digital (parte 2)

Última parte del tema 6, allá vamos.

       6.4. Fundiciones digitales

Estas fundiciones son empresas especializadas en el diseño tipográfico, entre otros, pero sobre todo se centran en la tipografía, y vamos a mencionar las más importantes y famosas que existen:

• MyFonts: es una de las empresas más grandes hoy en día, fue fundada por la industria de Monotype, formo parte del paso importante de fundición tradicional a fundición digital.
• FontShop: Creada por Erik Spiekerman y Neville Brody. Esta fundición tiene una aplicación para moviles que permite acceder a las tipografias disponibles en FontShop.
• Lynotype: empresa rival de Monotype y creadora de la impresa Lynotipe en su epoca, que actualmente forma parte de las fundiciones digitales.
• Fonts.com: también proviene de la empresa de Monotype, se trata de una página web de tipografía, para descargar y compartir fuentes.
• Hype for Type:
• Creative Market: una fundición tipográfica que tambien se dedica a los vectores, fondos de pantalla entre otros, no solo se centra en la tipografía.
• Emigre: fundición creada a partir de una importante revista con el mismo nombre que trataba de tipografía, hoy en día sigue a ello, pero con las técnicas digitales.

Existen páginas web y "empresas", que tratan nada más y nada menos de piratería tipográfica, páginas poco fiables y no oficiales, que por desgracia, la gente coge tipografías sin saber ni de donde vienen, páginas como Dafont o 1001 FreeFonts. Hay que intentar no entrar en estas páginas, porque son estafa.

También debemos mencionar que existen diferentes metodos para adquirir tipografías sin una compra directa, como Typekit, una aplicación de Adobe que permite alquilar temporalmente un servicio y poder acceder a todas las fuentes disponibles. También está Fontstand, que te permite alquilar una fuente durante cierto tiempo en concreto.

       6.5. Tipografía en soportes digitales.

Mencionaremos los diferentes soportes donde podemos previsualizar las fuentes.

• Web: las paginas web integran fuentes en sus sistemas operativos. Se trata de un avance importante, usando archivo de fuentes a hojas de estilo .CSS. Las fuentes web se intregran a traves la programación web, pero solo las que vienen por defecto. Existen dos alternativas según el sistema operativo que tengas, para Mac o para Windows. Existe la versión CSS2, que incluye una función nueva, poder introducir cualquier fuente posible. Más tarde en 2008, aparece la versión CSS3, que permite el alojamiento virtual de las fuentes.

Todo esto varias según si es para móviles, tablets o libro electrónicos.

• Texto y programación: hay que tener en cuenta que hoy en día se llegan a consumir más datos de Internet desde dispositivos móviles que en los propios ordenador, por tanto, todas las páginas web deben tener adaptación para móviles y otros formatos, y poder ver las fuentes correctamente.

Bueno, y aquí acaba el tema 6

¡Saludos!

Bibliografía

Apuntes de clase

Imágenes Google

Tema 6!! Tipografía digital (parte 1)

¡Cuanto tiempo!

El cuatrimestre se acaba, y sin tiempo ni para tomarse un respiro, empezaremos a ver el tema 6. Comencemos.

       6.1. Concepto de tipografía digital.

Una frase para comenzar: "La era digital ha supuesto una verdadera explosión en la tipografía. En unas pocas décadas, se han diseñado más tipos que en la historia anterior de la tipografía." Wih hide (2012:61) Como diseñar un tipo.

¿Que pinta esta frase? Bueno, es un inicio del tema, y punto. 

No, significa que en poco tiempo, las cosas han ido evolucionando, y por tanto, el desarrollo para hacer una tipografía también.

Hablemos del origen de la tipografía digital. Poco a poco, la tecnología ha avanzado, llegando a crear ordenadores, impresoras para los archivos de ordenador, y así, llegando a aparecer programas de maquetacion en los ordenadores, tenemos que mencionar el Postcrip, uno de los primeros que aparecieron y impusieron la filosofía de que lo que veas en la pantalla del ordenador se imprimirá tal y como lo ves en ella.

En cuanto al concepto, se trata de un software con formas vectoriales para poder diseñar de forma perfecta las tipos, y elementos de programación, se trata de un software sencillo de diseño. 

En cuanto a las características, mencionamos:

• Caracteres alfabéticos/numerales/otros: es decir, podemos crear y programar cualquier componente de un alfabeto tipográfico
• Familias tipografías: realizar nuevas familias o incorporar nuevas a una existente.
• Elementos gráficos comunes: hablamos de la altura de la "x", los remates, lo modulación... todo se tiene en cuenta para el desarrollo digital de una tipo.

       6.2. Las fuentes tipográficas

Hay distintos tipos de creación de fuentes en un ordenador:

• Mapa de bits: es la forma más antigua de tipografía digital, y apenas se usa en la actualidad, consiste en la formación de las letras a partir de píxeles. Era un método muy largo y complicado, porque había que diseñar cada letra una y otra vez, estableciendo los diferentes tamaños constantemente. En los mapas de bits, se usaba la técnica del antialiasing, que consistía en intentar matizar las letras, añadiendo píxeles de colores más claro alrededor.

• Vectoriales: lo que se usa en la actualidad, mucho más cómodo y rápido, existen diferentes softwares de vectores que fueron apareciendo uno tras otro:
• Adobe Postcrip: el más conocido, y el primero como hemos mencionado antes, tuvo mucho éxito comercial en su época.
• Apple True Tipe: software creado por Apple y Microsoft a la vez, fue una solución para las licencias de compra de las tipografías. Surgió en 1991, y trataba del uso del spline (funciones cuadráticas), mucho más preciso que antes.
• Open Type: creada por Adobe y Microsoft en el año 2000, ocurrió cuando Bill Gates había revolucionado la era digital, este software se creo como formato multiplataforma para todo, el sistema de archivo era el .otf, utilizaba un sistema de modificación unicode.

      

        6.3. Legibilidad en pantalla.

La legibilidad se trata de la calidad en como veremos esas tipos en la pantalla de nuestro ordenador:

• Hinting: se trata de definir los píxeles en los caracteres para la resolución de su pantalla. Cada hinta para cada caracter, basándose en el tamaño y estilo.
• Administrar fuentes (Uso): se trata en de como usar las tipos en ciertos programas en nuestro ordenador, hay varios métodos, depende del interés de cada uno:
• Instalación: esto hace que la tipografía sea permanente en tu ordenador y puedas abrirlo en cualquier programa de escritura
• Carga temporal: se trata de fuentes de ciertos servidores externos a tu ordenador, instalan temporalmente la fuente para que puedas previsualizarla en tu ordenador, hasta que dejas de visitar ese servidor, que se eliminará automáticamente.
• Incrustar (embedding): método que solo se usa en ciertos archivos.

Bueno, eso es todo por ahora, seguiremos en la siguiente parte.

¡Saludos!