Definiciones

Calidad o forma de letra con que est impresa una obra

Tipografa = Estudio + clasificacin de los diferentes estilos de letras

Fuente = Juego completo de caracteres presentes en cualquier diseo

Familia = Conjunto de fuentes que comparten ciertas caractersticas [Im01]

04. Tipografa
Introduccin
 Definiciones

Calidad o forma de letra con que est impresa una obra

Tipografa = Estudio + clasificacin de los diferentes tipos de letras

Fuente = Juego completo de caracteres presentes en cualquier diseo

Familia = Conjunto de fuentes que comparten ciertas caractersticas [Im01]

04. Tipografa
Introduccin
 Clasificacin
tipogrfica

Germnicas / Blackletter / Gticas / Escritura rota

Romanas / Antiguas / Con remate / Serif

Palo seco / Lineales / Sin remate / Sans Serif

Caligrficas / Decorativas

04. Tipografa
Clasificacin tipogrfica
 Germnicas

Basadas en los escritos de la Edad Media [Im02]

Estilo muy compleja = No recomendada para textos extensos
Recomendada = Capitulares + elementos decorativos
No recomendada = Bloques de texto + textos extensos

Ejemplo = Engravers Old English [Im03/Im04]

04. Tipografa
Clasificacin tipogrfica. Germnicas
 Germnicas

Basadas en los escritos de la Edad Media [Im02]

Estilo muy compleja = No recomendada para textos extensos
Recomendada = Capitulares + elementos decorativos
No recomendada = Bloques de texto + textos extensos

Ejemplo = Engravers Old English [Im03/Im04]

04. Tipografa
Clasificacin tipogrfica. Germnicas
 Germnicas

Basadas en los escritos de la Edad Media [Im02]

Estilo muy compleja = No recomendada para textos extensos
Recomendada = Capitulares + elementos decorativos
No recomendada = Bloques de texto + textos extensos

Ejemplo = Engravers Old English [Im03/Im04]

04. Tipografa
Clasificacin tipogrfica. Germnicas
 Romanas

Es el estilo de letra ms empleado [Im05]

Remates cncavos = Guan el sentido de la lectura
Recomendada = Bloques extensos de texto
No recomendada = Textos informales

Ejemplo = Times New Roman [Im06] / Bembo [Im07]

04. Tipografa
Clasificacin tipogrfica. Romanas
 Romanas

Es el estilo de letra ms empleado [Im05]

Remates cncavos = Guan el sentido de la lectura
Recomendada = Bloques extensos de texto
No recomendada = Textos informales

Ejemplo = Times New Roman [Im06] / Bembo [Im07]

04. Tipografa
Clasificacin tipogrfica. Romanas
 Romanas

Es el estilo de letra ms empleado [Im05]

Remates cncavos = Guan el sentido de la lectura
Recomendada = Bloques extensos de texto
No recomendada = Textos informales

Ejemplo = Times New Roman [Im06] / Bembo [Im07]

04. Tipografa
Clasificacin tipogrfica. Romanas
 Palo seco

No llevan remates [Im08]

Diseo muy limpio
Recomendada = Ttulos + Textos indicativos
No recomendada = Bloques extensos de texto

Ejemplo = Frutiger [Im09] / Helvetica [Im10]

04. Tipografa
Clasificacin tipogrfica. Palo seco
 Palo seco

No llevan remates [Im08]

Diseo muy limpio
Recomendada = Ttulos + Textos indicativos
No recomendada = Bloques extensos de texto

Ejemplo = Frutiger [Im09] / Helvetica [Im10]

04. Tipografa
Clasificacin tipogrfica. Palo seco
 Palo seco

No llevan remates [Im08]

Diseo muy limpio
Recomendada = Ttulos + Textos indicativos
No recomendada = Bloques extensos de texto

Ejemplo = Frutiger [Im09] / Helvetica [Im10]

04. Tipografa
Clasificacin tipogrfica. Palo seco
 Caligrficas

Imitan la forma manuscrita [Im11]

