Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud...

12
Normas de TIPOGRAFÍA BÁSICA Carrera de Diseño Gráfico - Facultad de Artes y Diseño Primer Año Ciclo Lectivo 2010 D.I. María Florencia Castellino Legibilidad Universidad Nacional de Cuyo

Transcript of Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud...

Page 1: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Normas de

TIPOGRAFÍA BÁSICA

Carrera de Diseño Gráfico - Facultad de Artes y Diseño

Primer Año

Ciclo Lectivo 2010

D.I. María Florencia Castellino

Legibilidad

Universidad Nacional de Cuyo

Page 2: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

TIPOGRAFÍA BÁSICAUNCuyo - Diseño Gráfico D.I. María Florencia Castellino

2010 Página 2

Normas de legibilidadDurante siglos, las recomendaciones tipográficas se

ceñían a establecer un consenso y una serie de habili-dades dentro de la profesión, a preservar la belleza y la

legibilidad de la forma tipográfica y asegurar que la

tipografía funcionara respetando el principio de repre-sentar claramente las ideas del autor.

Las recomendaciones que aparecen a continuación

no son absolutas ni definitivas. Sin embargo, se acos-tumbran a ver como un ramillete de "normas" tipográfi-

cas firmes y perennes. El motivo de incluirlas aquí es que

sirvan de contexto y base a la exploración tipográfica. Enotras palabras, hay que conocer las normas antes de

romperlas. Una vez que se conocen, se puede entrar en

los terrenos poco convencionales. Para los que se ini-cian en el fascinante mundo de la ser-tipografía, les

virán de base crítica para luego ponerlas en práctica deforma responsable y con conocimiento de causa.

Norma 1:

Para una legibilidad óptima, elija fuentes

clásicas y habituales ya probadas.

Normalmente, los buenos diseñadores tipográficos

pueden contar sus fuentes preferidas con los dedos de

una mano. Con más frecuencia, son estas fuentes las quese utilizan y se imponen con firmeza entre los caracteres

y las que poseen las proporciones más legibles.

El libro Typographic Specimenes:

The Great Typefaces, de Philip

Meggs y Rob Carter, recoge 38

fuentes consideradas clásicas y

eternas. La selección de estas

fuentes se basó en los resultados

de un estudio realizado entre más

de 100 diseñadores gráficos de

renombre. Aquí aparecen las

fuentes más representativas y

admiradas de entre las más clási -

cas. Se incluyen los estilos con

serif y palo seco. Todas estas

fuentes se pueden utilizar en la

composición electrónica. Como

por ejemplos: Baskerville, Bembo,

Bodoni, Caslon, Centaur, Franklin

Gothic, Frutiger, Futura,

Garamond, GiII Sans, Goudy Old

Style, Helvetica, News Gothic,

Palatino, Perpetua, Sabon, Times

New Roman, Univers, etc.

Page 3: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 2:

Procure no utilizar demasiadas fuentes

diferentes a la vez.

La única justificación para emplear más de una fuente

consiste en destacar o diferenciar dos partes de un mismotexto. Cuando se usan demasiadas fuentes diferentes, la

página se convierte en un circo de tres pistas y el lector es

incapaz de determinar qué es importante y qué no lo es.

Norma 3:

Evite combinar fuentes que se parezcan

demasiado.

Si combina fuentes para destacar un texto, evite la

ambigüedad que se puede originar al combinar tipos que

se parezcan demasiado. Contravenir esta norma, habi-tualmente se considera un error, porque no existe con-

traste suficiente entre los tipos.

El uso de demasiadas fuentes diferentes en una misma página o dentro

de un texto distrae la atención y debilita la capacidad del lector para dis-

tinguir lo que es importante de lo que no lo es. Se obtendrán excelentes

resultados combinando dos o tres fuentes diferentes siempre que se les

asigne una función determinada a cada una de ellas.

Cuando se combinan diferentes fuentes, resulta extremadamente útil

usar tipos muy diferentes entre sí. Una fuente con serif combinada con

una fuente paloseco constituye una excelente solución, del mismo modo

que una fuente fina combinada con una gruesa.

Combinar una Helvética con una Univers o una Caslon con una Goudy

Old Style no tiene sentido, porque se parecen demasiado.

Por qué no utilizar una sola fuente y destacar un texto cambiando el

