{"id":142,"date":"2017-01-26T09:57:47","date_gmt":"2017-01-26T09:57:47","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/?page_id=142"},"modified":"2021-07-21T12:01:01","modified_gmt":"2021-07-21T12:01:01","slug":"2-paraules-2","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/2-paraules-2\/","title":{"rendered":"2. Paraules"},"content":{"rendered":"

<\/p>\n

2.2. Interlletratge:\u00a0tracking<\/em>\u00a0i\u00a0kerning<\/em><\/strong><\/h3>\n

El tracking<\/em> es para palabras, l\u00edneas y p\u00e1rrafos y el kerning<\/em> para pares de letras concretos. Son distancias que afectan al espacio.<\/p>\n

Tracking<\/em><\/h4>\n

Llamamos tracking<\/em> al proceso de ampliar o reducir el espacio que separa todos los caracteres. Reducir el tracking<\/em> (valores negativos) permite la cabida de un mayor n\u00famero de letras en un espacio dado, pero una reducci\u00f3n demasiado dr\u00e1stica provoca una excesiva condensaci\u00f3n de trazos negros. Ampliando el tracking<\/em> (valores positivos) conseguimos aligerar el texto y generar una apariencia m\u00e1s \u00abaireada\u00bb, con m\u00e1s blanco entre los caracteres. Un tracking<\/em> demasiado amplio puede dificultar una lectura fluida.<\/p>\n

\"Figura

Figura 47. Comparaci\u00f3n entre tracking<\/em> cerrado o negativo, normal y abierto o positivo<\/p><\/div>\n

Podem utilitzar un\u00a0tracking<\/em>\u00a0m\u00e9s exagerat, obert o tancat, de manera intencionada per a aconseguir un resultat m\u00e9s lleuger o pesat. Sempre que estigui justificat i ben resolt, podrem considerar-ho correcte, sempre que no es tracti d\u2019un text corregut en el qual una bona llegibilitat \u00e9s la prioritat. \u00c9s imprescindible distingir entre el text de lectura, el text per a encap\u00e7alats i altres textos curts i amb impacte visual important.<\/p>\n

\"\"

Figura 48. Ejemplo de tracking<\/em> cerrado, intencionado y bien resuelto<\/p><\/div>\n

Kerning<\/em><\/h4>\n

El kerning<\/strong> <\/em>es el proceso de ajustar el espacio entre pares de caracteres. Algunas combinaciones de letras, por el dise\u00f1o de los propios caracteres, son especialmente conflictivas porque tienden a generar unos espacios peculiares que llaman la atenci\u00f3n y que rompen la continuidad de la lectura.<\/p>\n

Este problema puede solucionarse con el kerning<\/em>, a\u00f1adiendo o reduciendo espacio entre dos letras. Las correcciones de parejas de letras ya las encontramos integradas en la programaci\u00f3n de las fuentes comerciales digitales. De hecho, un aspecto determinante para valorar la calidad de una fuente es c\u00f3mo de cuidadosa resulta su tabla de pares de kernings<\/em>.<\/strong> Una manera de saber si nuestra fuente tiene pares de kerning<\/em> asociados es la de escribir una palabra como \u00abvalent\u00eda\u00bb y comprobar c\u00f3mo cambia al alternar entre la opci\u00f3n \u00abM\u00e9trico\u00bb y \u00ab0 de kerning<\/em>\u00bb. Si no hay cambios, no tiene kerning<\/em> asociado.<\/p>\n

Adem\u00e1s de los kernings<\/em> que est\u00e1n incorporados en las fuentes digitales, tambi\u00e9n tenemos la posibilidad de modular este espacio entre dos letras mediante la opci\u00f3n correspondiente en los programas de autoedici\u00f3n que usemos.<\/p>\n

No tenemos que llevar a cabo los kernings<\/em> de un texto hasta que se hayan establecido los valores generales de tracking<\/em>, puesto que el tiempo necesario para este ajuste fino podr\u00eda resultar in\u00fatil si hay alg\u00fan cambio posterior de car\u00e1cter m\u00e1s general. En definitiva, debemos entender el kerning<\/em> como una excepci\u00f3n al valor general de tracking<\/em> que se aplica a todas las letras.<\/strong><\/p>\n

Puede ser dif\u00edcil ajustar el kerning<\/em> de algunas letras debido a su forma, sobre todo en el caso de letras con astas inclinadas, brazos o travesa\u00f1os:<\/p>\n

    \n
  • Letras con astas inclinadas: A, K, V, W, Y<\/li>\n
  • Letras con brazos o travesa\u00f1os: F, L, T<\/li>\n
  • Ciertas combinaciones de letras: W o V + A (en cualquier orden); T o F + una vocal min\u00fascula<\/li>\n<\/ul>\n

    Si observamos con detenimiento las distintas formas que representan los caracteres veremos que debido a su variedad van a tener un amplio abanico de combinaciones entre s\u00ed. Por ejemplo, no es lo mismo el par \u00abAI\u00bb que el par \u00abAV\u00bb. Con el objetivo de armonizar el aspecto de las palabras, los dise\u00f1adores de tipograf\u00edas definen las relaciones de espacio entre los pares de caracteres.<\/p>\n

    \"\"<\/p>\n

    Entre letras como la \u00abA\u00bb y la \u00abV\u00bb en caja alta debemos colocar un espacio negativo de modo que sus formas complementarias encajen de una manera m\u00e1s agradable visualmente y que, por lo tanto, mejore su lectura. Se trata de compensar \u00f3pticamente sus diferentes formas para dar una sensaci\u00f3n de separaci\u00f3n homog\u00e9nea.<\/p>\n

    Las letras min\u00fasculas plantean otros retos para el kerning<\/em>. Esto sucede porque las letras rectas y las letras curvas lucen diferente cuando se emparejan entre s\u00ed que cuando se emparejan con otras del mismo tipo:<\/p>\n

      \n
    • Un par de letras rectas necesitan la mayor cantidad de espacio.<\/li>\n
    • Una recta y una curva necesitan un poco menos.<\/li>\n
    • Dos letras redondas requieren apenas un poco menos que las anteriores.<\/li>\n<\/ul>\n

      En la siguiente figura podemos observar que el espaciado entre las letras va disminuyendo hacia la derecha. Pero, cuando las letras est\u00e1n solas, lucen equidistantes.<\/p>\n

      \"\"<\/p>\n

      Si aplicamos este concepto a una palabra real, el espacio hacia ambos lados de cada letra debe ser coherente para cada una de las tres combinaciones de formas que analizamos anteriormente.<\/p>\n

      En la palabra \u00ableading\u00bb, hay la misma distancia entre todas las combinaciones de recta-recta (representadas en verde) y sucede lo mismo con todas las combinaciones de recta-curva (en rojo) y todas las de curva-curva (en amarillo). El resultado es un kerning<\/em> con bastante coherencia visual. Aunque no es necesario que hagamos un kerning<\/em> tan preciso, recordar estos conceptos puede ayudarnos a lograr espaciados coherentes en las composiciones tipogr\u00e1ficas.<\/p>\n

      \"\"<\/p>\n

      El tama\u00f1o de la fuente influye en el kerning<\/em>, las letras interact\u00faan diferente en funci\u00f3n de su tama\u00f1o. Por este motivo, lo mejor es siempre ajustar el kerning<\/em> cuando tenemos el tama\u00f1o final decidido. Si trabajamos, por ejemplo, en un logo, debemos tener en cuenta que se aplicar\u00e1 en diferentes tama\u00f1os, por lo que ser\u00e1 conveniente trabajar el kerning<\/em> para diferentes formatos. En general, cualquier error de kerning<\/em> ser\u00e1 m\u00e1s evidente en tama\u00f1os m\u00e1s grandes, aunque un texto bien trabajado siempre estar\u00e1 mejor en cualquier tama\u00f1o.<\/strong><\/p>\n

      Sin embargo, no debemos considerar siempre un error de kerning<\/em> cuando las letras se juntan. A veces, la mejor manera de equilibrar los espacios es juntando pares de letras como podemos ver en la siguiente figura con el par \u00abAN\u00bb.<\/p>\n

      \"\"

      Figura 49. Aspecto de una misma palabra sin ajuste de kerning<\/em> (superior) y con ajuste de kerning<\/em> (inferior)<\/p><\/div>\n

      Es importante diferenciar entre distancia y espacio. <\/strong>La distancia se puede medir y es lineal. En cambio, el espacio tiene en cuenta el blanco interior de la letra y el de su alrededor y siempre en relaci\u00f3n con otras letras. Por lo tanto, no lo podemos medir como la distancia.<\/p>\n

      Nuestros ojos se tienen que entrenar en observar esos blancos internos y circundantes. Un truco que funciona bastante bien para observar esos blancos es entornar los ojos (como si mir\u00e1semos de lejos) y desenfocar nuestra vista ligeramente. Perderemos un poco de definici\u00f3n de los contornos de las letras y nos delatar\u00e1 alg\u00fan que otro blanco incorrecto. No es un sistema infalible, pero nos da alguna pista. Como todo, requiere pr\u00e1ctica.<\/p>\n

      Los blancos internos de las letras son clave para ajustar el kerning<\/em>, son una parte fundamental de la letra que llamamos contrapunz\u00f3n o contraforma (ver apartado 1.6.3.).<\/p>\n

      De la misma manera que podemos utilizar el tracking<\/em> para conseguir diferentes sensaciones, el kerning<\/em> tambi\u00e9n puede ser una v\u00eda para influir en el tono de un dise\u00f1o. Podemos jugar con el kerning<\/em> buscando c\u00f3mo interact\u00faan las contraformas de las letras. Un ejemplo ser\u00eda el logo de FedEx en el que podemos ver una flecha escondida en el espacio generado entre las letras \u00abEx\u00bb.<\/p>\n

      \"\"

      Figura 50. Logotipo de FedEx dise\u00f1ado por Lindon Leader en 1994<\/p><\/div>\n

      Tambi\u00e9n podemos ver casos de kerning<\/em> intencionado en los anuncios de NIKE, en los que la mayor\u00eda de letras est\u00e1n tan pegadas que es obvio que no tienen el kerning<\/em> por defecto de la fuente. Al unir tanto las letras se consigue un resultado mucho m\u00e1s impactante, al igual que ocurre con la interl\u00ednea. Son efectos que podemos hacer con mucha delicadeza y siempre que no sea un texto para lectura. En definitiva, cuando tenemos letras m\u00e1s unidas o m\u00e1s separadas conseguimos sensaciones diferentes; al igual que cuando escuchamos m\u00fasica cl\u00e1sica, jazz<\/em> o rock<\/em>.<\/p>\n

      \"\"

      Figura 51. El eslogan Just Do It fue ideado por Dan Wieden, director de la agencia Wieden & Kennedy, que lo incluy\u00f3 como el foco de un anuncio de televisi\u00f3n en 1988<\/p><\/div>\n

      InDesign, Illustrator y Photoshop nos permiten aplicar diferentes opciones de kerning<\/em> a un texto: la que viene incluida con la fuente (m\u00e9trico, auto o medidas), una calculada a prop\u00f3sito (\u00f3ptico u \u00f3ptica) y ninguna (0). La diferencia entre el kerning<\/em> m\u00e9trico y \u00f3ptico es que el primero est\u00e1 trabajado por el dise\u00f1ador de la tipograf\u00eda y el segundo es el calculado por la aplicaci\u00f3n. Las aplicaciones de Adobe dan un buen resultado en este sentido, pero hay que tener en cuenta que las calculadas por los dise\u00f1adores de tipos est\u00e1n hechas expresamente para el funcionamiento y la lectura de cada fuente en particular.<\/p>\n

      <\/h4>\n

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

      2.2. Interlletratge:\u00a0tracking\u00a0i\u00a0kerning El tracking es para palabras, l\u00edneas y p\u00e1rrafos y el kerning para pares de letras concretos. Son distancias que afectan al espacio. Tracking Llamamos tracking al proceso de ampliar o reducir el espacio que separa todos los caracteres. Reducir el tracking (valores negativos) permite la cabida de un mayor n\u00famero de letras en […]<\/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.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/142"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":21,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":927,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/142\/revisions\/927"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}