{"id":382,"date":"2017-06-21T13:28:26","date_gmt":"2017-06-21T13:28:26","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/?page_id=382"},"modified":"2017-06-29T09:49:53","modified_gmt":"2017-06-29T09:49:53","slug":"6-composicion-y-puesta-en-pagina-4","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/6-composicion-y-puesta-en-pagina-4\/","title":{"rendered":"6. Composici\u00f3n y puesta en p\u00e1gina"},"content":{"rendered":"<p><\/p>\n<h3>6.4. C\u00f3mo crear una jerarqu\u00eda visual<\/h3>\n<p>La manera b\u00e1sica de crear una jerarqu\u00eda visual en la composici\u00f3n es organizar el contenido de lo principal a lo accesorio, teniendo en cuenta t\u00e9cnicas como tama\u00f1o, color, ordenaci\u00f3n, etc., para llamar la atenci\u00f3n.<\/p>\n<h3>6.4.1. Tama\u00f1o o proporci\u00f3n<\/h3>\n<p>Aunque el orden de lectura convencional es de arriba abajo y, generalmente, de izquierda a derecha, en dise\u00f1o no es as\u00ed de simple, ya que el observador, antes de sumergirse en la lectura de un tema, lleva a cabo un \u00abescaneo\u00bb r\u00e1pido, un examen visual de lo que le est\u00e1n mostrando, para testear el nivel de inter\u00e9s que despierta en \u00e9l. Un potencial lector buscar\u00e1 llamadas de atenci\u00f3n, t\u00edtulos llamativos, palabras clave que llamen su curiosidad. Por ello, es acertado usar palabras cortas, t\u00edtulos, ladillos, textos destacados, etc., todo tipo de recursos que rompan los bloques largos de texto que, a simple vista, pueden parecer aburridos. Las diferencias tipogr\u00e1ficas, tanto de tama\u00f1o como de peso, han de usarse con l\u00f3gica y est\u00e9tica.<\/p>\n<p>Los elementos que son m\u00e1s grandes captan la atenci\u00f3n de manera m\u00e1s r\u00e1pida. El tama\u00f1o es definitorio para determinar la importancia que tiene el elemento en cuesti\u00f3n. Si todos los elementos que participan en la puesta en p\u00e1gina tienen el mismo tama\u00f1o, el observador no podr\u00e1 detectar cu\u00e1l de todos estos elementos es el m\u00e1s importante, y se corre el riesgo de que el conjunto pueda resultar m\u00e1s aburrido y mon\u00f3tono.<\/p>\n<p><div id=\"attachment_385\" style=\"width: 448px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-385\" loading=\"lazy\" class=\"img-responsive wp-image-385 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_008.jpg\" alt=\"\" width=\"438\" height=\"640\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_008.jpg 438w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_008-205x300.jpg 205w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><p id=\"caption-attachment-385\" class=\"wp-caption-text\">Tama\u00f1o<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>6.4. C\u00f3mo crear una jerarqu\u00eda visual La manera b\u00e1sica de crear una jerarqu\u00eda visual en la composici\u00f3n es organizar el contenido de lo principal a lo accesorio, teniendo en cuenta t\u00e9cnicas como tama\u00f1o, color, ordenaci\u00f3n, etc., para llamar la atenci\u00f3n. 6.4.1. Tama\u00f1o o proporci\u00f3n Aunque el orden de lectura convencional es de arriba abajo y, [&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-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/382"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":5,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/382\/revisions"}],"predecessor-version":[{"id":584,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/382\/revisions\/584"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}