grosor, el ancho o la inclinación o combinando fuentes que contrasten

más entre sí.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 3

UNCuyo - Diseño Gráfico

Page 4: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 4:

Un texto en mayúsculas entorpece la lec-

tura. Utilice letras en caja alta y baja para

optimizar la legibilidad.

Las letras en caja baja poseen las prolongaciones que

necesita el ojo para leer mejor el texto, porque muestranlas astas ascendentes y descendentes y las características

propias de las letras con mayor claridad. Usar caja alta y

baja es el método más normativo para presentar el textoy a lo que los lectores están muy familiarizados. Sin

embargo, las letras en caja alta se pueden utilizar con

éxito para destacar el tipo.

Las letras en caja baja poseen astas ascendentes y descendentes

que permiten distinguir las palabras con mayor facilidad.

Las letras en caja alta crean formas rectangulares monótonas.

Un texto que presente todas sus letras en caja alta carece de variedad

rítmica y es por lo tanto más difícil de leer. Un texto que presente

todas sus letras en caja baja resulta más fácil de leer por

el contraste de las formas.

El método más común de presentar el texto consiste en

combinar la caja alta y la caja baja. Las mayúsculas marcan

claramente el inicio de las frases.

Los cuerpos más legibles para el

texto seguido varían entre los

8 y 12 puntos.

Norma 5:

Para los bloques de texto, utilice aquellos

cuerpos que, según se ha demostrado,

facilitan la lectura.

Dichos cuerpos oscilan entre los 8 y los 12 puntos (con

todos los cuerpos intermedios) para un texto que se lea a

una distancia media de entre 30 y 35 cm. aproximada-mente. Sin embargo, es importante saber que las fuentes

del mismo cuerpo pueden parecer diferentes en función

de la altura de la x de las letras.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 4

UNCuyo - Diseño Gráfico

Page 5: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 6:

Evite emplear demasiados cuerpos y

grosores diferentes a la vez.

Utilice sólo los cuerpos y grosores necesarios para

establecer una clara jerarquía entre las partes de la infor-mación. Josef Müller-Brockmann recomendaba usar no

más de dos cuerpos, uno para destacar títulos y otro para

el texto. Limitando el número de cuerpos utilizados con-

seguirá páginas más funcionales y bellas.

Puede emplearse el mismo cuer-

po y grosor para los títulos y para

el texto, siempre que ambos

elementos estén separados

por un espacio.

Utilizar dos cuerpos y grosores

para los títulos y para el texto

marca una jerarquía clara pero

simple. Es importante que haya

mucho contraste. Si el cuerpo y/o

el grosor de los elementos es muy

parecido, desaparece el contraste

y su relación es ambigua.

Norma 7:

Use tipos para texto del grosor adecuado.

Evite fuentes demasiado gruesas o

demasiado finas.

El grosor de las fuentes viene determinado por la anchu-

ra de las astas de las letras. Las fuentes del texto que son

demasiado finas no se pueden distinguir fácilmente delfondo. En las fuentes demasiado gruesas, se reduce

mucho el tamaño de los ojales, lo que dificulta su lectura.

El grosor del tipo principal debe mantenerse en un térmi-no medio, ideal para el texto.

Combinar cuerpos y grosores demasiado diferentes da a la página un

aspecto extraño. Combinar dos fuentes demasiado gruesas dificulta la

lectura porque no hay equilibrio entre las astas y los ojales de las letras.

Estos estilos se reservan para destacar un título o un fragmento concreto.

En este ejemplo, el extremado contraste del negro con las astas dificulta

la lectura. Esta fuente tan fina parece que va a desaparecer disuelta en

el fondo. Una fuente de grosor medio garantiza una excelente lectura.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 5

UNCuyo - Diseño Gráfico

Page 6: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 8:

Utilice fuentes de anchura media.

Evite las fuentes demasiado anchas

o demasiado estrechas.

Distorsionar el texto para ampliar o estrechar las letras

subiendo o bajando el set dificulta la lectura. No estamosfamiliarizados con las proporciones de estas letras. Las

familias tipográficas bien diseñadas incluyen estilos con-

densados o extendidos que responden a las normas acep-tadas sobre las proporciones.

Norma 9:

En los bloques de texto, utilice un

interletrado y un espacio entre palabras

coherente, para dar solución de

continuidad.

