ttnormspro
Página principalBlogFuentes en el diseño gráfico: tipos, categorías, características y estilos

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Una fuente apropiada no solo transmite información al público, sino que también complementa visualmente el proyecto. Una fuente incorrecta puede estropear la impresión y alejar al espectador del producto, ya sea un cartel, un letrero de una tienda o cafetería, un empaque, un sitio web o una app.

Seleccionar intuitivamente fuentes para proyectos es un sueño para los principiantes y una tarea común para los diseñadores profesionales. Para pasar de la primera categoría a la segunda, se necesitan años de formación y estudio de tipografía, observación y conocimientos teóricos sobre fuentes.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

La tipografía moderna ofrece al diseñador la posibilidad de elegir entre miles de tipos de letra. Te contamos cómo navegar por las primeras etapas para encontrar una fuente adecuada.

Conceptos básicos de tipografía

Aperturas, serifas, estilos, tallos, arcos, entradas: los términos utilizados en tipografía pueden volverte loco. Es especialmente peligroso sumergirse en la terminología para aquellos que recién comiencen su camino en el mundo tipográfico.

Tranquilos: muchas de las palabras utilizadas por los diseñadores tipográficos se pueden evitar en los primeros pasos del diseño. Sin embargo, es útil conocer algunos de los términos: así será más fácil comprender qué criterios hay que tener en cuenta al elegir una fuente.

Hemos compilado un minidiccionario de términos tipográficos.

  • Una familia de fuentes es un conjunto de fuentes veriadas de un tipo de letra. Una familia de fuentes puede incluir diferentes fuentes según su propósito, grosor e incluso estilo.
Fuentes en el diseño gráfico: tipos, categorías, características y estilos
  • El estilo es la fuente de un cierto tipo de grosor. Un tipo de letra puede tener 3 o 9 estilos, desde el más fino hasta el más grueso. Estilos comunes: Fino, Regular, DemiBold, Negrita.
Fuentes en el diseño gráfico: tipos, categorías, características y estilos
  • Las serifas son trazos cortos adicionales al final de los elementos principales del carácter y perpendiculares a ellos.
Fuentes en el diseño gráfico: tipos, categorías, características y estilos
  • El tamaño se refiere a la altura de los caracteres de fuente, es decir, el tamaño vertical.
Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Tipos de fuentes (clasificación)

No existe una clasificación única de fuentes que utilicen todos los diseñadores.

Las fuentes pueden ser divididas en categorías según las épocas históricas en las que aparecieron, según su forma visual y su propósito. Detengámonos en los tipos de fuentes, cuyo conocimiento definitivamente será útil en la tipografía moderna.

Por finalidad, se pueden distinguir las fuentes de visualización y de texto.

Las fuentes de visualización a veces se denominan fuentes de encabezado, ya que se utilizan para diseñar títulos o resaltar frases llamativas. Se trata de fuentes expresivas que atraen la atención del espectador.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Fuentes de tecto sirven para escribir, se pueden llamar composición tipográfica. Se trata de fuentes de carácter más tranquilo, con gran legibilidad incluso en textos pequeños. Una buena fuente de texto no distrae la lectura, es integral y agradable.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Hay muchos estilos de fuentes, centrémonos en los más comunes: sans serif, serif y slab.

Los grotescos son un grupo de fuentes sans-serif. Se trata de fuentes universales, funcionales y, a menudo, de carácter tranquilo.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Las serifas son un grupo de fuentes serif. Estas fuentes suelen tener un carácter clásico, elegante o conservador.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Las fuentes Slab son fuentes con serifas grandes y brutales.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Muchas fuentes no pertenecen a un grupo específico y se encuentran en la intersección de estilos.

Características de las fuentes

El propósito de la fuente o del estilo no lo es todo. Cada fuente tiene su propio carácter.

El carácter de la fuente es lo que distingue a un tipo de letra del resto. Son características visuales especiales, proporciones, características gráficas.

Estudio TypeType, por ejemplo, utiliza descripciones simples para ayudar a los diseñadores a elegir la aplicación adecuada para una fuente. El tipo de fuente puede ser de carácter neutral, así que el ámbito de aplicación será bastante amplio o puede tener un carácter expresivo: brutal, tecnológico, elegante.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Hay otras características en las se difieren las fuentes: ancho, contraste de trazos o letras, saturación.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos
Fuente ancha TT Norms® Pro ampliada en relación con el clásico TT Norms® Pro
Fuentes en el diseño gráfico: tipos, categorías, características y estilos

El contraste es la diferencia de grosor entre los trazos finos y negritas de los caracteres. TT Marxiana es una fuente de alto contraste
Fuentes en el diseño gráfico: tipos, categorías, características y estilos
El estilo Regular está menos saturado que el estilo Black.

Estilos de fuente

