Sitemap

TIPOGRAFÍA

El arte de ordenar letras y caracteres.

Press enter or click to view image in full size

¿Qué es una tipografía?

La palabra tipografía proviene del griego.

τύπος [típos], ‘golpe’ o ‘huella’, y γράφω [gráfο], ‘escribir’

Podría definirlo como el arte de diseñar la letra. Aunque el tipógrafo Stanley Morison lo definió como:

Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto escrito verbalmente.

Le llamamos también tipografía a la escritura con un conjunto de caracteres alfanuméricos y que cuentan con un estilo y una serie de características en común. A su vez, se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Por tanto, la tipografía hace referencia a la labor de crear fuentes y no a la fuente en sí. Actualmente, se utiliza cada vez más la palabra tipografía como sinónimo de fuente.
Pero la fuente es la forma específica (estilo, peso y tamaño) del tipo de letra, como Calibri, negrita, tamaño 11.

Ejemplo de Fuente con BEBAS NEUE PRO

El peso tipográfico y los caracteres

El Peso

Determina el grosor de la letra y cada familia tipográfica tiene los suyos. Hay que tener en cuenta al escoger una tipo para un proyecto, que tenga varios pesos para así, poder jugar con eso a la hora de diseñar y no tener que escoger muchas tipografías diferentes que ya te adelanto, es un error❌ .

Press enter or click to view image in full size

Los caracteres

Un carácter es cada una de las figuras que forman una familia tipográfica, incluyendo letras, signos de puntuación, glifos, etc.
Además de tener en cuenta que tenga la mayor variedad de pesos, intenta también que tenga todos los caracteres para que a la hora de escribir/diseñar no te encuentres con que no puedes escribir palabras con Ñ o no existen las minúsculas, pero sobre todo, que estén todas las letras de tu idioma, ya que a veces eso es complicado y puede llegar a ser un problema.

Press enter or click to view image in full size
Ejemplo de caracteres de una fuente Completa

Y ahora os muestro un ejemplo de tipografía que es muy bonita y yo la he utilizado para un proyecto que os enseñaré más adelante, aunque tiene un pequeño inconveniente, la Ñ no existe. Que podemos añadirla haciendo unas modificaciones con Adobe Illustrator, sí. Que es lo correcto, no. Una buena tipografía nos debería de dar todos los caracteres que utilizamos en nuestro idioma, pero sí que es verdad, que algunas veces eso no ocurre, como este ejemplo con THE BROWN. En el cual, la Ñ no existe y las minúsculas tampoco.

Mapa de caracteres de la tipografía THE BROWN

Si te ha gustado puedes descargártela gratuitamente en este enlace.

Conceptos básicos

En el último post hablé sobre el libro cincuenta y tantos consejos sobre tipografía de Enric Jardí te dejo aquí el enlace por si no lo has leído👀👀, en el cual Enric nos da el consejo de que no hace falta saberte todas las partes de una letra, aunque nunca está de más que te suenen los nombres o a qué se refieren.

Aquí también te dejo un enlace donde explica cada parte e la anatomía de una letra.

Press enter or click to view image in full size

Nunca te has preguntado ¿Qué era eso de las familias?

Una familia tipográfica es un conjunto de caracteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.

Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.

Tipos de familias

En este caso son 4 las familias que existen, tienes que tener muy en cuenta a la hora de escoger la tipografía para tu proyecto lo que quieres transmitir.

¿A qué me refiero con eso?, no todas las tipografías te van a aportar los mismos sentimientos o no van a reflejar lo mismo así, que ten cuidado❗. Analiza y ten siempre bien claro que es lo que quieres que la persona que va a utilizar/leer o interactuar sienta o piense y cuál es el estilo con el que se identifica más tu propuesta. Y siempre hazte estas preguntas: ¿Para qué la necesitas?, ¿Quién lo va a leer?, ¿Qué quieres comunicar? y ¿Qué rodea el texto escrito?

Vamos a ver cuáles son y que así las puedas diferenciar:

1- SERIF