Los caracteres pueden permanecer enlazados
Recomendada = Textos cortos + elementos decorativos
No recomendada = TODO EN MAYSCULAS

Ejemplo = Textile [Im12] / Rosewood [Im13]

04. Tipografa
Clasificacin tipogrfica. Caligrficas
 Caligrficas

Imitan la forma manuscrita [Im11]

Los caracteres pueden permanecer enlazados
Recomendada = Textos cortos + elementos decorativos
No recomendada = TODO EN MAYSCULAS

Ejemplo = Textile [Im12] / Rosewood [Im13]

04. Tipografa
Clasificacin tipogrfica. Caligrficas
 Caligrficas

Imitan la forma manuscrita [Im11]

Los caracteres pueden permanecer enlazados
Recomendada = Textos cortos + elementos decorativos
No recomendada = TODO EN MAYSCULAS

Ejemplo = Textile [Im12] / Rosewood [Im13]

04. Tipografa
Clasificacin tipogrfica. Caligrficas
 Clasificacin
ptica

Segn la anchura del trazo

Segn la proporcin entre los ejes vertical y horizontal

Segn la inclinacin de las letras

04. Tipografa
Clasificacin ptica
 Anchura [Im14]

Extrafinas

Finas

Redondas

Negras

Extranegras

04. Tipografa
Clasificacin ptica. Anchura
 Anchura [Im14]

Extrafinas

Finas

Redondas

Negras

Extranegras

04. Tipografa
Clasificacin ptica. Anchura
 Proporcin [Im15]

Redondas = Misma proporcin entre ejes

Estrechas = Eje horizontal < Eje vertical

Expandidas = Eje horizontal > Eje vertical

Versalitas = Maysculas en caja baja

Versalitas generadas = Grosor distinto en la primera letra

04. Tipografa
Clasificacin ptica. Proporcin
 Proporcin [Im15]

Redondas = Misma proporcin entre ejes

Estrechas = Eje horizontal < Eje vertical

Expandidas = Eje horizontal > Eje vertical

Versalitas = Maysculas en caja baja

Versalitas generadas = Grosor distinto en la primera letra

04. Tipografa
Clasificacin ptica. Proporcin
 Inclinacin [Im16]

Cursivas / Itlicas = Se crea inclinando la variante redonda = Variante distinta

Oblicuas = Se crea inclinando el eje vertical 15

04. Tipografa
Clasificacin ptica. Inclinacin
 Inclinacin [Im16]

Cursivas / Itlicas = Se crea inclinando la variante redonda = Variante distinta

Oblicuas = Se crea inclinando el eje vertical 15

04. Tipografa
Clasificacin ptica. Inclinacin
 Medidas
tipogrficas

Punto
Cuerpo + Interlineado
Cuerpo = Altura de su mayscula + espacios de seguridad [Im17]
Cuerpo del mismo tamao = Tamaos distintos = Segn familia [Im18]

Picas
Longitud de las lneas de texto
Unidad de tracking
Unidad de kerning

04. Tipografa
Medidas tipogrficas
 Medidas
tipogrficas

Punto
Cuerpo + Interlineado
Cuerpo = Altura de su mayscula + espacios de seguridad [Im17]
Cuerpo del mismo tamao = Tamaos distintos = Segn familia [Im18]

Picas
Longitud de las lneas de texto
Unidad de tracking
Unidad de kerning

04. Tipografa
Medidas tipogrficas
 Medidas
tipogrficas

Punto
Cuerpo + Interlineado
Cuerpo = Altura de su mayscula + espacios de seguridad [Im17]
Cuerpo del mismo tamao = Tamaos distintos = Segn familia [Im18]

Picas
Longitud de las lneas de texto
Unidad de tracking
Unidad de kerning

04. Tipografa
Medidas tipogrficas
 Condensacin
tipogrfica

Tracking
Espaciado del texto a nivel de prrafo [Im19]
Altera la densidad visual = Menor tracking = Mayor peso del texto
Depende del cuerpo = Mayor cuerpo = Mayor separacin

