{"id":178,"date":"2017-06-21T09:24:52","date_gmt":"2017-06-21T09:24:52","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=178"},"modified":"2017-07-12T12:56:32","modified_gmt":"2017-07-12T12:56:32","slug":"2-las-tipografias-9","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/2-las-tipografias-9\/","title":{"rendered":"2. Las tipograf\u00edas"},"content":{"rendered":"<p><\/p>\n<h3>2.4. Normas b\u00e1sicas en tipograf\u00eda<\/h3>\n<h3>2.4.1. No necesit\u00e1is m\u00e1s de tres familias tipogr\u00e1ficas<\/h3>\n<p>Utilizar muchos tipos de letra diferentes en un proyecto puede generar desorden y caos. Generalmente basta con una buena combinaci\u00f3n de una tipo de palo y otra con serifa. Estas dos, bien combinadas, pueden generar un contraste interesante y hacer atractivo nuestro dise\u00f1o. Si consider\u00e1is que necesit\u00e1is incluir m\u00e1s variaciones tipogr\u00e1ficas en vuestro trabajo, pod\u00e9is conseguirlo jugando con los tama\u00f1os, el color o los espacios. Hay dise\u00f1os que quiz\u00e1 necesitan una tercera con algo m\u00e1s de personalidad (una decorativa o <em>script<\/em>) para peque\u00f1os recursos. El dise\u00f1ador deber\u00e1 planificar cada uno de los estilos y usos para cada tipo de letra, el cuerpo, alineaci\u00f3n, interlineado, etc. que se utilizar\u00e1n para cada componente. Se crear\u00e1n, de este modo, lo que en dise\u00f1o se denominan <em>hojas de estilo<\/em>, que asignar\u00e1n a cada modulo de texto (titulares, entradillas, texto general, recuadros, destacados, etc.) unas caracter\u00edsticas formales. El contraste en estos elementos es fundamental, ya que, a simple vista, se deber\u00e1 notar que cada texto pertenece a un recurso distinto.<\/p>\n<div id=\"attachment_181\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-181\" loading=\"lazy\" class=\"img-responsive wp-image-181 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_014.jpg\" alt=\"\" width=\"450\" height=\"620\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_014.jpg 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_014-218x300.jpg 218w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-181\" class=\"wp-caption-text\">En este ejemplo podemos ver c\u00f3mo en el primer dise\u00f1o de la revista <em>Smoda<\/em> con dos tipograf\u00edas (Pradell en el cuerpo de texto y Neutra en pies de foto y cr\u00e9ditos), m\u00e1s una tercera con un poco m\u00e1s de car\u00e1cter (Regall en titular, entradilla y capitular), se consigue un dise\u00f1o elegante y muy est\u00e9tico.<\/p><\/div>\n<p><div id=\"attachment_182\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-182\" loading=\"lazy\" class=\"img-responsive wp-image-182 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_015.jpg\" alt=\"\" width=\"640\" height=\"435\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_015.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_015-300x204.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-182\" class=\"wp-caption-text\">En este ejemplo, tambi\u00e9n de la revista <em>Smoda<\/em>, podemos ver c\u00f3mo con las mismas tipograf\u00edas se pueden crear dise\u00f1os mucho m\u00e1s din\u00e1micos y variados, utilizando estil\u00edsticamente cursivas y diferentes tama\u00f1os.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>2.4. Normas b\u00e1sicas en tipograf\u00eda 2.4.1. No necesit\u00e1is m\u00e1s de tres familias tipogr\u00e1ficas Utilizar muchos tipos de letra diferentes en un proyecto puede generar desorden y caos. Generalmente basta con una buena combinaci\u00f3n de una tipo de palo y otra con serifa. Estas dos, bien combinadas, pueden generar un contraste interesante y hacer atractivo nuestro [&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\/178"}],"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=178"}],"version-history":[{"count":4,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":635,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/178\/revisions\/635"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}