¿Qué es la tipografía?
Wikipedia define la tipografía como «el arte y la técnica en el manejo y selección de tipos de fuente para crear trabajos de impresión.» La mayoría del tiempo algunos diseñadores no le dan la importancia que merece a la tipografía. La tipografía puede hacer que tu diseño luzca bien o luzca mal, no importando que tanto te esforzaste seleccionando tu paleta de colores y siguiendo los principios básicos del diseño, es por tal razón que debes de prestar mucha atención a este tema.
Al igual que el diseño en general, debes de estar consciente de las reglas que existen dentro de la tipografía y ponerlas en práctica, esto ayudara a que tu diseño luzca bien.
Subrayado
Quizás es algo que no pienses hacer, pero de cualquier manera debo de mencionártelo para que estés consiente. NO utilices subrayado. El subrayado se utilizaba hace mucho tiempo atrás cuando solamente existían máquinas de escribir las cuales no te permitían crear texto en itálica o negrita. Usualmente se utilizaba el subrayado para indicarle a un tipo grafista que ese texto debía de ser impreso en itálica. Hoy tienes acceso a itálica muy fácilmente porque hoy tú eres el tipo grafista, así que solo mantente lejos del subrayado.
¿Qué son huérfanos y viudas en tipografía?
En la tipografía existen los términos «huérfano» y «viuda». Imagina un texto de dos columnas, el término huérfano en tipografía hace referencia a cuando la última línea de tu párrafo termina en la segunda columna totalmente sola.
Una viuda en tipografía hace referencia a cuando una sola palabra de menos de 10 caracteres en promedio queda sola en la última línea.
Para solucionar el problema de huérfanos o viudas en tu texto, necesitarás modificar el texto eliminando alguna palabra, por ejemplo.
Doble Espacio
No sé si tú aún escribiste en una antigua máquina de escribir, yo sí. En ese entonces nos enseñaron que después de un punto debíamos de agregar dos espacios, pero ¿sabes la razón de esto? La razón era porque en una máquina de escribir, todos los caracteres ocupan el mismo espacio, un punto (.) ocupa el mismo espacio que la letra O mayúscula. No agregues dobles espacios, ya no utilizamos máquinas de escribir.
¿Qué es el interletrado y seguimiento en tipografía?
Interletrado (Kerning en inglés) es el espacio en blanco que existe entre una letra y otra. Los procesadores de texto automáticamente agregan algo de Interletrado, pero no todo el tiempo es perfecto y es fácil de distinguir cuando estas consiente de la existencia del Interletrado.
Los programas de diseño en cambio te permiten tomar control total del Interletrado, tú puedes agregar más o menos espacio entre las letras, lo cual es bastante útil en tipografía.
Seguimiento
Existe una diferencia entre Interletrado y seguimiento (Kerning y Tracking en inglés), el Interletrado es cuando modificas el espacio entre 2 letras mientras que el seguimiento es cuando tú modificas el espacio en toda la palabra u oración.
Como regla general necesitas incrementar el seguimiento cuando la fuente es más delgada y más pequeña, debes reducir el espaciado cuando la letra se haga más gruesa y grande.
Toma en cuenta el siguiente ejemplo, he incrementado un poco más el tamaño de letra en el título y por tal razón el espaciado entre cada letra ha aumentado:
Ajustemos el espaciado para que tenga un mejor look y sea más fácil de leer:
Vemos un ejemplo en una situación opuesta a la anterior, voy a usar de ejemplo el póster de mi película favorita, Interestellar:
Es bastante obvio el interletrado que se ha aplicado, se utilizó un tipo de fuente Serif Modern la cual tiende a tener partes delgadas, por lo tanto, en este ejemplo luce bastante bien agregar ese espacio en blanco entre letras. Incluso puedes notar como realizan un contraste en el título agregando un color fondo y cambiando el color en la sección «stellar».
El uso de MAYÚSCULAS
No es mala idea utilizar mayúsculas para llamar la atención, crean contraste en tu diseño, pero debes de utilizarlas con cautela. Resulta que nuestros ojos no solo reconocen las palabras letra por letra sino también por su forma. Cuando leemos un texto SOLO EN MAYÚSCULAS es casi como si leyéramos letra por letra, por otro lado, cuando leemos un texto en minúsculas es mucho más fácil debido a que las minúsculas tienen distintas formas, te dejo un ejemplo para que puedas entender mejor:
Con esto no quiero que pienses que es mala idea utilizar mayúsculas, las mayúsculas te ayudan a generar contraste, veamos un ejemplo donde las mayúsculas hagan lucir bien un diseño:
Como puedes notar, el primer ejemplo luce bien, todo el texto en mayúsculas con espacio entre cada letra (seguimiento). Por otro lado, si eliminamos el seguimiento y solo dejamos las mayúsculas deja de lucir del todo bien, sucede lo mismo si utilizamos minúsculas. Por último, si intentas en este ejemplo incrementar el tamaño a las mayúsculas empiezas a sentir que ese la palabra «importancia» empieza a competir contra la palabra «tipografía» para captar la atención del usuario, en este caso vemos un mal uso del contraste.
Estos son los principios básicos que debes de tomar en cuenta para que la tipografía haga lucir bien tu sitio web, sin embargo, es necesario aprender cuáles son las categorías de fuentes tipográficas y los tipos de relaciones que existen.