TIPOGRAFÍA III.

LEGIBILIDAD

1. DEFINICIONES

Facilidad o complejidad de la lectura de una letra.

Cualidad deseable de una familia tipográfica.

Condicionantes de legibilidad:
o el interletrado o espacio entre letras
o el interpalabarado o espacio entre palabras
o interlineado o espacio entre líneas de texto

¿Qué hace legible una fuente?

o Serif o Sans serif
o Altura X alta o baja
o Peso y proporción
o Mayúsculas, minúsculas y su combinación

Para conseguir una legibilidad óptima:

o Tradición nos permite reconocer los códigos y su significado gracias a

que nos resultan familiares.

o Uniformidad podemos interpretar mejor esos códigos sin tener que

preguntarnos a cada paso por su sentido. En cierto modo, la uniformidad
hace que esos códigos nos resulten invisibles.

o Estética nos alienta a ver esos códigos o, si resultara feo, a rechazarlos.

Un libro bien compuesto invita a la lectura.

‘legibility’ y ‘readability’

o Legibilidad (percepción visual): se refiere a la claridad con la que

cada carácter de un alfabeto es definido e identificado.

o Lecturabilidad (comprensión): está relacionado con las capacidades

de un texto de ser o no interpretado,.

p.e.: un texto compuesto todo en mayúsculas, puede ser legible pero tener muy
baja comprensión

La comunicación a través de la lectura, requiere que el lector convierta

símbolos (los caracteres tipográficos) en pensamiento. La legibilidad hace
referencia a la mayor o menor facilidad para la realización de este proceso
crítico.
La legibilidad ha sido estudiada utilizando test de velocidad de lectura,
comprensión, movimiento ocular y varios otros criterios.
 2. FACTORES QUE INFLUYEN EN LA LEGIBILIDAD:

Proporciones entre sus ejes

o redonda iguales
las mas legibles

o estrecha o condensada el horizontal es menor que el vertical

útiles cuando hay mucho texto y poco espacio
estéticas y elegantes

o expandida o extended el horizontal es mayor que el vertical

útiles para destacar, titular
se ven mejor en largas distancias (p.e. rotulos)

Debemos variar la proporción entre

ejes con precaución

Pese a que se ha mantenido el

mismo cuerpo de letra y la misma
tipografía, las variaciones aplicadas
hacen que veamos de distinto tamaño
cada línea e incluso nos parece que
hayamos usado distintos tipos.

Separación (leading, track y kern)

Cuanto mas pequeña sea la escritura, mas holgada se debe mantener y
viceversa, cuanto mas grande, mas ceñida

o leading o interlineado: espacio entre las líneas de texto

Determina en gran parte su correcta lectura.

Como regla general el interlineado deberá ser aproximadamente un 20%

mayor que el tamaño de la fuente.

En las líneas largas necesitamos más interlineado para evitar que se

"doblen", esto es, de volver a leer el inicio de la línea que acabamos de
finalizar.

En líneas cortas el espacio interlineal deberá ser menor

Los tipos con un menor peso, que proporcionan un color claro, necesitan
un espacio interlineal también menor que aquellos cuyo "color" es más
oscuro.
 o Track: espacio entre letras y palabras

Se utiliza para alterar la densidad visual del texto, actuando globalmente

sobre toda la tipografía.

Como regla general, cuanto más grande sea el cuerpo más apretado
deberá ser el track.

Las palabras parecen de un tono más luminoso y brillalnte si las letras

están más separadas.

Cuando el contraste de color es escaso puede mejorarse la legibilidad

aumentando el track

o Kern: espacio entre pares de letras

Especial atención a los idiomas, las mayusculas y en rotulación

Tamaño

El tamaño de la letra debe elegirse teniendo en cuenta a la distancia a la que

se va a leer.
Para un cartel que será observado a 10 metros, la altura de la letra debe ser, al
menos, de 2,5 cm; mientras que para una valla publicitaria que deba leerse a
60 metros, la altura de la letra deberá ser, al menos, de 15 cm.

Deberemos tener cuidado si la letra es demasiado pequeña o demasiado fina,

ya que hay muchas posibilidades de que los puntos de la imagen en
cuatricomía invadan los tipos y alteren su legibilidad

Cuando hablamos de un bloque de texto el tamaño idóneo debe estar entre 8 y

11 puntos
Color

o Contraste de valor (luminoso / oscuro)

Como regla general, a mayor contraste, mayor legibilidad

Mejor fondo claro y texto oscuro

Cuidado con los fondos blanco brillante (deslumbra, cansa a la vista
especialmente en pantalla), mejor marfil, blanco roto etc