Las letras deben fluir con libertad y naturalidad en las pa -

labras y, a su vez, las palabras en las líneas. Para ello,deberá aumentar el espacio entre palabras si el interletra-

do aumenta.

Las letras odian estar apretujadas,

pero también les gusta no perder

de vista a sus compañeras.

Otra consideración que hay que

tener en cuenta es que las

fuentes más finas mejoran su

aspecto si se aumenta el inter-

letrado, mientras que lo contrario

es propio de estilos en negrita.

Subir o bajar el set al máximo

con la computadora hace el

texto casi ilegible.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 6

UNCuyo - Diseño Gráfico

Page 7: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 10:

Utilice líneas de la longitud adecuada. Las

líneas demasiado cortas o demasiado

largas interrumpen la lectura.

Cuando las líneas de texto son muy largas o muy cortas,

la lectura se hace aburrida y soporífera. Cuando el ojo seha de desplazar a lo largo de líneas interminables, llegar

a la línea siguiente resulta bastante difícil. Leer en líneas

cortas produce al ojo unos movimientos intermitentesque cansan y aburren al lector.

Cuando trabaje con texto seguido, utilice un promedio de unos 60 carac-

teres por línea (de diez a doce palabras).

Presentar un texto en líneas cortas entorpece el ritmo de lectura. La lon -

gitud de la línea adquiere una especial relevancia cuando se presenta un

tipo justificado, porque el espacio se distribuye incluso entre palabras, lo

que genera espacios irregulares y molestos entre ellas. Si se usan líneas

más largas el problema se reduce, aunque no desaparece por completo.

Norma 11:

En el texto seguido, utilice el interlineado

que lleva al ojo con facilidad de una línea

a la siguiente.

Las líneas separadas por muy poco espacio retardan lalectura y fuerzan al ojo a captar muchas de ellas a la vez.

Si se añade de uno a cuatro puntos de espacio entre las

líneas -dependiendo de la naturaleza específica de lafuente y del cuerpo utilizado- se mejorará la lectura.

Cuando la altura x es más grande, visualmente se disminuye

el inerlineado. Las líneas de texto con alturas de la x mayores se

deberán espaciar adecuadamente para compensar su aspecto

más voluminoso. En la computadora se puede establecer un

interlineado negativo. Sin embargo, para una óptima lectura, se

debe evitar esta práctica debido a la superposición de las astas

ascendentes y descendentes.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 7

UNCuyo - Diseño Gráfico

Page 8: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 12:

La mejor legibilidad se consigue con una

alineación izquierda en bandera a la

derecha.

Aunque en situaciones especiales se aceptan otros méto-

dos de alineación (alineación derecha en bandera a laizquierda, centrado y justificación), si se combinan, siem -

pre se pierde calidad en la lectura.

Norma 13:

Procure tener finales de línea coherentes

y rítmicos.

Evite las banderas que generen formas extrañas e inade-

cuadas al final de las líneas. Evite también las banderasque muestran una repetición y las pautas predecibles en

los finales de línea.

Existen cuatro tipos básicos

de alineación del texto

(alineado a la izquierda, ban-

dera a la derecha; alineado

a la derecha, bandera a la

izquierda; justificado y

centrado).

El propósito del texto en bandera no es sólo alcanzar una belleza

estética. Cuando el texto en bandera contiene finales de línea que

están cuidadosamente articulados y son rítmicos y coherentes, el lector

puede desplazar la vista por el texto sin esfuerzos. Los finales de línea

proporcionan puntos de partida lógicos para pasar de una línea a la

siguiente. Los textos en bandera forman pautas informales, pero

coherentes, de finales de línea. El margen en bandera debe

desaparecer gradualmente. El aspecto de los textos en bandera es

deficiente si los finales de línea no son suficientemente diferentes

entre sí, si aparecen formas extrañas o contornos o si las

líneas cortas y largas se parecen tanto que crean una

pauta repetitiva y predecible.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 8

UNCuyo - Diseño Gráfico

Page 9: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 14:

Indique los párrafos con claridad, pero

procure no alterar la integridad y la

coherencia visual del texto.

Las dos maneras más comunes de marcar los párrafos

son los sangrados y la inserción de un espacio adicionalentre párrafos. No es necesario sangrar el primer párrafo

de una columna de texto.

Indicación general del párrafo mediante sangrado e intervalos de espa -

