Tipografía básica
¡Conoce los conceptos básicos sobre tipografía y algunos tips que casi todos los diseñadores utilizan hoy en día!
David P. García
4/6/20267 min read
¿Qué es la tipografía?
'' El sistema de diseño, organización y uso de letras y caracteres para comunicar un mensaje.''
Muy lejos de ser solamente ''letras bonitas'', la tipografía es en realidad una herramienta de comunicación visual. Desde Mr. Wonderfull hasta la memoria de una tesis doctoral, pasando por una novela o un guion de cine, las fuentes tipográficas se adaptan al medio para que la información se transmita de una cierta manera.
En las novelas el texto necesita ser legible de continuo, por lo que la tipografía ha de facilitar la lectura rápida. Por eso los parrafos son tan sólidos y las letras tienen pequeñas conexiones entre si, a las que llamamos serifas.
En el lettering el objetivo es que el lector se detenga en las palabras, por lo que letras más decoradas hacen que la vista reduzca la velocidad de lectura al fijarse en más elementos.
Un guion de cine ha de ser legible pero no de continuo. Por lo que la composición del texto y sus características han de diferenciar ciertas partes.
1. Términos
Para poder sacarle el máximo provecho a la tipografía tenemos que diferenciar bien su terminología.
Tipografía (Typeface).
El nombre. Fácil. Sencillo.
Familia tipográfica (font).
Es el conjunto de variantes dentro de una misma tipografía. Cada Variante altera de forma muy básica las características de la fuente.
Todas las letras y caracteres contemplados dentro de esa tipografía.
Fuente
2. Elementos de una tipografía
Es el suelo imaginario sobre el que se asientan las letras.
Linea base
Altura de X
Si nos imaginamos cada letra dentro de una cajita del mismo tamaño, la X tocaría los cuatro vértices de la caja, determinando así el tamaño máximo de las letras minúsculas.
Ascendentes y descendentes
Algunas letras necesitan salirse de la cajita por arriba o por abajo. A los elementos que sobresalen de la altura de X los llamamos ascendentes o descendentes, según su hacia donde se prolonguen.
Contraforma
La contraforma es el hueco interior que presentan la mayoría de las letras.
Remates
Algunas letras presentan extensiones en sus extremos, ya sea por características técnicas o artísticas. A estas extensiones las llamamos serifas.
3. Propiedades tipográficas
Grosor
La densidad del propio caracter, los distintos tipos de grosor suelen ser: Light, Medium, Regular, Bold y Black.
Todos los aspectos editables del texto, a nivel de carácter y también a nivel compositivo.
Estilo
Podríamos decir que es la personalidad de la tipografía. Si es cursiva, regular o un punto intermedio.
Caja
Marco imaginario que limita el tamaño máximo de las letras de esa tipografía, la cual cambia según sean mayúsculas o minúsculas.
Interletraje y kerning
También llamado tracking. Es el espacio entre las letras mismas, juntándolas o separándolas para controlar la densidad general del texto.
El kerning sería este mismo concepto pero aplicado a pares de letras concretos que puedan crear errores prolemáticos visuales.
Leading
Interlineado. Es la distancia entre las líneas de texto pertenecientes al mismo cuerpo.
Decoraciones
Efetos de subrayado, tachado, resplandores, sombras... Y todos los elementos ornamentales que se pueden aplicar a una tipografía.
4. Tipos y características
Englobamos los arquetipos tipográficos en cuatro grandes grupos generales. Dentro de cada uno de estos grupos son aplicables varios tipos de cambios que definen la personalidad de cada tipografía.
Serif
Se caracterizan por presentar remates en sus extremos los cuales conectan visualmente las letras. Entre otras cosas, para facilitar la lectura en cuerpos de texto largos.
Son más tradicionales y por tanto suelen ser entendidas como más formales.
Principalmente se utilizan para la redacción de cuerpos de texto, largos e impresos, pues ayudan a la lectura rápida.
Sans Serif
Como su nombre indica son tipografías SIN serifas.
Son tipos más modernas y, aunque profesionales, son entendidas como más desenfadadas.
Se utilizan en cuerpos de texto en pantalla, títulos y subtítulos. para estas ultimas suelen editarse sus características para hacerlos resaltar aún más.
Script
La característica principal de estas tipografías es su intento de imitar la caligrafía. Es decir, pretenden simular un trazo a mano alzada.
Son potentes en títulos y cartelería, pero no como cuerpo de texto.
Han de utilizarse con mucho cuidado ya que podemos pasar de la decoración a la saturación visual con mucha facilidad.
Decorativas o Display
Son tipografías muy expresivas, con mucha ornamentación y un trazado bastante artístico.
Las verás siempre (espero) en títulos y cabeceras, ya que están diseñadas para impactar y comunicar una sensación, no solamente información.
Vector vs pixel
La naturaleza de las imágenes puede ser esencialmente vector o pixel, lo cual genera unas diferencias a la hora de trabajar con el texto.
Vector
Es en realidad una ecuación matemática que se presenta como una gráfica. De esta manera podemos alterar su visualización y tamaño sin que se pierda calidad, ya que la fórmula matemática que la define cambia exponencialmente.
Pixel
Es el formato de imagen estándar, pequeños cuadraditos que conforman el total de la imagen. Podemos cambiar su tamaño y características, pero cambiaremos también el tamaño del pixel, provocando que la calidad se vea afectada al perder información de los píxeles.
3. Usos
El uso y finalidad del texto trae implícitas consigo ciertas pautas que condicionarán la tipografía que usemos.
Cuerpo de texto
Su necesidad principal es ser fácil de asimilar. Por lo que las serifas son utilizadas casi por norma.
Aunque en medios digitales las tipografías de palo seco también son muy utilizadas
Títulos y cabeceras
La intención principal es destacar y anunciar un espacio. Por lo que unas formas solidas van a ser más fáciles de asimilar.
Transmite información objetiva (texto) y subjetiva (esencia).
Por eso aquí abundan las tipografías display e ilustradas.
Portadas y decoración
4. Composición
Existen dos formas de enfocar la composición del texto según nuestra intención y las necesidades del receptor.
Imagen protagonista
Aquí el texto ha de acompañar, no robar presencia a la imagen.
Texto protagonista
Las imágenes son decorativas, la atención se centra en el texto.
Cuantitativamente
''El arte de combinar para potenciar''
Simbiosis
Es una relación de apoyo mutuo entre texto e imagen. Ambos elementos se complementan para crear un mensaje conjunto que aporta nuevos significados, tanto connotativos (emocionales) como denotativos (literales).
Anclaje
Ocurre cuando el texto ayuda a limitar y reducir las posibilidades significativas de la imagen, "fijando" el sentido o interpretación correcta.
Significativamente
Se refiere a una relación antagónica o de dependencia ineficiente, donde uno de los elementos (generalmente el texto) depende del otro sin aportar un beneficio claro o incluso ocultando el sentido de la imagen.
Parasitismo
Pautas básicas
1 - 2 tipografías por documento/archivo. (Si eres muy valiente puedes atreverte con 3, pero no te lo aconsejo en general.)
Serif + Sans Serif
Cuerpo de texto Títulos y subtítulos
Título
Cuerpo de texto
Subtítulo
Atrae
Atrae/Informa
Informa
¿Cómo encuentro nuevas tipografías?
Google Fonts
Existen diferentes portales para hacerse con tipografías nuevas y variadas; mi recomendación personal es la siguiente:
Dafont
Calligraph
Debemos cuidarnos y respetar los derechos de autor, no solo por moral sino también por protección frente a problemas legales.
Por ello siempre hay que comprobar las licencias de las tipografías que añadamos a nuestro repertorio personal.
¿Tienes 6 minutos más?
Entonces tienes más que suficiente para empezar y terminar ''el curso de tipografía más corto del mundo.''
Oviedo, Asturias
@LaCuevaOviedo
hola@lacuevaetudio.es