Si el tipo se disminuye en tamaño, debe incrementarse la fuerza de

contraste de color.

Si el contraste de colores no basta por sí solo para destacar el tipo sobre

el fondo, pueden añadirse perfiles y sombras. De todas formas no es
recomendable utilizar estos efectos en los bloques de texto, pues en
terminos de legibilidad sería más perjudicial que beneficioso. Los
mejores resultados se consiguen con tipos grandes o en titulares.

Otros contrastes a tener en cuenta:

Tono (cálidos y fríos).
Saturación (vivos y apagados).

o Fondos
Los fondos estampados o con textura perjudican la legibilidad.
Cuando el tipo se coloca en positivo o en negativo sobre un fondo
texturizado, hay que asegurarse de que esté muy contrastado.

Cuando los tipos se combinan con fotografías de fondo, debe buscarse

un espacio liso dentro de la foto que no afecte el tipo, buscar un gran
contraste entre el color tipográfico y el fondo o insertarlo en un fondo
superpuesto.

Empleando tramas podemos enriquecer la variedad cromática de un

texto sin tener que añadir colores adicionales. Las tramas resultan
especialmente útiles en trabajos de impresión con uno o dos colores, de
todas formas deberemos tener en cuenta que el porcentaje de la trama
afecta a la legibilidad del tipo.

Familia
Debe ser agradable de leer y que esté íntimamente relacionada con el objetivo
del mensaje y con el público al que va dirigido.

Teniendo en cuenta que la tipografía es un elemento gráfico más, está sujeta a

las normas de la teoría del color y a las normas generales que aplicamos en el
diseño.
Las palabras evocan imágenes y
siempre podemos reforzarlas
mediante el uso de un tipo que
refuerce ese mensaje.

Ejemplo: cogemos dos formas

abstractas, una de rasgos angulosos
y otra más suaves, y dos palabras
imaginarias (trockarto y guomona).
Nuestra mente emparejará a cada
una por las evocaciones que nos
sugieren.
A la hora de escoger una tipografía
adecuada a cada una de ellas
reforzaremos este mensaje con un
tipo de letra que por su grafismo nos
sugiera idénticas sensaciones.
Para elegir una familia de fuentes :

o La forma
Evitar complejidades innecesarias, asi fijamos la atención en lo que
estamos leyendo, y no en la forma de la letra.

o La contraforma (espacio blanco incluido dentro de los caracteres)

cuanto más grande sea el area relativa de espacio encerrado dentro de
una letra, mayor será su legibilidad.
P. E: la letra “e” puede hacerse más legible incrementando su espacio
blanco interno.
o Apertura de la contraforma: Muchas tipografías consideradas de texto,
pecan de cerrar o abrir demasiado sus contraformas. En el caso de que
se cierren demasiado, pueden generar errores de legibilidad como
confundir una “c” con una “o”. En el caso de que estén demasiado
abiertas (como frutiger), la contraforma interna de la letra se suma a la
contraforma externa de la letra, produciendo una cantidad de blanco
muy desagradable a la vista

o Contraforma externa:
Cuanto cambia leer una tipografía con el sacadito de arriba de la “n” bien
marcado, o la diferencia entre la “rn” y la “m”.

o Conraforma interna:
Una costumbre muy recurrente de los diseñadores de fuentes es hacer
el ojo pequeño de la “a” y “e” demasiado pequeños. Lo único claro es
que este pequeño ojo tiende a desaparecer, y la contraforma abierta
tiende a agrandarse demasiado. La “a” y la “e” son las letras más usadas
en muchos idiomas.
o El peso: coherente relación entre el negro que emite la forma, y la luz
que entra entre las letras (blanco de página o contraforma).

o El Contraste: diferencia entre los trazos más gruesos con los más
delgados (diferencia de grosor entre las verticales y las horizontales).
Una buena tipografía debería resistir varias generaciones de copiado,
debe ser robusta sin ser grosera.

o Altura x: mostrará de qué tamaño es el cuerpo legible la letra.

Ascendentes y descendentes demasiado largas conseguirán un
acortamiento de la línea de cuerpo de texto.
o Altura de las mayúsculas: Antiguamente las mayúsculas se diseñaban
del mismo porte de las ascendentes, o en ocasiones más grandes aún.
El efecto que provoca una palabra escrita en mayúsculas dentro de la
frase suele ser un atentado a la lectura en línea del texto.

o Terminaciones
Que esten bien dibujadas, sobre todo si las tenemos que usra muy
grandes ( rotulos, carteles...)

o Set completo
Muchos tipógrafos NO diseñan la “ñ”, los acentos, los signos de
interrogación, los punto y coma, y los signos de corte de palabra o los
números. Es mejor revisar bien la fuente antes de lamentar.
 o Familia
