Descargar como pptx, pdf o txt
Descargar como pptx, pdf o txt
Está en la página 1de 59

TIPOGRAFÍA

Es el estudio y análisis de
los diferentes caracteres
que componen un texto,
no solo desde el punto de
vista del contenido y la
gramática sino desde el
aspecto visual y de diseño.

“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.”

Stanley Morison, Principios Fundamentales de la Tipografía 1929


TIPOGRAFÍA
Componente esencial del DG

▪LEGIBILIDAD

▪JERARQUÍA TIPOGRÁFICA

▪SEMANTIZACIÓN
1. LEGIBILIDAD

Errores de ortografía

Lee lo que diseñas


Cuida tu ortografía
Revisa la sintaxis
LEGIBILIDAD
LEGIBILIDAD
LEGIBILIDAD

Contraste tipografía – fondo

-Atiende al color
-Cuida el ruido visual
-Revisa los fondos con texturas
(incluyendo imágenes))
Fondos simples
o planos

Fondo recargado.
Generar superficie de
contraste
2. JERARQUIA
TIPOGRÁFICA

Antes Después
Este es un texto común. ¿Qué piensan? Este es un texto común.
¿Luse bien o no tanto? En realidad, está
aquí solo a los fines ilustratibos. Lo triste
es que muchos lectores están sintiendo la ¿Qué piensan? ¿Luce bien o no tanto? En
urgencia de avisarme de los errores realidad, está aquí solo a los fines
ortográficos (que existen, por cierto) pero
ilustrativos.
no de la congestión y de la ausencia de
espacio vacío que sofocan el texto y
dificultan la lectura.
Lo triste es que muchos lectores están
sintiendo la urgencia de avisarme de los
La jerarquía define cómo leer el errores ortográficos (que existen, por
contenido. Nos hace distinguir y cierto) pero no de la congestión y de la
ordenar la lectura. ausencia de espacio vacío que sofocan el
texto y dificultan la lectura.
Podemos lograr esto mediante el
tamaño, la ubicación, el color.
3. SEMANTIZACIÓN

Nos referimos a enfatizar/reforzar el significado de una palabra


o frase mediante recursos gráficos, aludiendo al objeto en sí o a
una cualidad o concepto relacionados directa o indirectamente.
3. SEMANTIZACIÓN
3. SEMANTIZACIÓN
3. SEMANTIZACIÓN
3. SEMANTIZACIÓN
3. SEMANTIZACIÓN
¿Cómo seleccionar fuentes
apropiadas?
• Función tipográfica
• Estilos tipográficos
• Adecuación al Público/
Comitente
• Adecuación al medio
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
Funcionalidad Metáfora Visual
Legibilidad Función Display
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
Elección de Familias Palabra Imagen
Tamaño Tipográfico Logotipos
Espacios negativos Monogramas
Interlínea Lettering
Lectura Fluida

TEXTOS EN PROSA TITULARES


¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
¿Cómo seleccionar fuentes apropiadas?
• Función tipográfica
Tipografía de Edición vs. Tipografía Creativa
¿Cómo seleccionar fuentes apropiadas?
• Estilos Tipográficos
Diacrónicos vs. Anacrónicos
Evolución de la Emulan otros medios
escritura
Manuscritas
Romana Caligráficas
Gótica Experimentales
Sans Serif Movimiento Histórico
Scripta Tendencia del
momento
¿Cómo seleccionar fuentes apropiadas?
• Estilos Tipográficos
Diacrónicos vs. Anacrónicos
Evolución de la Emulan otros
escritura medios

Romana Manuscritas
Gótica Caligráficas
Sans Serif Experimentales
Scripta Movimiento Histórico
Tendencia del
momento
¿Cómo seleccionar fuentes apropiadas?
• Estilos Tipográficos
Diacrónicos
Romana
¿Cómo seleccionar fuentes apropiadas?
• Estilos Tipográficos
Diacrónicos
Gótica
¿Cómo seleccionar fuentes apropiadas?
• Estilos
Anacrónicos
Tipografía Kid A
Concepto:
Una tipografía moderna que
incorpore el “glitch” en la
música de Radiohead
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
• Estilos
Anacrónicos
Tipografía Kid A
B. Bertolina.
Concepto:
Una tipografía “encriptada”,
codificada.
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
• Estilos
Anacrónicos
Tipografía INKA
N. VAZQUEZ
Concepto:
Una tipografía con
reminiscencias incaicas.
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display

• Estilos Anacrónicos
Tipografía HUNGARY
Concepto:
Una tipografía para la película Gran
Hotel Budapest
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display

• Estilos Anacrónicos
Tipografía UNIVERSO
Concepto:
Una tipografía de formas esenciales.
¿Cómo seleccionar fuentes apropiadas?
• Tipografía Display
Pasamos en limpio…
COMPOSICIÓN
TIPOGRÁFICA Destaca el texto sin subrayar

Con color

Con la ubicación

Con cuerpo tipográficos


Con subrayado
Pasamos en limpio…
COMPOSICIÓN
TIPOGRÁFICA
No mezcles tipos de letras,
a menudo alcanza con sólo una o dos

Arial normal, negrita, itálica

Arial, Brush, Times New


Roman

Recurrir a la semántica
(Sin abusar del recurso)
No olvidemos que el Diseño Gráfico
COMUNICA
VISUALMENTE
un MENSAJE
ESPECÍFICO
a un PÚBLICO
La tipografía es una herramienta que
vehiculiza ese mensaje.
¿Cómo seleccionar fuentes apropiadas?
• Adecuación
Al Público & Al Comitente

Al Medio & Al contexto


¿Cómo seleccionar fuentes apropiadas?
• Adecuación
Al Público: jóvenes
Al Comitente: vende seducción
Medio: señalética (vinilo de corte)
Contexto: instantaneidad (vía
pública)
¿Cómo seleccionar fuentes apropiadas?
• Adecuación
Al Público: jóvenes
Al Comitente: vende seducción
Medio: revista gente joven
Contexto: situación de lectura
¿Cómo seleccionar fuentes apropiadas?
• Adecuación
Al Público: jóvenes
Al Comitente: vende seducción
Medio: revista gente jóven
Contexto: situación de lectura
Cuando la tipografía está bien usada y
hace su trabajo, se produce una
impresión positiva de inmediato y
absorbemos información clave sobre el
contenido.

—Ina Saltz, diseñadora

También podría gustarte