TIPO

T. 07
2023 JERARQUÍA, ARMONÍA,
RITMO Y PROPORCIÓN.
 *Type: Space Grotesk Regular / Swear Banner Thin Italic

CONCEPTOS
RELACIONADOS
CONCEPTOS
BUT FIRST
RELACIONADOS
*Type: Space Grotesk Regular / MADE Tommy Soft

LEGIBILIDAD &
INTELIGIBILIDAD
La legibilidad y la inteligibilidad se refiere a la facilidad
de lectura para apoyar a la concentración del lector y
tli
tli
la comprensión de un pasaje de un texto.

Inteligibilidad es la característica tipográfica que

facilita la lectura entre un caracter del otro. Cuando
esto no se cumple vemos caracteres que pueden
confundirse como la “o” y la “e” o la “l” y la “i”.
Ambos ejemplos dicen “tli” pero en el
Inteligibilidad = readibility primero es poco legible ya que la T y la L se
Legibilidad = legibility parecen mucho en su forma confundién-
dose con una H.
 *Type: Space Grotesk Regular / Swear Banner Thin Italic

JERARQUÍA
TIPOGRÁFICA
JERARQUÍA
Ahora sí...
TIPOGRÁFICA
*Type: Space Grotesk Regular / MADE Tommy Soft

JERARQUÍA
TIPOGRÁFICA
Ayuda al lector a identificar rápidamente
el texto y el objetivo del mensaje.

Este debe ser llamativo y ordenado de

forma coherente para que la información se
transmita de forma adecuada. Se pueden
usar marcas especiales como sangrías,
interlineados, color, estilo, marcas gráficas,
tamaños tipográficos, entre otros.

Type Specimen Poster: https://pin.it/4D2wCoD

*Type: Space Grotesk Regular / MADE Tommy Soft

Es organizar y destacar
algunos elementos
por encima de otros.
MANTENIENDO LA ARMONÍA DEL MENSAJE

Las jerarquías de texto marcan recorrido visual, priorizan

mensajes, y aportan niveles visuales.

La jerarquía es la expresión de forma visual y lógica,

que da importancia a diferentes elementos del texto
dando una guía visual de orden.
*Type: Space Grotesk Regular / MADE Tommy Soft

JERARQUÍAS Y ÉNFASIS
T abc
Tipográfica Espacial Gráfico
FACTORES DE

• Tamaño • Kerning, tracking o • Línea

• Estilo leading • Forma
• Combinación tipográfica • Orientación • Color
• Caja • Posición
*Type: Space Grotesk Regular / MADE Tommy Soft

TAMAÑO POSICIÓN
Las dimensiones de los textos indican la La disposición de los textos marca un
jerarquía: los textos más grandes atraen recorrido visual: de arriba a abajo y de
a la vista y priorizan al foco de atención. izquierda a derecha.
*Type: Space Grotesk Regular / MADE Tommy Soft

COLOR COMBINACIÓN
En la competencia de colores, un color Visualmente variantes de familias
atraerá más que otro, textos con colores tipográficas con más peso atraen a la vista:
más contrastantes atraerán atención. black, bold, midium vs regular, light, thing.

El manejo de contrastes entre clasificación

de tipografía también genera jerarquía.
*Type: Space Grotesk Regular / MADE Tommy Soft

Considera que:
Saber realizar las combinaciones perfectas
en tipografía requieren de práctica. El
objetivo de la combinación es lograr armonía
en donde al encontrarse en una misma
composición logra verse bien y mantener
un sentido común de comunicación.
 *Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS...¿Qué tipo de
jerarquías ves?
*Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS... ¿Qué tipo de

jerarquías ves?

• De color
• De tamaño
• De peso
• De posición
• De gráfico o línea
 *Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS...
¿Qué tipo de
jerarquías ves?
*Type: Space Grotesk Regular / MADE Tommy Soft

Combinación varios tipos

de tipografía

PRACTIQUEMOS... ¿Qué tipo de

jerarquías ves?

• De combinación
• De tamaño
• De peso
• De espacio: tracking
• De gráfico

De peso la misma
familia
 *Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS...
¿Qué tipo de
jerarquías ves?
*Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS... ¿Qué tipo de

jerarquías ves?

• De forma
• De color
• De tamaño
• De combinación
• De posición
 *Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS...

¿Qué tipo de jerarquías ves? ¿Cuál es el orden de lectura?

 *Type: Space Grotesk Regular / MADE Tommy Soft

PRACTIQUEMOS...
*Type: Space Grotesk Regular / MADE Tommy Soft

1 2 3
Importante
Tomar en cuenta

