Beginning Graphic Design: Typography

Summary

El guion del video explora la tipografía, una disciplina omnipresente en la vida cotidiana y esencial en el diseño gráfico. Se discuten tipos de fuentes comunes como Serif, Sans Serif y Display, y su elección adecuada según el contexto y el mensaje. Se enfatiza la importancia de la jerarquía, el espaciado entre líneas (leading), el entrecaracteres (tracking) y el ajuste entre caracteres específicos (kerning) para lograr diseños profesionales. El guion invita a los diseñadores principiantes a aprender sobre tipografía para mejorar sus proyectos, sugiriendo la observación y el estudio de diseños existentes para inspiración.

Takeaways

• 📚 Tipografía está en todos lados, desde libros hasta productos de empaque.
• 🎨 Tipografía no solo es el estilo del texto sino también el arte de trabajar con texto.
• 😌 No es necesario ser experto en tipografía para mejorar en el diseño diario.
• 🔍 Hay diferentes tipos de fuentes: Serif, Sans Serif y Display, cada una con su uso y contexto.
• 👓 Serif son fuentes clásicas con pequeñas 'serifas', ideales para proyectos tradicionales y publicaciones impresas.
• 🌐 Sans Serif son modernas y limpias, sin serifas, y más fáciles de leer en pantallas.
• 🎨 Display son fuentes decorativas, adecuadas para textos en cantidad pequeña como títulos y encabezados.
• 🗣 Las fuentes tienen un lenguaje propio que puede transmitir diferentes tonalidades y emociones.
• 👎 Algunas fuentes, como Comic Sans, tienen una reputación de estar desactualizadas y sobreusadas.
• 📈 Utiliza una o dos fuentes por proyecto, y si necesitas contraste, varía el tamaño, peso o estilo.
• 🤝 Combina estilos de fuentes que sean diferentes pero complementarios para mayor impacto.
• 📚 Conceptos como jerarquía, leading, tracking y kerning son fundamentales para diseños profesionales.
• 🔝 Jerarquía ayuda a guiar a los lectores hacia lo más importante, enfatizando elementos clave.
• 📏 Leading es el espacio entre líneas de texto, ajustable para una lectura cómoda.
• 🔑 Tracking es el espacio entre caracteres, que puede ser ajustado para efectos artísticos o correcciones.
• 📐 Kerning es el ajuste del espacio entre caracteres específicos, variando a lo largo de la palabra.

Q & A

¿Qué es la tipografía y por qué es importante en nuestra vida cotidiana?

La tipografía es el estilo o apariencia del texto y también se refiere al arte de trabajar con el texto. Es importante porque está presente en todos los aspectos de nuestra vida, desde los libros que leemos hasta las señales de tráfico y los empaques de productos.

¿Qué tipos comunes de fuentes se mencionan en el guion y cuáles son sus características?

Se mencionan fuentes Serif, que tienen pequeños trazos llamados serifs; fuentes Sans serif, que no tienen esos trazos adicionales; y fuentes Display, que son muy variadas y decorativas, ideales para textos en cantidad pequeña como títulos y encabezados.

¿Por qué las fuentes Serif son una buena opción para proyectos tradicionales y en publicaciones impresas?

Las fuentes Serif tienen un aspecto clásico que se adapta bien a proyectos tradicionales y son comunes en publicaciones impresas como revistas y periódicos debido a su apariencia legible en impresión.

¿Cuál es la ventaja de las fuentes Sans serif en comparación con las Serif en la lectura en pantallas electrónicas?

Las fuentes Sans serif se consideran más limpias y modernas que las Serif y suelen ser más fáciles de leer en pantallas de ordenador, incluidos los teléfonos móviles y tabletas.

¿Cómo se sugiere utilizar las fuentes Display en diseños gráficos?

Las fuentes Display, debido a su naturaleza decorativa, son mejores para cantidades pequeñas de texto, como títulos y encabezados, y diseños con un peso visual más pesado.

¿Qué se entiende por 'lenguaje' de las fuentes y por qué es importante elegir una fuente adecuada para el mensaje?

El 'lenguaje' de las fuentes se refiere a la connotación emocional o estética que pueden transmitir más allá de las palabras en la página. Es importante elegir una fuente adecuada para que el mensaje se comunique de manera efectiva y no se pierda en la interpretación.

