MANUAL DE
TIPOGRAFÍA
DIGITAL
MANUAL DE TIPOGRAFÍA DIGITAL
INTRODUCCIÓN
UNA MIRADA EN EL TIEMPO La 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ÍAS
Elegir 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.
PRUEBA
Se 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.
EFICACIA
La 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 ESPACIO
No se debe descuidar la relación entre el tamaño de letra, el ancho de columna y el interlineado.
LEGIBILIDAD Y COLOR
El 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 DESTACAR
Es 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 EDITORIAL
Si 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
2
1. GARAMOND
2. BASKERVILLE
Nombrada por el diseñador francés Claude Garamond, la versión más popular es la diseñada por Robert Slimbach para Adobe.
Es un tipo de letra serif que fue diseñada en 1757 por John Baskerville como resultado de varios experimentos de legibilidad.
3 3. PALATINO
Esta 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.
MANUAL DE TIPOGRAFÍA DIGITAL
4
5
4. SÁNCHEZ
Este 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. GEORGIA
Este 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 WEB
En 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 MARKETING
Es 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 LEER
Las 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ÍAS
Durante 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ÍTULOS
Helvé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.
KLINT
Creada 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.
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.
TRADE GOTHIC
En 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.
MANUAL DE TIPOGRAFÍA DIGITAL
LAS PREFERIDAS POR LOS DISEÑADORES Y TIPÓGRAFOS
El 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. Georgia 2. Gotham 3. FF Scala 4. Futura 5. Gill Sans 6. Garamond 7. Caslon (Adobe Caslon) 8. Akzidenz Grotesk 9. Alternate Gothic 10. Baskerville 11. Helvetica 12. Metro 13. ITC Franklin Gothic 14. Meta Serif 15. Trade Gothic
A
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ética 2. Futura 3. Gotham 4. Gill Sans 5. Garamond.
+
-
MANUAL DE TIPOGRAFÍA DIGITAL
RECURSOS DIGITALES Y APPS
Una 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.JS
FlowType.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 TYPOGRAPHY
Este 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ÍA
Este 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 COMBINATOR
Esta 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 TYPOGRAPHY
We 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.
WORDMARK
Wordmark.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. FONTEST
Es 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 NERD
La 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.