sea abundante y que pueda resolver los problemas de diseño que se
puedan presentar en un párrafo es lo ideal. Difícilmente se puede
diseñar con una tipografía que solo tenga la versión regular. Otra cosa
que suele ser muy importante, es que la itálica sea igual de legible que
la regular, y que no esté llena de figuritas rebuscadas.

o El interletraje (Kern)
Que este hecho, que sea correcto y adaptado al idioma

Maquetacion

Longitud de la línea.
3 métodos para calcularlo:
60 pulsaciones
8 espacios
xp x 10 (tamaño de la fuente multiplicado por 10= mm de la línea)

No utilice más de tres tipografías distintas en el mismo texto.

Columnas, interlineado y medianiles deben estar relacionados entre si

3. LEGIBILIDAD EN PANTALLA

¿Cómo leen los usuarios en la web?

La respuesta es: no leen, ‘escanean’ los textos, tomando palabras y frases
individuales.

¿Porqué?
 o Es cansado para los ojos y 25% más lento que la lectura en papel. Los
usuarios tienden a minimizar el número de palabras que leen.

o La web es un medio interactivo, y los usuarios quieresn estar y cliquear

o Cada página tiene que competir con cientos de millones de páginas

para capturar la atención de los navegantes

Peculiaridades de la maquetación:

o La orientación de las páginas es normalmente horizontal, en lugar de

vertical

o Generalmente no se ve al mismo tiempo la totalidad del material (scroll)

o El diseñador tiene mucho menor control de la tipografía y de la puesta

en página que en el material impreso.

o En general, la resolución es menor, por lo que los detalles finos no están

bien definidos.

Por lo tanto, la maquetacón web debe incluir:

o Palabras clave destacadas (en forma de vínculos, o utilizando

variables tipográficas, o cambios de color)

o Listas de ítems (resúmenes del contenido en un solo vistazo)

o Una idea por párrafo (los lectores generalmente saltean cualquier idea
adicional si no son ‘capturados’ por las primeras palabras del párrafo)

o El estilo de ‘pirámide invertida’, empezando por la conclusión.

o La mitad o menos de palabras que las que normalmente se utilizan en

textos impresos

o Renglones de tamaño medio (60-80 cpl),

o Maquetación a tres columnas, pero:

La columna central estará dedicada al contenido ( y es la más ancha)

La columna de la izquierda albergará la tabla de contenidos (indice o
barra navegación)
La columna de la derecha contendrá enlaces funcionales (imprimir,
suscribir, descargar PDF...)
 o Uso Márgenes e intelineado: el usuario lee más lento pero mejora la
compresnión del texto

o Maquetacion flexible en CSS (Hojas de estilo en cascada) permiten

mayor accesibilidad y usabilidad, esto es mejor adaptación del texto a
distinto dispositivos de salida (pantalla ordenador, tv, telefono movil,
dispositivos especiales para personas con deficiencias visuales...) y a
las características de estos ( Mac, Pc, tamaños y resoluciones de
pantalla ...)

o Tipografías especiales:
Diseñadas para la optima legibilidad en pantalla

Verdana,
Trebuchet
Georgia
Características comunes:
formas más abiertas,
ojos más grandes
letras más anchas
mayor altura de x
interletrado más generoso
Su morfología evita, en lo posible, las curvas, y se compone de líneas
verticales u horizontales
Encajan perfectamente en la grilla de pixeles sin distorsionarse

Las fuentes tipográficas diseñadas para sistemas de impresión tradicionales

están pensadas para ser reproducidas en alta resoluciones y generalmente
lucen mal en cuerpos pequeños en las pantallas de las computadoras.

La mayoría de las mismas empiezan a experimentar serios problemas de

legibilidad en cuerpos inferiores a 10 puntos, ya que las formas de los
caracteres no han sido concebidas para ser reproducidas en una pantalla de
baja resolución. Al ser sometidas al antialiasing para suavizar el escalonado de
los trazos, se torna indefinida e ilegible en tamaño pequeño.
En las tipografías concebidas para resoluciones de pantalla cada trazo y cada
punto encaja exactamente en la trama de pixeles que compone la misma.
Las tipografías están diseñadas para ser usadas en tamaños específicos, como
cuerpo 8, 9, 10, 12, 14, etc. Si se las utiliza en un cuerpo para el que no han
sido pensadas, como por ejemplo cuerpo 11 ó 13, van a ser generadas
mediante un cálculo que aproxima visualmente al tamaño solicitado, pero que
pierde todas las sutilezas de diseño original.