¿Qué es lo que se sugiere hacer cuando se está tentado a usar fuentes con mala reputación como Comic Sans o Papyrus?

Si se siente tentado a usar fuentes con mala reputación, se debe pensar dos veces y considerar la posibilidad de usar algo diferente que no desvíe la atención de su mensaje.

¿Cuál es la estrategia recomendada para elegir las fuentes en un proyecto y por qué?

Se recomienda limitarse a una o dos fuentes por proyecto. Si se necesita más contraste, se puede repetir una de las fuentes en un tamaño, peso o estilo diferente, lo que crea combinaciones interesantes y efectivas.

¿Qué principio se menciona para combinar fuentes en un diseño y cómo se puede aplicar?

Se menciona el principio de que 'opuestos se atraen' para combinar fuentes. Se debe no tener miedo de combinar estilos de fuentes diferentes pero complementarios, como Sans serif con Serif, para crear un diseño armonioso.

¿Qué son los términos de tipografía avanzada como 'kerning', 'leading', 'tracking' y 'jerarquía' y por qué son importantes?

Kerning, leading y tracking son términos que describen el espacio entre letras y líneas de texto, mientras que la jerarquía guía a los lectores a lo más importante. Son importantes para crear diseños profesionales y para hablar de diseño con más confianza.

¿Cómo se puede establecer una jerarquía en un diseño tipográfico para atraer la atención del lector a los elementos más importantes?

Para establecer una jerarquía, se debe decidir qué elementos quieren que el lector note primero y hacer que se destaquen, usualmente mediante el tamaño, el grosor o alguna otra forma de énfasis.

¿Qué es el leading y cómo afecta la legibilidad del texto?

El leading es el espacio entre líneas de texto, también conocido como espaciado de línea. El objetivo es hacer que el texto sea lo más cómodo posible de leer, ya que demasiado espacio o poco puede resultar incómodo para el lector.

¿Qué es el tracking y cómo se puede ajustar para mejorar el diseño tipográfico?

El tracking es el espacio general entre caracteres, a veces llamado espaciado de caracteres. Se puede condensar o expandir según las necesidades, y puede ayudar a crear efectos artísticos o corregir fuentes mal espaciadas.

¿Qué es el kerning y cómo se diferencia del tracking?

El kerning es el espacio entre caracteres específicos y varía a lo largo de la palabra, ya que cada letra se ajusta de manera diferente. A diferencia del tracking, el kerning no es uniforme y puede requerir ajustes específicos para ciertos pares de letras.

¿Cómo la tipografía bien elaborada puede transformar un proyecto ordinario en uno extraordinario?

La tipografía bien elaborada puede hacer la diferencia entre un proyecto ordinario y uno extraordinario al mejorar la legibilidad, la presentación y la comunicación del mensaje, incluso para quienes están comenzando en el diseño.

Outlines

00:00

📚 Tipografía Básica

El primer párrafo introduce la tipografía como un elemento omnipresente en la vida cotidiana y su importancia en diversos medios. Se describen los tipos de fuentes comunes: Serif, que posee pequeñas rayas llamadas serifs y es ideal para proyectos tradicionales; Sans Serif, que carece de estas rayas y es más legible en pantallas digitales; y Display, que incluye estilos decorativos y es adecuada para textos breves como títulos. Además, se enfatiza la importancia de elegir una fuente que se adapte al mensaje y se aconseja evitar fuentes con connotaciones negativas como Comic Sans o Papyrus. Se sugiere limitar el uso de fuentes a uno o dos por proyecto y utilizar variaciones en tamaño, peso o estilo para crear contraste. También se menciona la combinación de estilos de fuentes complementarios y se motiva a buscar inspiración en otros diseños para mejorar la habilidad de combinar fuentes.

05:00

🎨 Avanzando en Tipografía

El segundo párrafo profundiza en conceptos más técnicos de tipografía como la jerarquía, el espacio entre líneas (leading) y el espacio entre caracteres (tracking), y el ajuste del espacio entre letras específicas (kerning). La jerarquía es crucial para guiar a los lectores y hacer que los elementos más importantes se destaquen. El leading, si no se está seguro de la cantidad adecuada, generalmente el valor por defecto es suficiente para una lectura cómoda. El tracking permite ajustar el espacio entre caracteres para efectos artísticos o corregir fuentes mal espaciadas. El kerning, que varía a lo largo de la palabra, es importante para corregir la apariencia de letras mal espaciadas en algunas fuentes. Se enfatiza que una tipografía bien elaborada puede transformar un proyecto ordinario en extraordinario y se anima a los nuevos diseñadores a desarrollar su interés en la tipografía para mejorar su trabajo propio, además de recordar revisar otros temas de diseño como el color, las imágenes y la composición.