Kerning
Espaciado del texto entre pares y tros de letras [Im20]
Cada familia tiene una tabla de kerning = Establece distancia predeterminada
Cada diccionario tiene una distancia predeterminada =

Ligaduras
Combinacin de caracteres en fuentes Opentype [Im21]
Se emplean para evitar confusin entre letras = f + i / f + f / f + l / f + h

04. Tipografa
Condensacin tipogrfica
 Condensacin
tipogrfica

Tracking
Espaciado del texto a nivel de prrafo [Im19]
Altera la densidad visual = Menor tracking = Mayor peso del texto
Depende del cuerpo = Mayor cuerpo = Mayor separacin

Kerning
Espaciado del texto entre pares y tros de letras [Im20]
Cada familia tiene una tabla de kerning = Establece distancia predeterminada
Cada diccionario tiene una distancia predeterminada =

Ligaduras
Combinacin de caracteres en fuentes Opentype [Im21]
Se emplean para evitar confusin entre letras = f + i / f + f / f + l / f + h

04. Tipografa
Condensacin tipogrfica
 Condensacin
tipogrfica

Tracking
Espaciado del texto a nivel de prrafo [Im19]
Altera la densidad visual = Menor tracking = Mayor peso del texto
Depende del cuerpo = Mayor cuerpo = Mayor separacin

Kerning
Espaciado del texto entre pares y tros de letras [Im20]
Cada familia tiene una tabla de kerning = Establece distancia predeterminada
Cada diccionario tiene una distancia predeterminada =

Ligaduras
Combinacin de caracteres en fuentes Opentype [Im21]
Se emplean para evitar confusin entre letras = f + i / f + f / f + l / f + h

04. Tipografa
Condensacin tipogrfica
 Condensacin
tipogrfica

Tracking
Espaciado del texto a nivel de prrafo [Im19]
Altera la densidad visual = Menor tracking = Mayor peso del texto
Depende del cuerpo = Mayor cuerpo = Mayor separacin

Kerning
Espaciado del texto entre pares y tros de letras [Im20]
Cada familia tiene una tabla de kerning = Establece distancia predeterminada
Cada diccionario tiene una distancia predeterminada =

Ligaduras
Combinacin de caracteres en fuentes Opentype [Im21]
Se emplean para evitar confusin entre letras = f + i / f + f / f + l / f + h

04. Tipografa
Condensacin tipogrfica
 Alineacin
tipogrfica

Bandera derecha [Im22]

Recomendado = Bloques extensos de texto = Buena legibilidad

Buen tratamiento a la letra = Espaciado uniforme = No forzada [Im22]

Terminacin irregular de lnea = Fcil localizacin de la siguiente [Im22]

04. Tipografa
Alineacin tipogrfica. Bandera derecha
 Alineacin
tipogrfica

Bandera derecha [Im22]

Recomendado = Bloques extensos de texto = Buena legibilidad

Buen tratamiento a la letra = Espaciado uniforme = No forzada [Im22]

Terminacin irregular de lnea = Fcil localizacin de la siguiente [Im22]

04. Tipografa
Alineacin tipogrfica. Bandera derecha
 Alineacin
tipogrfica

Bandera derecha [Im22]

Recomendado = Bloques extensos de texto = Buena legibilidad

Buen tratamiento a la letra = Espaciado uniforme = No forzada [Im22]

Terminacin irregular de lnea = Fcil localizacin de la siguiente [Im22]

04. Tipografa
Alineacin tipogrfica. Bandera derecha
 Alineacin
tipogrfica

Bandera derecha [Im22]

Recomendado = Bloques extensos de texto = Buena legibilidad

Buen tratamiento a la letra = Espaciado uniforme = No forzada [Im22]

Terminacin irregular de lnea = Fcil localizacin de la siguiente [Im22]

04. Tipografa
Alineacin tipogrfica. Bandera derecha
 Alineacin
tipogrfica

Bandera izquierda [Im23]

