{"id":265,"date":"2019-01-03T12:49:02","date_gmt":"2019-01-03T10:49:02","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=265"},"modified":"2019-01-03T12:49:02","modified_gmt":"2019-01-03T10:49:02","slug":"4-6-5-espaciado","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/4-6-5-espaciado\/","title":{"rendered":"4.6.5. Espaciado"},"content":{"rendered":"<p>El espaciado y el <em>kerning<\/em> son los \u00faltimos pasos en el proceso de dise\u00f1o de una tipograf\u00eda.<\/p>\n<div class=\"featured featured-blue\"><p>La importancia de saber valorar el correcto espaciado de los caracteres, no solamente es vital a la hora de dise\u00f1ar una tipograf\u00eda, sino tambi\u00e9n cuando componemos textos con ella, sobre todo en tama\u00f1os de titulares.<\/p>\n<\/div>\n<p>Si bien el espaciado de los caracteres es al final una cuesti\u00f3n de sensibilidad, pues no existe ninguna f\u00f3rmula o procedimiento que nos garantice unos resultados \u00f3ptimos de forma autom\u00e1tica, s\u00ed es posible fijar un \u00abpunto de partida\u00bb desde el cual conseguir unos m\u00ednimos que nos aporten un nivel de calidad aceptable.<\/p>\n<p>Un paso inicial lo podemos encontrar en el libro <em>Letters of credit, a view of type design <\/em>publicado en 1986, de Water Tracy. En este libro Tracy dedica un cap\u00edtulo para mostrarnos el m\u00e9todo utilizado en Linotype para dotar de espacios laterales o \u00abprosas\u00bb a los caracteres; se trata de un paso inicial importante, pero debemos tener cuidado de aplicarlo de forma mec\u00e1nica en nuestras creaciones, ya que, dependiendo de las caracter\u00edsticas de cada tipograf\u00eda, los resultados pueden no ser los esperados.<\/p>\n<p>Empezamos espaciando dos caracteres de caja baja, la <em>n<\/em> y la <em>o<\/em>. Sus anatom\u00edas de rectas y curvas nos van a proporcionar unos espacios que nos servir\u00e1n para la mayor\u00eda de las letras.<\/p>\n<p>Compondremos varias l\u00edneas con diferentes espaciados, tanto del car\u00e1cter <em>n<\/em> de caja baja como del car\u00e1cter <em>o<\/em> de caja baja; seleccionaremos la que nos parece m\u00e1s equilibrada; una vez que tengamos los espacios de ambas letras, compondremos una l\u00ednea con ellas jugando con el espaciado hasta que encontremos el que m\u00e1s nos convenza.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-156\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_087.jpg\" alt=\"\" width=\"800\" height=\"682\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_087.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_087-300x256.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_087-768x655.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-157\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_088.jpg\" alt=\"\" width=\"800\" height=\"480\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_088.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_088-300x180.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_088-768x461.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Una vez que tengamos los valores de espaciado correcto a izquierda y derecha de los caracteres <em>n<\/em> y <em>o<\/em> por separado y entre s\u00ed, vamos a intentar replicar estos valores al resto de glifos del alfabeto. Ser\u00e1 tan sencillo como analizar qu\u00e9 letras a izquierda y derecha tienen el mismo acabado en el dise\u00f1o y aplicarlos. En la siguiente imagen podemos ver un ejemplo:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-158\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_089.jpg\" alt=\"\" width=\"800\" height=\"463\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_089.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_089-300x174.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_089-768x444.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Este m\u00e9todo lo podemos aplicar tambi\u00e9n a los caracteres de caja alta.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-159\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_090.jpg\" alt=\"\" width=\"800\" height=\"400\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_090.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_090-300x150.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_090-768x384.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El espaciado y el kerning son los \u00faltimos pasos en el proceso de dise\u00f1o de una tipograf\u00eda. Si bien el espaciado de los caracteres es al final una cuesti\u00f3n de sensibilidad, pues no existe ninguna f\u00f3rmula o procedimiento que nos garantice unos resultados \u00f3ptimos de forma autom\u00e1tica, s\u00ed es posible fijar un \u00abpunto de partida\u00bb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/265"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":2,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":294,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/265\/revisions\/294"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}