Cada familia o subfamilia de fuentes consta de una determinada cantidad de estilos. Dependiendo del estilo y tipo de fuente, este significado puede variar.

Como ya mencionamos, un estilo es una fuente del mismo grosor. Normalmente, los estilos se dividen por inclinación y grosor. Una fuente puede incluir estilos rectos e inclinados.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Las líneas rectas son las principales. Estas fuentes se utilizan con más frecuencia, por lo que se encuentran en casi todos los conjuntos de fuentes.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Los estilos oblicuos o en cursiva son fuentes en las que los caracteres están ubicados en ángulo con respecto a los estilos rectos. Estas fuentes se pueden utilizar para resaltar texto o para diseñar títulos y citaciones. Como regla general, las cursivas se combinan con estilos rectos.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Es posible que algunos tipos de letra solo tengan estilos rectos, por ejemplo, algunas fuentes decorativas con un carácter expresivo. También hay fuentes que solo tienen estilos inclinados. Las fuentes escritas a mano son un buen ejemplo, porque la escritura humana que imitan dichos tipos de letra a menudo incluye caracteres inclinados.

Como regla general, las fuentes tienen el mismo conjunto de estilos verticales y cursiva, es decir, el grosor de los estilos en cursiva corresponde al grosor de las líneas rectas.

Se puede variar el grosor del estilo.

Se pueden distinguir los siguientes grupos de estilos:

  • finos: fino, extraligero, ligero;
  • normales: Regular, Normal, Medio;
  • seminegritas y negritas: SemiBold, Negrita, ExtraBold, Negro, ExtraBlack.
Fuentes en el diseño gráfico: tipos, categorías, características y estilos

La elección del estilo depende de la tarea y el ámbito de aplicación. Para imprimir materiales grandes, especialmente carteles y pancartas, se pueden utilizar estilos en negrita que quedan mejor en tamaños de fuente grandes. La elección de la fuente para un logotipo depende del estilo corporativo de la empresa, pero al escribir una matriz de texto en un sitio web o en publicaciones periódicas, se eligen con mayor frecuencia estilos estándar, por ejemplo, Regular o Normal.

Cómo definir una buena fuente

Una buena fuente es una tipografía que se adapte al proyecto en términos de carácter, asociaciones y estilo visual. Cualquier fuente puede ser adecuada si se usa correctamente.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

No hay fuentes malas, solo fuentes de baja calidad. Es difícil trabajar con tales fuentes, ya que el texto escrito en dicha fuente no se verá armonioso, las letras pueden superponerse o, por el contrario, estar demasiado separadas. Es imposible trabajar con este tipo de fuentes, así que antes de comprar una fuente, verifica su calidad. Lo puedes hacer descargando la versión gratuita; muchos estudios ofrecen esta opción.

Cómo elegir fuentes

Es difícil dar instrucciones universales para seleccionar una fuente, porque los diseñadores pasan años aprendiendo cómo seleccionar rápidamente el tipo de letra necesario.

Sin embargo, existen recomendaciones que te ayudarán a elegir la fuente adecuada.

1. Estudia detenidamente el carácter de la fuente, comparándolo con el posicionamiento del proyecto. Por ejemplo, si una fuente se describe como “suave, fluida y aireada”, sería mejor elegirla para una empresa con el mismo posicionamiento, como una marca de ropa hecha de tejidos naturales. Es poco probable que una fuente de este tipo sea adecuada para una marca en el campo de TI; es mejor elegir algo tecnológico, y para un banco o una empresa médica, busca una fuente más clásica, tradicional y con un carácter tranquilo.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

2. ¡Prueba! Por ejemplo, el estudio TypeType ofrece versiones de prueba, o sea, gratuitas, de sus fuentes para que un diseñador pueda probar la fuente en un proyecto y decidir si compra una licencia. Consulta con la empresa que lanzó la fuente que te gusta; a menudo, los grandes estudios ofrecen versiones de prueba gratuitas a sus clientes.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Cómo elegir el tamaño de fuente

La fuente debe cumplir su propósito, es decir, debe ser legible en el caso de un texto variado y llamar la atención en el caso de los títulos.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

In practice, it is better to test several sizes in order to choose the most convenient one. It all depends on where the font is used: on the web or in printed products, in posters or in an app, in a book or on a store sign.

Combinación de fuentes (pares de fuentes)

No más de dos fuentes para cada proyecto; esta es una regla tipográfica tácita. Por supuesto, puede haber excepciones, pero tiene más sentido utilizar pares de fuentes en su diseño.

Un par de fuentes son dos fuentes que encajan perfectamente. Pueden parecer ventajosos por la similitud de carácter o, por el contrario, atractivos por el contraste visual.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos
La combinación de la elegante TT Livret Display con serifa y el grotesco neutro TT Commons Pro parece atractiva y armoniosa
Fuentes en el diseño gráfico: tipos, categorías, características y estilos
La sans serif universal TT Norms® Pro y la serif TT Norms® Pro Serif son un par de fuentes especialmente creadas dentro de la misma familia. ¡El dúo de fuentes perfecto!