Keywords

💡Tipografía

La tipografía es el estilo o apariencia del texto y también se refiere al arte de trabajar con el texto, que es una actividad cotidiana si se crean documentos o proyectos. En el video, la tipografía es el tema central, y se presenta como un aspecto importante del diseño gráfico que puede influir significativamente en la apariencia de un proyecto.

💡Fuentes

Las fuentes son las distintas tipos de tipografía que se pueden utilizar en el diseño. En el video, se mencionan diferentes tipos de fuentes como 'serif', 'sans serif' y 'display', cada una con características y usos específicos que son fundamentales para entender la comunicación visual a través del texto.

💡Serif

Las fuentes Serif tienen pequeños trazos llamados serifs que se adjuntan a la parte principal de la letra. Se asocian con un aspecto clásico y son adecuadas para proyectos tradicionales, como se destaca en el video, y son comunes en publicaciones impresas como revistas y periódicos.

💡Sans Serif

Las fuentes Sans Serif no tienen los trazos adicionales de serif. Se consideran más modernas y limpias, y suelen ser más fáciles de leer en pantallas de ordenador, incluidos los dispositivos móviles, como se menciona en el guion del video.

💡Display

Las fuentes Display son variadas en estilos y son decorativas por naturaleza. Se utilizan para cantidades pequeñas de texto, como títulos y encabezados, y diseños con un peso visual mayor, tal como se describe en el video.

💡Contraste

El contraste en el diseño tipográfico se refiere a la diferencia visual entre los elementos para atraer la atención y enfocarse en lo más importante. En el video, se sugiere utilizar diferentes tamaños, pesos o estilos de la misma fuente para crear contraste, lo cual es una técnica eficaz en la composición de texto.

💡Jerarquía

La jerarquía es una técnica para guiar la mirada del lector hacia lo más importante en el diseño, utilizando diferentes niveles de énfasis. En el video, se explica que establecer una jerarquía es sencillo y se logra haciendo que los elementos que se quieran destacar sean más grandes, más gruesos o diferentes de alguna manera.

💡Interlineado

El interlineado se refiere al espacio entre líneas de texto, también conocido como espaciado de línea. En el video, se menciona que el interlineado debe ser lo suficientemente cómodo para la lectura, y que el espaciado en exceso o insuficiente puede resultar incómodo para el lector.

💡Separación de caracteres

La separación de caracteres, o tracking, es el espacio general entre los caracteres en un texto. En el video, se indica que esta puede ser ajustada para crear efectos artísticos o corregir fuentes mal espaciadas, lo que es una técnica importante para la legibilidad y el diseño de texto.

💡Kerning

El kerning es el espacio entre caracteres específicos que varía a lo largo de la palabra, ya que cada letra se ajusta de manera diferente. En el video, se señala que algunos fuentes pueden tener 'mal kerning', lo que hace que ciertas letras parezcan mal espaciadas, y se sugiere elegir otra fuente en tal caso.

💡Inspiración

La inspiración es buscar ideas o ejemplos en otros diseños para mejorar la propia creatividad y habilidad. En el video, se anima a los espectadores a buscar inspiración en otros diseños para aprender a combinar fuentes de manera efectiva y crear diseños profesionales.

Highlights

Typography is omnipresent in our daily lives, from books to websites and street signs.

Typography refers to both the style of text and the art of working with it.

Serif fonts, characterized by small strokes, are suitable for traditional projects and print media.

Sans serif fonts, without the extra stroke, are considered clean, modern, and easier to read on screens.

Display fonts are diverse and decorative, ideal for titles and headers in graphic designs.

Fonts have their own language, conveying a message beyond the written words.

Certain fonts like Comic Sans carry a reputation that might detract from a design's message.

It's recommended to limit the use of fonts in a project to one or two for consistency.

Creating contrast in a design can be achieved by using the same font in different sizes, weights, or styles.

Combining different yet complementary font styles can enhance a design's appeal.

Design inspiration can be found by observing how others pair contrasting fonts effectively.