En esta familia tipográfica las fuentes rematan el final con adornos. Estas fuentes nos aportan sentimientos de tranquilidad, autoridad y firmeza, ya que su estilo es bastante clásico. Suelen ser las más utilizadas para la escritura, por ende siempre las encontrarás en los libros, como en el ejemplo que os pongo abajo. Por cierto, mientras lees este post, estás leyendo en serif 😂.

Get Miranda’s stories in your inbox

Join Medium for free to get updates from this writer.

La mejor manera de aprender es con ejemplos, así que vamos a ello🚀

Tipografía con Serifa
Press enter or click to view image in full size
Ejemplo de la utilización de Serif en Escritura

Algunos ejemplos de tipografías con serifa son : Times New Roman, Garamond, Saol Display, Ivy Mode o Book Antigua.

2- SANS SERIF

La característica más destacada de la letra sin serifa, o remate, además del hecho de no tener serifs, es su ausencia de contraste. Este hecho hace que el estilo sea muy flexible y que tengamos muchas opciones a la hora de variar sus proporciones, pesos y formas. Con estas letras transmitiremos modernidad, seguridad, sobriedad o alegría. Es importante que tengamos cuidado a la hora de utilizar esta familia tipográfica, ya que se recomienda usar en textos cortos porque si son muy largos puede dificultar la lectura.

Las tipografías sin remate nacen a finales del siglo XIX, tras la Revolución Industrial, fruto de un nuevo medio de comunicación: el cartel.

Press enter or click to view image in full size
Diferencia entre Serif y Sans Serif.
Press enter or click to view image in full size
Ejemplo de utilización de Sans Serif en la revista COSMOPOLITAN

Algunos ejemplos de tipografía sin serifa son : Helvetica, Frutiger, Optima, Zilla Slab , Spline Sans o Futura.

3 -Manuscritas o script

Este tipo de fuentes simulan una caligrafía escrita, siendo a menudo cursivas. Suelen utilizarse para resaltar la importancia de los titulares o para firmas de autor.
Generalmente, este tipo de tipografías cuentan con una tendencia itálica o cursiva. Las letras se ligan entre sí y encontramos curvas más pronunciadas que en las tipografías con serifa o de palo seco.
Hoy en día están bastante de moda y muchas empresas suelen utilizarlas para carteles o combinación de tipografías, ya que no es una tipografía que se recomiende para lectura, solo para títulos.

Press enter or click to view image in full size
Mr. Wonderful
Mr. Wonderful

Algunos ejemplos de tipografía manuscrita o script son : Beckham Script Bastelona, Selliboy , Marney Holland o Parisienne.

4- Decorativas

Están consideradas como tipografías divertidas, más desenfadadas, aunque transmiten una gran variedad de sensaciones y opiniones. Nunca las utilices para textos, solo y de vez en cuando para títulos, carteles o portadas de algún libro o un logo.

Pueden llegar a transmitir falta de cuidado o desinterés en el diseño. Por eso, piénsate bien cuando utilizar este tipo de fuentes tipográficas.

Press enter or click to view image in full size
Cincuenta y tantos consejos sobre tipografía.
Press enter or click to view image in full size
www.roc21.com

Algunos ejemplos de tipografía decorativa son : Cookie Dought , Creation Station, Gooey Drippy Sticky o KG I Like To Move It.

Os voy a contar un ejercicio que hice durante el Bootcamp referente a la tipografía, que creo que puede ser muy interesante que lo pongas en práctica.

El ejercicio era la siguiente:

Piensa en alguien, e intenta asociarlo con un tipo de tipografía. Piensa bien ya que cada tipo quiere decir y representa algo diferente. Con este ejercicio lo que conseguirás es saber cuando se utiliza una u otra y el porqué.

¿Dónde puedes encontrar tipografías? Aquí te adjunto varias páginas para que puedas seguir investigando, pero ya te aviso, si te gusta este mágico mundo son un vicio. Siempre quieres más para tu librería, aunque seguramente alguna no la utilices mucho o nunca, pero en la carpeta la guardarás simplemente por ser bonita 😍

Y si sabes de más sitios web para descargar o comprar tipografías, siempre puedes dejarlo en comentarios, que como suelen decir:

COMPARTIR ES VIVIR😃🤘🏼

NOS VEMOS EN EL PRÓXIMO POST, FEEEEEELIZ SEMANA😃🤘🏼🚀