Recomendado = Efectos concretos + textos cortos

Sentido opuesto a la lectura = Ritmo muy forzado [Im23]

Comienzo irregular de lnea = Difcil localizacin de la siguiente [Im23]

04. Tipografa
Alineacin tipogrfica. Bandera izquierda
 Alineacin
tipogrfica

Bandera izquierda [Im23]

Recomendado = Efectos concretos + textos cortos

Sentido opuesto a la lectura = Ritmo muy forzado [Im23]

Comienzo irregular de lnea = Difcil localizacin de la siguiente [Im23]

04. Tipografa
Alineacin tipogrfica. Bandera izquierda
 Alineacin
tipogrfica

Bandera izquierda [Im23]

Recomendado = Efectos concretos + textos cortos

Sentido opuesto a la lectura = Ritmo muy forzado [Im23]

Comienzo irregular de lnea = Difcil localizacin de la siguiente [Im23]

04. Tipografa
Alineacin tipogrfica. Bandera izquierda
 Alineacin
tipogrfica

Bandera izquierda [Im23]

Recomendado = Efectos concretos + textos cortos

Sentido opuesto a la lectura = Ritmo muy forzado [Im23]

Comienzo irregular de lnea = Difcil localizacin de la siguiente [Im23]

04. Tipografa
Alineacin tipogrfica. Bandera izquierda
 Alineacin
tipogrfica

Justificada [Im24]

Buena legibilidad = Control de espaciado entre caracteres [Im24]

Sin control = Ros = Espaciado irregular entre caracteres [Im25]

Variante = Justificacin de ltima lnea = Texto ms forzado [Im26]

04. Tipografa
Alineacin tipogrfica. Justificacin
 Alineacin
tipogrfica

Justificada [Im24]

Buena legibilidad = Control de espaciado entre caracteres [Im24]

Sin control = Ros = Espaciado irregular entre caracteres [Im25]

Variante = Justificacin de ltima lnea = Texto ms forzado [Im26]

04. Tipografa
Alineacin tipogrfica. Justificacin
 Alineacin
tipogrfica

Justificada [Im24]

Buena legibilidad = Control de espaciado entre caracteres [Im24]

Sin control = Ros = Espaciado irregular entre caracteres [Im25]

Variante = Justificacin de ltima lnea = Texto ms forzado [Im26]

04. Tipografa
Alineacin tipogrfica. Justificacin
 Alineacin
tipogrfica

Justificada [Im24]

Buena legibilidad = Control de espaciado entre caracteres [Im24]

Sin control = Ros = Espaciado irregular entre caracteres [Im25]

Variante = Justificacin de ltima lnea = Texto ms forzado [Im26]

04. Tipografa
Alineacin tipogrfica. Justificacin
 Alineacin
tipogrfica

Justificada [Im24]

Buena legibilidad = Control de espaciado entre caracteres [Im24]

Sin control = Ros = Espaciado irregular entre caracteres [Im25]

Variante = Justificacin de ltima lnea = Texto ms forzado [Im26]

04. Tipografa
Alineacin tipogrfica. Justificacin
 Alineacin
tipogrfica

Centrada [Im27]

Apariencia muy formal = Anticuada

Recomendado = Textos cortos [Im27]

04. Tipografa
Alineacin tipogrfica. Centrada
 Alineacin
tipogrfica

Centrada [Im27]

Apariencia muy formal = Anticuada

Recomendado = Textos cortos [Im27]

04. Tipografa
Alineacin tipogrfica. Centrada
 Alineacin
tipogrfica

Centrada [Im27]

Apariencia muy formal = Anticuada

Recomendado = Textos cortos [Im27]

04. Tipografa
Alineacin tipogrfica. Centrada
 Alineacin
tipogrfica

Asimtrica [Im28]

Alineacin manual

Recomendado = Textos cortos + Dinamismo [Im28]

No recomendado = Bloques extensos de texto = Lectura cansada

04. Tipografa
Alineacin tipogrfica. Asimtrica
 Alineacin
