{"id":213,"date":"2017-01-26T11:44:26","date_gmt":"2017-01-26T11:44:26","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/?page_id=213"},"modified":"2021-07-19T13:56:31","modified_gmt":"2021-07-19T13:56:31","slug":"2-frases-4","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/2-frases-4\/","title":{"rendered":"2. Palabras"},"content":{"rendered":"

<\/p>\n

2.4. Legibilidad<\/strong><\/h3>\n

La finalidad de la composici\u00f3n de textos es conseguir una lectura f\u00e1cil y continua. Muchos factores afectan a la legibilidad y todos son interdependientes. Hay tantas variables que se hace dif\u00edcil determinar un conjunto limitado de reglas de aplicaci\u00f3n r\u00e1pida y segura. Es posible fijar algunas pautas que ayuden a crear un texto legible, pero lo m\u00e1s importante es conseguir el equilibrio perfecto entre ellas.<\/p>\n

\n

\u00abTodo lo que tiene importancia en tipograf\u00eda es una sutileza\u00bb (Jan van Krimpen, 1892-1958).<\/p>\n<\/div>\n

Es esencial tener en cuenta la legibilidad en la composici\u00f3n de textos continuos. Los textos secundarios (titulares, destacados, anotaciones, etc.) y de rotulaci\u00f3n permiten una mayor versatilidad en la selecci\u00f3n tipogr\u00e1fica, dado que las condiciones de lectura son diferentes.<\/p>\n

\n

\u00abA veces se sacrifica la legibilidad para incrementar el impacto\u00bb (Herb Lubalin, 1918-1981).<\/p>\n<\/div>\n

 <\/p>\n

Dise\u00f1o regularizado contra decorativo<\/strong><\/h4>\n

Las letras de una tipograf\u00eda con dise\u00f1o regularizado suelen tener formas m\u00e1s abiertas y claras que facilitan la lectura, mientras que un dise\u00f1o m\u00e1s decorativo tiene caracter\u00edsticas poco usuales o extra\u00f1as que pueden distraer al lector.<\/p>\n

\"Figura

Figura 58<\/p><\/div>\n

La tipograf\u00eda Baskerville (figura 58 izquierda), creada por John Baskerville en 1757, se caracteriza por su gran delicadeza, elegancia y claridad, y es muy apropiada para libros de texto. Por el contrario, Harting (figura 58 derecha) tiene formas poco claras y desdibujadas.<\/p>\n

 <\/p>\n

Contraste y serifas<\/strong><\/h4>\n

El contraste o diferencia de grosor en los trazos de las letras produce menos confusi\u00f3n al lector que los trazos uniformes. Las serifas mejoran el flujo horizontal de la vista a lo largo de la l\u00ednea. De hecho, hay una preferencia importante por los tipos con serifa para la composici\u00f3n de textos continuos.<\/p>\n

\"Figura

Figura 59<\/p><\/div>\n

Una tipograf\u00eda con contraste en los trazos y serifas como Baskerville (figura 59 izquierda) es mucho m\u00e1s legible que una con trazos completamente uniformes y sin serifas, como Futura (figura 59 derecha). Futura, dise\u00f1ada por Paul Renner en 1927, es uno de los tipos de letra m\u00e1s conocidos y utilizados de las tipograf\u00edas modernas y se caracteriza por estar basada en formas geom\u00e9tricas, lo que hace que sus letras puedan confundirse con m\u00e1s facilidad (per ejemplo, la a<\/em> con la o<\/em>).<\/p>\n

\"Figura

Figura\u00a060<\/p><\/div>\n

Podemos encontrar tipograf\u00edas lineales muy legibles, como la Meta (figura\u00a060 izquierda), dise\u00f1ada por Erik Spiekermann en 1991, porque sus trazos tienen un poco de contraste y ciertas terminaciones que funcionan casi como serifas. Mientras que otras tipograf\u00edas con serifa, como la Bodoni (figura\u00a060 derecha), pueden ser menos legibles porque llevan al extremo el contraste en los trazos.<\/p>\n

 <\/p>\n

Caja baja contra caja alta<\/strong><\/h4>\n

Las formas m\u00e1s individualizadas de las letras de caja baja son m\u00e1s legibles. Las formas de la caja alta tienen una alineaci\u00f3n horizontal uniforme que es dif\u00edcil de leer c\u00f3modamente y el lector las recuerda menos. La caja alta debe usarse con moderaci\u00f3n en textos continuos.<\/p>\n

\"Figura

Figura\u00a061<\/p><\/div>\n

 <\/p>\n

Serie o estilo: eje, peso y contragrafismo<\/strong><\/h4>\n

Las series o estilos de una tipograf\u00eda ofrecen diferentes niveles de legibilidad. Las series cursiva o negrita pueden ser muy \u00fatiles para contrastar o diferenciar determinados conceptos en un texto, pero no para componer todo un texto seguido.<\/p>\n

\"Figura

Figura\u00a062<\/p><\/div>\n

En general, la serie redonda o normal presenta la m\u00e1xima legibilidad (por ejemplo, Helvetica Neue 55 Roman de la figura 62). La cursiva pierde legibilidad por la inclinaci\u00f3n del eje (por ejemplo, Helvetica Neue 56 Italic de la figura 62). El peso (grosor del trazo) medio de la redonda es m\u00e1s legible; si es demasiado fino, pierde su contraste con el fondo (por ejemplo, Helvetica Neue 25 Ultra Light de la figura 62), mientras que si es muy grueso, se reduce el contragrafismo y, por lo tanto, sus formas son menos abiertas (por ejemplo, Helvetica Neue 95 Black de la figura 62). Ocurre lo mismo con las series condensadas (por ejemplo, Helvetica Neue 57 Condensed de la figura 62).<\/p>\n

 <\/p>\n

Reproducci\u00f3n y medio<\/strong><\/h4>\n

La calidad de reproducci\u00f3n repercute directamente sobre la legibilidad (una impresi\u00f3n d\u00e9bil, un tipo sobre entintado, papeles con texturas rugosas, etc.). Es fundamental tener en cuenta el sistema de reproducci\u00f3n y el soporte durante todo el proceso de dise\u00f1o.<\/p>\n

Adem\u00e1s, para una buena elecci\u00f3n de la tipograf\u00eda, hay que tener en cuenta que casi todas las tipograf\u00edas han sido dise\u00f1adas para un medio determinado. Por ejemplo, Georgia es una tipograf\u00eda dise\u00f1ada en 1993 por Matthew Carter para Microsoft Corporation y est\u00e1 hecha para una mejor claridad en pantalla.<\/p>\n

Las tipograf\u00edas dise\u00f1adas para sistemas de impresi\u00f3n tradicionales est\u00e1n pensadas para ser reproducidas en alta resoluci\u00f3n. La mayor\u00eda tienen serios problemas de legibilidad en cuerpos inferiores a 10 puntos, puesto que sus formas no han sido concebidas para ser reproducidas en una pantalla de baja resoluci\u00f3n. Al ser sometidas al antialiasing para suavizar el escalonado de los trazos, se vuelve indefinida e ilegible en tama\u00f1o peque\u00f1o. En las tipograf\u00edas concebidas para pantalla cada trazo y cada punto encajan exactamente en su trama de p\u00edxeles.<\/p>\n

\"Figura

Figura 63. T\u00e9cnica de antialiasing<\/p><\/div>\n

Fuente: http:\/\/www.desarrolloweb.com\/articulos\/1675.php<\/a><\/h6>\n

 <\/p>\n

Color y contraste<\/strong><\/h4>\n

El contraste entre el color del texto y el del fondo es esencial para una buena legibilidad. La mejor combinaci\u00f3n es texto negro sobre fondo blanco. Lo inverso puede deslumbrar al lector y, por lo tanto, debe limitarse a aplicaciones en las cuales la prioridad sea el impacto. El resto de combinaciones restan legibilidad, pero algunas pueden ser v\u00e1lidas en caso de textos secundarios. Hay que evitar siempre la combinaci\u00f3n de colores muy saturados que puedan generar efectos \u00f3pticos.<\/p>\n

\"Figura

Figura\u00a064<\/p><\/div>\n

 <\/p>\n

Kerning<\/em><\/strong> y tracking<\/em><\/strong><\/h4>\n

El kerning<\/em> es el ajuste autom\u00e1tico que elimina el espacio entre grupos de dos o tres letras concretas y va incorporado a la fuente digital. Es importante tener en cuenta este aspecto en la elecci\u00f3n de una tipograf\u00eda y comprobar que las letras se ajustan correctamente sin llegar a solaparse. Del mismo modo, el espacio entre letras o tracking<\/em> tiene que ser equilibrado, ni muy abierto ni muy cerrado. En definitiva, para conseguir una legibilidad \u00f3ptima tenemos que separar las letras, palabras y l\u00edneas de forma proporcionada.<\/p>\n

\"Figura

Figura\u00a065<\/p><\/div>\n

 <\/p>\n

Cuerpo<\/strong><\/h4>\n

Un tipo demasiado grande o demasiado peque\u00f1o cansa al lector. Debe tenerse en cuenta el tipo de texto, la distancia habitual de lectura en cada caso (libro, cartel, letrero, etc.) y el p\u00fablico al que va dirigido. Se consigue la m\u00e1xima legibilidad con una relaci\u00f3n correcta entre cuerpo, interl\u00ednea y ancho de columna. Un cambio en cualquiera de estos tres factores necesitar\u00e1 un ajuste de los otros dos.<\/p>\n

\"Figura

Figura 66<\/p><\/div>\n

 <\/p>\n

Longitud de l\u00ednea o ancho de columna<\/strong><\/h4>\n

Cuando una columna es demasiado estrecha el lector se cansa al tener que cambiar de l\u00ednea demasiado a menudo; si es demasiado ancha, le resulta dif\u00edcil encontrar el inicio de la siguiente l\u00ednea.<\/p>\n

\"Figura

Figura\u00a067<\/p><\/div>\n

 <\/p>\n

Interlineado<\/strong><\/h4>\n

Es esencial recordar la relaci\u00f3n del interlineado con el cuerpo de la letra y el ancho de columna. Del mismo modo que cada tipograf\u00eda pide un interlineado diferente en un mismo cuerpo dependiendo de sus caracter\u00edsticas, especialmente de la altura de la x y de la longitud de ascendentes y descendentes.<\/p>\n

\"Figura

Figura 68<\/p><\/div>\n

Un interlineado demasiado estrecho (izquierda figura 68) provoca una proximidad excesiva entre l\u00edneas y genera una mancha muy densa que dificulta la localizaci\u00f3n de la siguiente l\u00ednea. En caso contrario, un interlineado demasiado ancho (derecha figura 68) interrumpe continuamente la lectura.<\/p>\n

 <\/p>\n

Alineaci\u00f3n<\/strong><\/h4>\n

Son m\u00e1s legibles la alineaci\u00f3n a la izquierda y la justificada. En textos cortos puede usarse la alineaci\u00f3n a la derecha o la centrada. Cuando se compone un texto justificado deben ajustarse muy bien los par\u00e1metros de justificaci\u00f3n y separaci\u00f3n para evitar espaciados variables entre las palabras que suelen denominarse \u00abr\u00edos\u00bb.<\/p>\n

\"Figura

Figura 69<\/p><\/div>\n

La columna de la izquierda de la figura 69 est\u00e1 compuesta con un texto justificado sin cortar palabras y con los valores de justificaci\u00f3n por defecto de InDesign. En la del centro el texto tiene los mismos valores de justificaci\u00f3n, pero corta palabras. En la columna de la derecha se han aplicado los valores de 85\u00a0%, 100\u00a0% y 115\u00a0% para el espaciado entre palabras y \u20135\u00a0%, 0\u00a0% y 10\u00a0% para el espaciado entre letras. Esta \u00faltima ofrece una mancha m\u00e1s homog\u00e9nea que evitar\u00e1 interrupciones en la lectura.<\/p>\n

 <\/p>\n

Conclusiones<\/strong><\/h4>\n

La finalidad de la composici\u00f3n de textos es conseguir una lectura f\u00e1cil y continua. Muchos factores afectan a la legibilidad y todos son interdependientes. Algunos de estos factores son el dise\u00f1o regularizado, el contraste de grosor en los trazos de las letras, la caja baja y la serie redonda o normal.<\/p>\n

Adem\u00e1s, es fundamental tener en cuenta el sistema de reproducci\u00f3n y el soporte durante todo el proceso de dise\u00f1o, as\u00ed como el contraste entre el color del texto y el del fondo, en el cual la mejor combinaci\u00f3n es texto negro sobre fondo blanco.<\/p>\n

Tambi\u00e9n debemos separar las letras, palabras y l\u00edneas de forma proporcionada. Se consigue la m\u00e1xima legibilidad con una relaci\u00f3n correcta entre cuerpo, interlineado y ancho de columna. Son m\u00e1s legibles la alineaci\u00f3n a la izquierda y la justificada.<\/p>\n

 <\/p>","protected":false},"excerpt":{"rendered":"

2.4. Legibilidad La finalidad de la composici\u00f3n de textos es conseguir una lectura f\u00e1cil y continua. Muchos factores afectan a la legibilidad y todos son interdependientes. Hay tantas variables que se hace dif\u00edcil determinar un conjunto limitado de reglas de aplicaci\u00f3n r\u00e1pida y segura. Es posible fijar algunas pautas que ayuden a crear un texto […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/213"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":24,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/213\/revisions"}],"predecessor-version":[{"id":905,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/213\/revisions\/905"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/media?parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}