Objetivo del Recorrido Tipo de

CRITERIOS PARA mensaje visual jerarquía
DISEÑAR NIVELES
DE JERARQUÍA Selecciona el orden Diseña el punto de Por posición, por
de los textos según partida y el punto tamaño, por peso
el mensaje: texto final del recorrido de tipográfico, por color,
principal, secundario, lectura. por forma, etc.
complementarios, etc.
Para que no sea
aburrido
Pensar en cómo será
el recorrido
*Type: Space Grotesk Regular / MADE Tommy Soft

TEXTURA
TIPOGRÁFICA
Cuando hablamos de esto pensamos en
cómo se verían nuestros bloques de texto
si no pudiéramos leerlo. Para ello podemos
hacernos para atrás un poco, entrecerrar
los ojos y visualizar cómo nuestro texto se
convierte en masas de color o manchas
grises.

De esta manera podemos definir el

espacio adecuado entre bloques de texto,
el tamaño, peso, y el contraste.
 *Type: Space Grotesk Regular / Swear Banner Thin Italic

ARMONÍA
RITMO &
PROPORCIÓN
También veamos...
TIPOGRÁFICA
*Type: Space Grotesk Regular / MADE Tommy Soft

ARMONÍA EN TIPOGRAFÍA

Las letras están formadas de formas

geométricas que tienen una masa y forma
diferente a pesar de tener una misma
altura; esta diferencia hace que las letras
cuya base es el círculo o triángulo se
vean más pequeñas que aquellas que se
forman de las formas cuadradas. Por ende,
buscan compensar ese peso ajustándolas
ópticamente para generar un aspecto
homogéneo y armonioso en su conjunto.
(Sumotype, 2019)
*Type: Space Grotesk Regular / MADE Tommy Soft

PARA IDENTIFICAR LA
ARMONÍA GRÁFICA

1 Establece una tipografía base y su variable

para combinación y haz pruebas de texto.

2 Identifica puntos focales y resáltalos por

color, tamaño o dirección.

3 Haz uso de la textura tipográfica para una

composición equilibrada.
 6 TIPS PARA TENER
*Type: Space Grotesk Regular / MADE Tommy Soft

ARMONÍA TIPOGRÁFICA

1 Alineación a la izquierda
Ya que en nuestra cultura comenzamos a leer de
2 Usa 1 fuente
Combinar fuentes es poderoso cuando saben
izquierda a derecha, por eso en textos largos y complementarse. Es mejor que tengas una familia
densos alinea siempre a la izquierda. tipográfica amplia con la que puedas jugar con
pesos. O bien usar no más de 2 fuentes que
contrasten.
*Type: Space Grotesk Regular / MADE Tommy Soft

6 TIPS PARA TENER ARMONÍA TIPOGRÁFICA

3 Aprovecha los pesos

Generan jerarquía y contraste por lo que te
4 Cambio de tamaños
Cuando realizarás cambios de puntos para
ayudará a separar títulos, de subtítulos y cuerpos diferenciar títulos de cuerpo de texto, puedes
de texto. Recuerda que los pesos livianos como el duplicar o triplicar el tamaño de tu texto principal
light, regular y medium son para cuerpos de texto, (2X, 3X, 4X)
no uses cuerpos de texto extensos con bold porque
puede cansar la lectura. Entre más grande más dramático.
*Type: Space Grotesk Regular / MADE Tommy Soft

6 TIPS PARA TENER ARMONÍA TIPOGRÁFICA

5 Alinea hacia un eje

Alinea hacia una grilla o retícula, ya sea en sentido
6 Evita las esquinas
Deja que tu texto respire y no cortes elementos
vertical u horizontal, eso te permitirá estructura, deliberadamente. Aprovecha los espacios
orden y lo hará verse armonioso. negativos para generar espacios en blanco que
den equilibrio a la composición tipográfica.
*Type: Space Grotesk Regular / MADE Tommy Soft

RITMO

Según Sumotype (2019), el ritmo está

relacionado con la correcta relación
sistemática de los glifos considerando el
espaciado (kerning, tracking y leading),
proporciones y grosores de las letras.

El ritmo se establece gracias al volumen

de las formas blancas y negras entre las
letras y sus combinaciones,.
*Type: Space Grotesk Regular / MADE Tommy Soft

PROPORCIÓN

La proporción se basa en la anatomía de

la letra y su relación entre el ancho y el
alto tanto de las mayúsculas como de las
minúsculas, incluyendo las ascendentes
como descendentes. Para ello es importante
identificar el tipo de curvas que conforman
a la tipografía, su simetría y grados de
síntesis.
(Sumotype,2019)