MANUAL DETIPOGRAFÍA

DIGITAL

MANUAL DE TIPOGRAFÍA DIGITAL

INTRODUCCIÓN UNA MIRADA EN EL TIEMPOLa historia de la tipografía está ligada al lenguaje humano, pues a medida en que surgieron las distintas formas para representar emociones, hechos o alguna otra cosa, se sentaron las bases para la escritura.

Desde la época de las cavernas, los primeros habitantes escribían en paredes con dibujos, mismos que evolucionaron a pictogramas e ideogramas más complejos, hasta llegar a signos que representaran los sonidos, como fue el caso de los fenicios.

Poco a poco aparecieron nuevos materiales para plasmar los relatos orales y estudios en cada época. Pero el invento que realmente dio origen a la tipografía fue la imprenta (1450), que ha sido atribuida al alemán Johannes Gutenberg.

Este método mecánico permitía reproducir textos al usar piezas metálicas llamadas tipos, a las cuales se les aplicaba tinta para transferirlos a papel. La imprenta no sólo fue una revolución tecnológica, sino cultural.

En diseño también dio origen a otros métodos de impresión y reproducción, como son la flexografía, la serigrafía, el huecograbado, el alto grabado, la fotografía electrolítica, la fotolitografía, la litografía, la impresión ófset, la xerografía y los métodos digitales.

Aunque la imprenta ayudó, la creatividad no paró pues en Venecia, grabadores comenzaron a diseñar tipografías inspiradas en los textos clásicos, por lo que impresores perfeccionaron las técnicas y materiales para contar con diferentes diseños en los textos.

Los inicios de la publicidad también influyeron en la tipografía, que debía ser más vistosa a los ojos de las personas, mientras que los diarios también contribuyeron a esto, pues los métodos de composición e impresión dejaron de lado la complejidad.

Ya en la era digital, la tipografía no ha permanecido estática, pues tras la aparición de nuevos medios como la televisión, los ordenadores y más recientemente los teléfonos inteligentes, entre otros dispositivos móviles obligaron a adaptarse a la tipografía.

MANUAL DE TIPOGRAFÍA DIGITAL

Ante este panorama, los diseñadores y tipógrafos deben saber a qué se enfrentan realmente, pues la aparición de nuevas tecnologías han cambiado las reglas del diseño y de composición, por lo que no se pueden aplicar de la misma forma a los diversos soportes que existen.

CÓMO ELEGIR LAS TIPOGRAFÍASElegir correctamente una tipografía depende muchos factores. No existe una guía que resulte un éxito rotundo, pero a continuación se presentan puntos que facilitarán este proceso que puede influir en el éxito de un buen diseño

LA FUNCIÓN¿Cuál es la función que cumplirá? Es el primer cuestionamiento, el cual debe considerar la forma. De nada sirve contar con una tipografía que cumpla con los requisitos creativos, si es que sus características no funcionan para el proyecto.

PRUEBASe recomienda probar las tipografías que pueden ser utilizadas en el proyecto para dar una idea sobre su funcionamiento en cuestión de tamaño y espaciado.

EFICACIALa selección del tipo de letra debe ser el resultado de un pensamiento eficaz, debe ir más allá del gusto personal y que genere el efecto comunicativo se requiere.

TAMAÑOS Y ESPACIONo se debe descuidar la relación entre el tamaño de letra, el ancho de columna y el interlineado.

LEGIBILIDAD Y COLOREl color de la letra si importa, un básico sobre ello es que

el texto negro sobre fondo amarillo se lee bien de lejos y es perfecto para textos breves. La tipografía en blanco sobre fondo negro no se leen bien y cansa a la vista, mientras que los textos en color rojo o naranja cuesta leerlos.

RECURSOS PARA DESTACAREs importante moderarse en el uso de mayúsculas, negritas, cursivas y versalitas, pues estos recursos son sólo para destacar palabras concretas o enfatizar una frase, si se usan en exceso la legibilidad y el diseño se perjudican.

MANUAL DE TIPOGRAFÍA DIGITAL

DISEÑO EDITORIALSi bien las tipografías han sido adaptadas al mundo digital, el impreso no ha muerto y es fundamental, tanto para un autor, como para los diseñadores a cargo del diseño editorial conocer cuáles fuentes son eficaces y eficientes para un texto.

Por ejemplo, Times New Roman no es la más adecuada, pues se trata de una letra condensada para aprovechar el máximo de espacio. Lo más aconsejable es que la tipografías canse a la vista a lo largo de las 55 mil ó 100 mil palabras, por ello muchos diseñadores usan alguna de estas 5 opciones:

