{"id":222,"date":"2017-06-21T10:06:38","date_gmt":"2017-06-21T10:06:38","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=222"},"modified":"2017-08-30T07:37:01","modified_gmt":"2017-08-30T07:37:01","slug":"2-las-tipografias-17","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/2-las-tipografias-17\/","title":{"rendered":"2. Las tipograf\u00edas"},"content":{"rendered":"<p><\/p>\n<h3>2.5. Elegir tipograf\u00edas para nuestro proyecto<\/h3>\n<p>Ponerse manos a la obra en la selecci\u00f3n de tipograf\u00edas para un proyecto puede ser realmente extenuante. La manera m\u00e1s inteligente de comenzar un proyecto es trabajar con tipos que conozcamos y cuyo uso m\u00e1s adecuado tengamos m\u00e1s o menos claro: empezar desde lo m\u00e1s b\u00e1sico para, poco a poco, ir enriqueci\u00e9ndolo. La base esencial del trabajo con tipograf\u00eda es ir probando, experimentando y, sobre todo, abrir los ojos al mundo para ir decodificando todas las letras que hay ah\u00ed fuera. Entender su uso y asimilar su potencial.<\/p>\n<p>Tener un criterio tipogr\u00e1fico bien formado es dif\u00edcil, ya que requiere experiencia y dedicaci\u00f3n. Por ello, mi consejo es comenzar construyendo una base tipogr\u00e1fica sencilla, sustentada por las normas b\u00e1sicas que hemos repasado y, as\u00ed, ganar en seguridad y lograr un dise\u00f1o satisfactorio.<\/p>\n<p>Nuestro proyecto requiere unas tipograf\u00edas elegantes, con cierto corte cl\u00e1sico, porque queremos movernos en el \u00e1mbito de la gama alta. Queremos un texto c\u00f3modo de leer, porque habr\u00e1 reportajes que tendr\u00e1n una extensi\u00f3n larga. Sin embargo, tambi\u00e9n queremos resultar modernos, as\u00ed que intentaremos buscar tipograf\u00edas que nos permitan ser flexibles en el dise\u00f1o, con las que podamos jugar para llevar a cabo combinaciones est\u00e9ticas.<\/p>\n<p>Nuestro objetivo es:<\/p>\n<ul>\n<li>Elegir una tipograf\u00eda para el cuerpo de texto que tenga buena legibilidad y que sea elegante. Para ello, buscaremos una serifa de aspecto moderno y de aires cl\u00e1sicos: elegimos la <strong>Chronicle Roman<\/strong>, una romana de estilo cl\u00e1sico que aporta fuerza, es rotunda y de trazo elegante.<\/li>\n<li>Buscaremos una tipograf\u00eda para las titulaciones principales que funcione bien en cuerpos grandes y que aporte personalidad a la publicaci\u00f3n. Dado que nuestra revista busca ser un producto elegante, intentaremos encontrar una tipograf\u00eda de l\u00edneas estilizadas que nos d\u00e9 juego a la hora de construir t\u00edtulos de estilo refinado. Nuestra apuesta es por un cl\u00e1sico: la <strong>Didot<\/strong>. Tiene una familia muy amplia, de hecho cuenta con 7 versiones diferentes adaptadas al tama\u00f1o al que vayan a ser usadas, por lo que nos permitir\u00e1 ser flexibles, sin perder coherencia. Sus posibilidades son muchas, as\u00ed que apostamos por su versatilidad. Debemos ser cuidadosos en su uso, porque puede aportar un aire demasiado cl\u00e1sico al dise\u00f1o. Sin embargo, su estilo sobrio y su versatilidad a grandes tama\u00f1os nos pueden dar buenos resultados, sobre todo si jugamos de manera creativa con ella.<\/li>\n<li>Necesitaremos tambi\u00e9n una tipograf\u00eda <em>sans serif<\/em>, de trazo contundente, que nos aporte dinamismo en el dise\u00f1o. Nos servir\u00e1 para llamadas de atenci\u00f3n. Queremos que contraste de manera adecuada con titulares y cuerpo de texto. Esta tipograf\u00eda ha de ser directa y tener una familia grande para poder jugar con un amplio abanico de recursos, sin necesidad de utilizar ninguna otra. Nuestra elecci\u00f3n es <strong>Titling Gothic<\/strong>, una tipograf\u00eda algo rotunda que esperamos que contraste de manera adecuada con el resto. Cuenta en su familia con diferentes pesos, desde muy gruesos a ultraligeros, y tiene buena legibilidad, por lo que ser\u00e1 una buena opci\u00f3n para textos de tama\u00f1o peque\u00f1o.<\/li>\n<\/ul>\n<div id=\"attachment_225\" style=\"width: 760px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-225\" loading=\"lazy\" class=\"img-responsive wp-image-225 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025.jpg\" alt=\"\" width=\"750\" height=\"552\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025.jpg 750w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025-300x221.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><p id=\"caption-attachment-225\" class=\"wp-caption-text\">En la imagen, podemos ver c\u00f3mo se comportan las tipograf\u00edas juntas. Para poder elegir, hay que probar y probar combinaciones. Jugar con los tipos puede resultar muy divertido, aunque es cierto que requiere mucho tiempo.<\/p><\/div>\n<div class=\"definicio\">\n<p>Hay que ver ejemplos, y ver ejemplos, y ver ejemplos, y seguir viendo ejemplos que nos educar\u00e1n en lo que respecta a traducir los c\u00f3digos tipogr\u00e1ficos que se pueden encontrar en los distintos dise\u00f1os.<\/p>\n<\/div>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-898 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos.jpg\" alt=\"\" width=\"1620\" height=\"3132\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos.jpg 1620w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-155x300.jpg 155w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-768x1485.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-530x1024.jpg 530w\" sizes=\"(max-width: 1620px) 100vw, 1620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-865 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2.jpg\" alt=\"\" width=\"1064\" height=\"686\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2.jpg 1064w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-300x193.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-768x495.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-1024x660.jpg 1024w\" sizes=\"(max-width: 1064px) 100vw, 1064px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-868 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3.jpg\" alt=\"\" width=\"1098\" height=\"802\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3.jpg 1098w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-300x219.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-768x561.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-1024x748.jpg 1024w\" sizes=\"(max-width: 1098px) 100vw, 1098px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-871 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4.jpg\" alt=\"\" width=\"3564\" height=\"4752\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4.jpg 3564w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4-225x300.jpg 225w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4-768x1024.jpg 768w\" sizes=\"(max-width: 3564px) 100vw, 3564px\" \/><\/p>\n<p>Una vez tengamos la selecci\u00f3n tipogr\u00e1fica hecha, estaremos preparados para empezar a componer. Existe la posibilidad de que conforme vayamos creando nuestro dise\u00f1o, descubramos que alguna de las tipograf\u00edas elegidas no funciona tan bien como pens\u00e1bamos, por lo que en ese momento deberemos sustituirla por otra.<\/p>","protected":false},"excerpt":{"rendered":"<p>2.5. Elegir tipograf\u00edas para nuestro proyecto Ponerse manos a la obra en la selecci\u00f3n de tipograf\u00edas para un proyecto puede ser realmente extenuante. La manera m\u00e1s inteligente de comenzar un proyecto es trabajar con tipos que conozcamos y cuyo uso m\u00e1s adecuado tengamos m\u00e1s o menos claro: empezar desde lo m\u00e1s b\u00e1sico para, poco a [&hellip;]<\/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\/dis-marca\/wp-json\/wp\/v2\/pages\/222"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":12,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":921,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/222\/revisions\/921"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}