cios para separar los párrafos.

Existen otros muchos métodos de indicación de párrafo: sin embargo,

se deben usar con cuidado. Ejemplos de separación de párrafos: primera

letra en negrita, topos, sangría francesa, versalitas para la primera

palabra y una capitular situada en el margen.

Cuando se encuentre con viudas

y huérfanas, reestructure el texto

para evitarlas. Para ello tendrá

que cambiar el espaciado, el

texto en bandera o volver

a escribir el texto.

Norma 15:

Evite viudas y huérfanas siempre que

pueda.

Una viuda es una línea corta, palabra o sílaba que corres-ponde al final de un párrafo y que aparece suelta al inicio

de una nueva página o columna. Una huérfana es una

línea inicial de párrafo que queda al final de una páginao columna. Evítelas siempre que pueda, porque rompen

la continuidad de los bloques de texto, crean páginas

irregulares e interfieren en la concentración de la lectura.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 9

UNCuyo - Diseño Gráfico

Page 10: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 16:

Destaque discretamente elementos del

texto sin alterar la fluidez de la lectura.

No se exceda nunca. Realice intervenciones mínimas para

obtener los máximos resultados. Destacar elementos deltexto sirve sobre todo para aclarar el contenido y diferen-

ciar partes de información.

Diferentes métodos para destacar

unidades de información del

texto: uso de cursiva, subrayado,

color, diferentes fuentes, versali -

tas, mayúsculas, negrita y normal,

cuerpo mayor, contorno. Si bien

ninguna de estas posibilidades

perjudica al texto, algunas de

ellas destacan más que otras.

Norma 17:

Mantenga siempre la integridad del tipo.

Evite cambiar el set de forma arbitraria.

Las fuentes bien diseñadas ofrecen calidades visuales que

las hacen más legibles. Las letras se diseñan cuidadosa-mente con atributos proporcionales específicos en

mente. Distorsionarlos de manera arbitraria afecta a su

integridad.

Si desea una versión más

extendida o más condensada

para una determinada fuente,

utilice una versión diseñada

específicamente para esa familia

particular. Las proporciones entre

las astas se mantienen.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 10

UNCuyo - Diseño Gráfico

Page 11: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Norma 18:

Alinee las letras y las palabras sobre la

línea base.

Las letras están diseñadas para convivir en cordial com -

pañía sobre una línea base invisible. Cuando pierden estaorientación, parecen escapar fuera de control y resultan

mucho más difíciles de leer.

Como las letras están diseñadas

específicamente para estar alinea-

das unas al lado de las otras en

una línea base para su óptima

lectura, cualquier desviación de la

norma es cuestionable. Nunca

amontone las letras.

Norma 19:

Cuando trabaje con el tipo y el color,

asegúrese de que existe suficiente

contraste entre tipo y fondo.

Un contraste muy débil en cuanto a matiz, valor o satu-

ración, o una combinación de estos tres factores, puededificultar, o incluso imposibilitar, la lectura.

Un tipo en negro sobre un fondo

blanco constituye la combinación

de colores más legible y es la que

más estamos acostumbrados a

leer. Cualquier desviación de esta

norma afecta a la legibilidad del

texto. Un tipo en blanco sobre un

fondo negro invierte esta relación

de color y dificulta la lectura.

Si consideramos las relaciones de

contraste de color entre el tipo y

su fondo, el tipo siempre se ha

de poder leer. Ajustes de color en

matiz, valor y saturación o en la

combinación de estos factores

aumentan la legibilidad del texto.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 11

UNCuyo - Diseño Gráfico

Page 12: Normas de Legibilidad - Tipografía 1 Básica 2013 | … 10: Utilice líneas de la longitud adecuada. Las líneas demasiado cortas o demasiado largas interrumpen la lectura. Cuando

Bibliografía:

� Educación tipográfica una introducción a la tipografía

Gálvez Pizarro, Francisco .

Facultad de Arquitectura, Arte y Diseño - EdicionesUniversidad Diego Portales,2004.

� Apuntes de la cátedra de tipografía.

Clasificación tipográfica.

� Tipografía Experimental

Carter, Rob

Documenta, 1999.

TIPOGRAFÍA BÁSICAD.I. María Florencia Castellino

2010 Página 12

UNCuyo - Diseño Gráfico