tipogrfica

Asimtrica [Im28]

Alineacin manual

Recomendado = Textos cortos + Dinamismo [Im28]

No recomendado = Bloques extensos de texto = Lectura cansada

04. Tipografa
Alineacin tipogrfica. Asimtrica
 Alineacin
tipogrfica

Asimtrica [Im28]

Alineacin manual

Recomendado = Textos cortos + Dinamismo [Im28]

No recomendado = Bloques extensos de texto = Lectura cansada

04. Tipografa
Alineacin tipogrfica. Asimtrica
 Eleccin
tipogrfica

NO muchos tipos por trabajo = S familia con muchas variantes

Seleccin de tipos = Cada familia tiene sus particularidades
Psicologa tipogrfica = Mejor reconocimiento de ascendentes

Grosor
Proporcin
Inclinacin
Caja alta + Caja baja
Cuerpo
Anchura de columnas
Interletraje
Espaciado + Interlineado
Color tipogrfico

04. Tipografa
Eleccin tipogrfica
 Grosor

Tipografa gruesa = Cansan la vista = Mayor peso visual

Tipografa fina = Tienden a desaparecer = Dificultad de lectura en bloques extensos

04. Tipografa
Eleccin tipogrfica. Grosor
 Proporcin

Tipografa estrecha = Muy efectiva para resaltar en bloques extensos de textos

Tipografa ancha = Muy til para destacar como ttulo

Ojo = Emplear ambos extremos para efectos concretos + bloques cortos de texto

04. Tipografa
Eleccin tipogrfica. Proporcin
 Inclinacin

Ojo con oblicuas y cursivas = Usar slo para resaltar = Nunca como bloque de texto

Cursivas + negritas = No todas las familias tienen esas variantes

04. Tipografa
Eleccin tipogrfica. Inclinacin
 Altura
de caja

TODO EN CAJA ALTA = Consume mucho espacio = Dificulta la lectura

todo en caja baja = En familias con rasgos muy irregulares = Dificulta la lectura

04. Tipografa
Eleccin tipogrfica. Altura de caja
 Cuerpo

Cuerpo a emplear = Importancia del texto + Formato + Funcin del producto

Texto impreso = Bloques entre 8 y 11 pts = Segn familia

Ttulos + subttulos + llamadas = Cuerpos variables

04. Tipografa
Eleccin tipogrfica. Cuerpo
 Anchura
de columna

Lneas muy largas = Lectura cansada

Lneas muy cortas = Lectura acelerada

Correcto = 60-70 caracteres por lnea = Determinado por la fuente

04. Tipografa
Eleccin tipogrfica. Anchura de columna
 Interletraje

Interletraje ancho = + Tipografa fina = Aspecto de ligereza

Interletraje estrecho = Mayor mancha tipogrfica = Peso visual

Mejor comprobacin = Pgina a escala

04. Tipografa
Eleccin tipogrfica. Interletraje
 Espaciado
Interlineado

Letras separadas = Mayor luminosidad al texto

Lneas separadas = Mayor brillantez al texto

Regla de interlineado = 20% del cuerpo empleado

Mayor anchura de columna = Mayor interlineado

Excepcin = Cuerpos > 36 pts = Menor interlineado

04. Tipografa
Eleccin tipogrfica. Espaciado e interlineado
 Color
tipogrfico

Peso visual del texto

Costumbre = Mejor lectura de texto negro sobre blanco

Texto / fondo a color = OJO

Mxima legibilidad = Tono + contraste + intensidad de forma y contraforma

Psicologa del color = Mximo contraste = Amarillo + negro / Rojo + blanco

04. Tipografa
Eleccin tipogrfica. Color tipogrfico
 Tipografa. Funcin, forma y diseo
Phil Baines / Andrew Haslam
Editorial Gustavo Gili

http://www.dafont.com/

http://www.unostiposduros.com/

http://www.1001fonts.com/

http://typographica.org/

04. Tipografa
Bibliografa