1. GARAMONDNombrada por el

diseñador francés Claude Garamond, la

versión más popular es la diseñada por Robert Slimbach para Adobe.

3. PALATINOEsta tipografía fue

diseñada por Hermann Zapt en 1948. La

Palatino fue usada originalmente por

Apple en Machintosh y sigue siendo una de

las favoritas desde entonces.

1 2 3

2. BASKERVILLEEs un tipo de letra

serif que fue diseñada en 1757 por John Baskerville como

resultado de varios experimentos de

legibilidad.

MANUAL DE TIPOGRAFÍA DIGITAL

4 5

4. SÁNCHEZEste tipo de letra serif tiene un gran parecido

a la emblemática Rockwell, aunque

presenta contrastes redondeados que

ofrecen un equilibrio con la estructura

cuadrada. Fue diseñada por Daniel Hernández.

5. GEORGIAEste tipo de letra fue diseñada por

Matthew Carter en el año 1993. Microsoft

la compró por la claridad y la legibilidad

en las pantallas de computadoras. Esta

tipografía es muy similar a Times New Roman,

aunque presenta sutiles diferencias.

DISEÑO WEBEn este caso se debe tomar en cuenta que las reglas del diseño editorial no son aplicables. Por ejemplo, la tipografía serif se perfila como la mejor opción para utilizar, ya que este tipo de letras pierden menos calidad al ser trazadas en píxeles, lo que ofrece una mayor legibilidad para el usuario.

Georgia o la Verdana son una opción pues su cuerpo es un poco más grande que la mayoría de los tipos.Otra como Times New Roman no son recomendables debido a que causa ruido visual.

PARA CAMPAÑAS DE MARKETINGEs importante saber elegir una tipografía capaz de captar la atención de alguien y transmitir y reforzar el mensaje de una marca. Algunos aspectos a considerar son:

MANUAL DE TIPOGRAFÍA DIGITAL

FACILIDAD DE LEERLas serif son más fáciles de leer en el cuerpo de trabajos impresos, pero se debe tener en cuenta si se usará en pantallas.

JERARQUÍA VISUAL.Es primordial contar con dos fuentes: una para el titular y otra para el cuerpo. Con ello, lo que se pretende es crear una jerarquía visual que permita a quien lo vea, detectar rápidamente el contenido e identificar los elementos más importantes.

CONTRASTES Y ELECCIÓN DE TAMAÑO ADECUADO.El contraste de color influye directamente en la legibilidad de una fuente. Lo mismo sucede con el tamaño de las fuentes, ya que este dependerá, básicamente del soporte en el que el mensaje vaya a ser mostrado.

CÓMO COMBINAR LAS TIPOGRAFÍASDurante el proceso de elegir tipografías se debe tomar en cuenta que el diseño requiere de dos o tres, una principal y dos secundarias, pero deben ser combinadas de manera eficaz.

Lo primero que se debe hacer es entender la función de cada tipo de letra y centrarse en sus cualidades. En segundo lugar, no debe usarse más de tres tipografías.

Es decir, una es para el logotipo y otra para el cuerpo de texto, en ocasiones para los titulares se utiliza otra. Una cuarta debe evitarse, para resaltar algo se usan negritas, cursivas o color.

Tercero, generalmente las grandes empresas ya tienen asignados los conjuntos de tipografías, pero en caso contrario, la regla de oro para elegir las tipografías es la legibilidad.

Para seleccionar la personalidad de la fuente o segunda tipografía, esta debe extraer la personalidad de la primera. Todos los tipos de letra tienen características, mismas que deben comunicar las fuentes secundarias.

El segundo tipo de letra tiene que verse como si se trabajara con la primera, con el fin de crear una voz consistente. Por ejemplo, muchas tipografías tienen un compañero san serif o serif, por lo que se pueden combinar de esa forma,

MANUAL DE TIPOGRAFÍA DIGITAL

aunque el grado de contraste es mínimo.

Otra opción es elegirla por contraste de características, es decir, elegir una con cuerpo altamente legible y la segunda con una visualización menos visible, por ejemplo, una puede ser cálida y la segunda distante.

La tercera opción es contrastar los estilos. Sólo se debe identificar la personalidad de la primera, encontrar si esa se comparte, para después verificar que el resto de las características no.

OTRAS OPCIONES PARA TÍTULOSHelvética, Times New Roman, entre otras son comunes para usarse en titulares o bien resaltar, por lo que muchos recomiendan no usarlas más, pues han caído en un desgaste. Si se buscan opciones para encabezados esta tipografías pueden ser una opción.