Typography concepts like kerning, leading, tracking, and hierarchy are crucial for professional design.

Hierarchy in design helps guide the reader's focus to the most important elements.

Leading, or line spacing, should be adjusted for optimal readability and comfort.

Tracking, the space between characters, can be adjusted for artistic effect or to correct poor spacing.

Kerning adjusts the space between specific characters and is essential for well-spaced typography.

Well-crafted typography can transform an ordinary project into an extraordinary one.

An interest in typography allows one to notice more and enhance their own work.

The basics of typography are essential for anyone looking to improve their design skills.

Transcripts

Typography.

It's everywhere we look.

In the books we read, on the websites we visit—even in everyday life, on street signs, bumper

stickers, and product packaging.

Simply put, typography is the style or appearance of text.

It can also refer to the art of working with text—something you probably do all the time

if you create documents or other projects for work, school, or yourself.

Typography can be an intimidating subject, but it doesn't have to be.

You only need to know a little to make a big difference in the stuff you do every day.

So let's get started.

First: Some common types of fonts, and what you need to know about them.

Serif fonts have little strokes called serifs attached to the main part of the letter.

Because of their classic look, they're a good choice for more traditional projects.

They're also common in print publications, like magazines and newspapers.

Sans serif fonts don't have that extra stroke—hence the name, which is French for "without serif."

This style is considered more clean and modern than serif fonts.

Also, it tends to be easier to read on computer screens, including smartphones and tablets.

Display fonts come in many different styles, like script, blackletter, all-caps, and just

plain fancy.

Because of their decorative nature, display fonts are best for small amounts of text;

for example, titles and headers, and more graphic-heavy designs.

In a way, fonts have their own language.

They all have something to say, beyond the words on the page.

They can come across as casual or neutral; exotic or... graphic.

That's why it's important to think about your message, and pick a font that fits.

Some fonts come with a extra baggage, like Comic Sans, Curlz, Papyrus, and many more.

There's nothing particularly wrong with these fonts—they just have a certain reputation

for being outdated and overused.

If you find yourself tempted by them, think twice and consider using something else.

There are many fonts with a similar look and feel that are less likely to detract from

your message.

When deciding which fonts to use, less is more.

It's best to limit yourself to one or two per project.

If you need more contrast, try repeating one of your fonts in a different size, weight,

or style.

This trick is practically foolproof for creating interesting combinations that work.

You've probably heard the saying "opposites attract."

Well, the same is true for fonts.

Don't be afraid to combine font styles that are different but complementary, like sans

serif with serif... short with tall... or decorative with simple.

This can be challenging at first, but don't despair.

Look to other designs for inspiration, and soon you'll get the hang of it.

Maybe you've heard terms like kerning, leading, tracking, and hierarchy.

For those with more experience, these concepts are essential for creating professional-looking

designs.

As a beginner, you don't need to know everything about these terms—just enough to inform

your work and help you talk about design with more confidence.

Hierarchy is used to guide the reader's eye to whatever is most important.

In other words, it shows them where to begin and where to go next, using different levels

of emphasis.

Establishing hierarchy is simple: just decide which elements you want the reader to notice

first, then make them stand out.

High-level items are usually larger, bolder, or different in some way.

Remember to keep it simple and stick to just a few complementary styles.

Leading is the space between lines of text, also known as line spacing.

If you're not sure how much line spacing to use, don't fret—the default is usually fine.

The goal is to make your text as comfortable to read as possible.

Too much or too little spacing can make it unpleasant for the reader.

Tracking is the overall space between characters, sometimes called character spacing.

Most programs let you condense or expand this depending on your needs.

In some designs, you might adjust your tracking to create a certain artistic effect.

It can also help you fix fonts that are poorly spaced to begin with.

Kerning is the space between specific characters.

Unlike tracking, it varies over the course of the word, because each letter fits together

differently.

Some fonts have what we call "bad kerning," making certain letters look improperly spaced.

If a font you're using has bad kerning, it's best to cut your losses and choose something

else.

Well-crafted text can mean the difference between an ordinary project... and an extraordinary

project—even if you're just getting started with design.

All it takes is an interest in typography, and you'll start to notice more, see more,

and be able to do more in your own work.

We hope you enjoyed learning the basics of typography.

Don't forget to check out the rest of our design topics, including color, images, and

composition.