Revisión de fuentes populares. ¿Dónde puedo conseguir fuentes (gratuitas, de pago)?

Cada mes se lanzan nuevas fuentes y la parte superior de los tipos de letra más populares se actualiza periódicamente. Se pueden encontrar fuentes gratuitas en GoogleFonts, mientras que el sitio MyFonts presenta una gran colección de fuentes, donde también se publican calificaciones de los tipos de letra más populares. Puedes comprar fuentes personalmente en estudios cuyos tipos de letra llamen la atención. Por ejemplo, la colección de fuentes TypeType se actualiza periódicamente y quienes compran fuentes directamente reciben descuentos personales: https://typetype.org/es/fonts/.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Programas para trabajar con fuentes y texto.

Casi todos los programas modernos para trabajar con gráficos y textos, con diseño o edición de vídeo, admiten fuentes modernas.

Fuentes en el diseño gráfico: tipos, categorías, características y estilos

Enlaces útiles: ¿qué puedo leer sobre tipografía?

Puedes familiarizarte con la clasificación de fuentes en el sitio web o en el libro «Letter Fountain» de Taschen.

Para saber cómo se crean las fuentes y con qué lógica se forman las tipografías de diferentes estilos, lee el libro de Gerrit Noordzei “Stroke. «Teoría de la escritura». Es una publicación clásica que será útil no solo para los diseñadores tipográficos, sino también para aquellos que quieran comprender mejor la tipografía.

Conclusión

La tipografía puede parecer complicada, pero solo a distancia. Cuanto más te sumerjas en el aprendizaje sobre las fuentes, mejor comprenderás cómo y qué fuentes utilizar para tus proyectos.

Comienza tu viaje de conocimiento de las fuentes de forma gradual, ampliando constantemente tus conocimientos y aplicándolos en la práctica.

Últimas publicaciones

Las 10 principales tendencias tipográficas de 2024

Las 10 principales tendencias tipográficas de 2024

Do you want to keep your typography up-to-date and create genuinely inspiring projects? Experts and designers from the TypeType font studio are excited to share the key type trends of 2024 with you in this article. Stay trendy!

Buscar etiqueta
Las 15 mejores fuentes para revistas

Las 15 mejores fuentes para revistas

Las revistas son el lienzo perfecto sobre el que la tipografía puede revelar todas sus facetas. La fuente aquí no sólo transmite información al lector, sino que también influye directamente en el diseño. Transmite el mensaje de la revista, transmite valores e ideas. Este artículo habló sobre cómo elegir la mejor fuente para revistas y compiló una selección de 15 opciones actuales para publicaciones sobre diversos temas.

Buscar etiqueta
UniversiTTy: Lección 9. Caracteres en mayúsculas. Refinamiento detallado de contornos

UniversiTTy: Lección 9. Caracteres en mayúsculas. Refinamiento detallado de contornos

Welcome to the ninth lesson of our «UniversiTTy»! In this series, we guide you through the process of font design step by step. The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let’s find out together how visual details influence the overall perception of fonts.

Buscar etiqueta
Las 15 mejores fuentes de contorno aprobadas por diseñadores en 2024

Las 15 mejores fuentes de contorno aprobadas por diseñadores en 2024

Las fuentes de contorno son una excelente manera de agregar variedad a su diseño y hacerlo atractivo y llamativo. ¿Qué son, dónde se utilizan y qué estilos de fuente se combinan con ellas? Hablamos de todo esto en nuestro artículo y también seleccionamos las mejores fuentes de contorno para varios proyectos.

Buscar etiqueta
Las 10 mejores fuentes para diseños de carteles

Las 10 mejores fuentes para diseños de carteles

Elegir la fuente adecuada para un proyecto es una tarea seria para un diseñador. ¿Cómo encontrar la mejor fuente entre muchas opciones y en qué criterios confiar a la hora de elegir? Te lo contamos en este artículo.

Buscar etiqueta
UniversiTTy: Lesson 8. Designing Basic Latin Characters. Uppercase characters

UniversiTTy: Lesson 8. Designing Basic Latin Characters. Uppercase characters

Welcome to lesson number 8 of our «UniversiTTy» series! Last time, we covered optical compensation, uppercase and lowercase character heights, and the concept of contrast. In this article, we will finally focus on glyph design specifically.

Buscar etiqueta
Cómo elegir una fuente: la guía definitiva para el diseñador

Cómo elegir una fuente: la guía definitiva para el diseñador