TRADE GOTHICEn sus primeros años,

Trade Gothic, fue conocida sólo con el

segundo nombre con un sufijo numérico (Gothic No. 17 a No. 20). Varios años después de que la familia se amplió se le dio el nombre de Trade

Gothic.

ITC AMERICAN TYPEWRITER

El diseño recuerda a las máquinas de escribir, pero garantiza un alto

nivel de legibilidad, además el espaciado

entre las letras es mejor.

KLINTCreada por el diseñador de la tipografía con sede

en Berlín Hannes von Döhren, Klint combina precisión con toques

humanistas sutiles. Puede elegirse entre cinco pesos, claro a negro;

cada peso está disponible en tres anchuras

(condensado, normal, expandido). Es ideal para

el funcionamiento de texto donde el espacio es

un bien escaso.

MANUAL DE TIPOGRAFÍA DIGITAL

LAS PREFERIDAS POR LOSDISEÑADORES Y TIPÓGRAFOSEl blog 8 Faces realizó un ejercicio para conocer cuáles son las tipografías que suelen usar los reconocidos diseñadores como Erik Spiekermann, Jessica Hische, Michael Bierut, Nina Stössinger, Mark Simonson y Seb Lester, entre otros.

Para saberlo, los colaboradores del blog pidieron una lista de las tipografías y el resultado fue un ranking de 25 tipos de letras, del cual se muestran sólo las primeras 15.

1. Georgia2. Gotham3. FF Scala4. Futura5. Gill Sans6. Garamond7. Caslon (Adobe Caslon)8. Akzidenz Grotesk9. Alternate Gothic10. Baskerville11. Helvetica12. Metro13. ITC Franklin Gothic14. Meta Serif15. Trade Gothic

Pero si estas son las preferidas en el mundo anglosajón, qué sucede con los diseñadores de habla hispana, cuáles son los tipos que prefieren usar en sus proyectos. Es por ello que el equipo de investigación de Paredro resolvió este cuestionamiento y encontró que una gran mayoría prefiere las tipografías de palo seco o sans serif, como a continuación se muestra.

1. Helvética2. Futura3. Gotham4. Gill Sans5. Garamond.

+

-

A

MANUAL DE TIPOGRAFÍA DIGITAL

RECURSOS DIGITALES Y APPSUna de las ventajas de la era digital es que existen cientos de recursos y tutoriales para las personas que quieren aprender y para las que gustan mantenerse al día en el tema de las fuentes.

Por lo que a continuación, para que no te quedes fuera y conozcas lo más reciente en diseño de tipografías y te inspires, te presentamos cinco recursos claves para tipógrafos y para quienes gusten iniciarse en este campo especializado del diseño:

FLOWTYPE.JSFlowType.JS hace que todo sea más fácil cuando se trata de cambiar el tamaño de la fuente y las líneas de altura de un texto basándose en el ancho de un elemento.

GOOD TYPOGRAPHYEste blog es bastante explicativo y descriptivo sobre el proceso de una fuente y de inspiración. Creado por el costarricense Ricardo, Good Typography se concentra en el bienestar de la buena tipografía.

GLOSARIO DE TERMINOLOGÍAEste es un glosario de términos relacionados a la tipografías, el cual está ilustrado, por lo que aprender o consultar tecnicismos es más fácil con esta herramienta.

THE WEB FONT COMBINATOREsta herramienta se construyó para permitir la vista previa de combinaciones de fuentes de una manera rápida y elegir las dos fuentes ideales para cada proyecto de diseño.

WE LOVE TYPOGRAPHYWe Love Typography es una de las mejores páginas web para los amantes de la tipografía, pues en ella se encuentran muestras de tipografías, descargas y material para inspirarse.

WORDMARKWordmark.it te ayuda a elegir mejores fuentes para su equipo de trabajo y para cada proyecto por individual de una manera inmediata mediante la previsualización de una palabra de su elección.

MANUAL DE TIPOGRAFÍA DIGITAL

En cuanto a aplicaciones para teléfono y jamás soltar la pasión por la tipografía están las siguientes:

1. FONTESTEs una herramienta de tipografía para dispositivos Android que te ayuda a obtener una vista previa de las fuentes favoritas. Incluye 6 fuentes libres.

2. WHAT THE FONT?Esta app es una must de todo diseñador gráfico y amantes de las fuentes. Funciona con solo tomar una foto a una tipografía y luego esperar que la identifique. Es gratuita en la tienda de Apple.

3. FONT NERDLa aplicación, que tiene el visto bueno de MyFonts.com, desafía a los amantes de las tipografías a descubrir cuanto saben de ellas.