La fuente es uno de los elementos de diseño más importantes. Con su ayuda, puede enfatizar, complementar o incluso crear el ambiente del proyecto, colocar acentos y transmitir la información necesaria al usuario. ¿Cómo encontrar la mejor fuente entre muchas opciones y en qué criterios confiar a la hora de elegir? Te lo contamos en este artículo.

Buscar etiqueta
25+ mejores fuentes de juegos para tus proyectos en 2024

25+ mejores fuentes de juegos para tus proyectos en 2024

¿Qué criterios debes buscar al elegir fuentes de juegos? ¿Y qué fuentes gaming deberías elegir para tu proyecto en 2024? En nuestro artículo encontrarás consejos actuales sobre la elección de tipografías y una selección de las tipografías mejores pagas y gratuitas para videojuegos de diferentes géneros.

Buscar etiqueta
Iconos e ilustraciones en fuentes: ¿Qué son y cuál es su propósito?

Iconos e ilustraciones en fuentes: ¿Qué son y cuál es su propósito?

In addition to the base set of letters, marks, and symbols, most typefaces also have other graphic elements. What does their appearance depend on? How and why are they designed? What variations do they come in? In this article, we will focus on these questions and showcase the most captivating icons and illustrations from TypeType typefaces.

Buscar etiqueta

Buscar etiqueta

Serif vs Sans serif: diferencias entre fuentes

Serif vs Sans serif: diferencias entre fuentes

Go to the websites of your three favorite brands and try to analyze what emotions they evoke. Whether it’s clothing or shoes, cars or electronics, cosmetics or accessories, every company has a secret: they want to be part of your life.

Buscar etiqueta
Crecer y dividirse: creación de una fuente para el festival G8

Crecer y dividirse: creación de una fuente para el festival G8

El festival de industrias creativas G8 ha presentado su identidad visual de 2022. El estudio de diseño de fuentes TypeType es uno de los participantes en el proceso creativo de creación de la fuente y el logotipo.

Buscar etiqueta
Ampliación de la familia TT Hoves Pro

Ampliación de la familia TT Hoves Pro

TT Hoves is the youngest font in the collection of universal geometric sans serifs. It forms a functional trio with TT Norms® and TT Commons™, yet has its own recognizable character.
The TT Hoves font has managed to win the sympathy of designers from all over the world. The font family has been among the studio’s bestsellers since its release on marketplaces, and yet it’s time to update the typeface!

Buscar etiqueta
Creación de una TT Livret serif moderna

Creación de una TT Livret serif moderna

It sometimes happens that on paper, a new font seems to be a relatively simple and quick task, but as a result of the work, it turns into one of the largest projects of recent years. Today’s story is about just such a font.

Buscar etiqueta
Creación de TT Commons™: de la tipografía corporativa de la fundición a un éxito de ventas

Creación de TT Commons™: de la tipografía corporativa de la fundición a un éxito de ventas

The TT Commons™ Pro font family needs no introduction as it has been TypeType’s best-seller for many years now. These are not just words — since 2018, the font family has been a bestseller for 93% of the time it has been on the sites.
TT Commons has a fascinating history, because it was created in 2016, and back then it was not supposed to be released as a commercial font at all.

Buscar etiqueta
TT Norms® Pro: 7 años de historia de la familia tipográfica

TT Norms® Pro: 7 años de historia de la familia tipográfica

TT Norms® Pro es una de las tipografías más buscadas de la colección TypeType. Más de tres reediciones en 7 años, primeras líneas en las valoraciones de MyFonts, decenas de personalizaciones y reseñas.

Buscar etiqueta
Cambia las fuentes sin perder el diseño: descubre los secretos de la creación de la fuente de ancho uniforme TT Fellows

Cambia las fuentes sin perder el diseño: descubre los secretos de la creación de la fuente de ancho uniforme TT Fellows

In January 2022, a new TypeType font TT Fellows was released on sales platforms. Almost immediately, it attracted the attention of designers from all over the world, which is not surprising, because this versatile, concise, and functional typeface is suitable for most modern projects.

Buscar etiqueta
Felliniana: dominio de fuentes para el Festival de Cine de Venecia

Felliniana: dominio de fuentes para el Festival de Cine de Venecia

A font is a work of art. Many designers think so, but we will talk not about the industry as a whole but about a specific font which is of interest for art lovers. It has all that is necessary: a beautiful creation story, aesthetics, and line flow. The Italian font designer Antonio Pace created the font for the Capelli Identity Design studio, and TypeType transformed their creation into a functional work instrument.

Buscar etiqueta
OT L22: Mastering a Font for the Legendary Typewriter’s 70th Anniversary

OT L22: Mastering a Font for the Legendary Typewriter’s 70th Anniversary

Technical work on a new typeface by third-party designers always arouses professional curiosity. Especially when it comes to working with fonts for brands with a world-famous history.
Olivetti is an Italian company whose name inspired admiration and respect in the 20th century, especially among journalists and writers.

Buscar etiqueta