{"id":393,"date":"2017-06-21T13:38:42","date_gmt":"2017-06-21T13:38:42","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/?page_id=393"},"modified":"2017-06-29T09:52:45","modified_gmt":"2017-06-29T09:52:45","slug":"6-composicion-y-puesta-en-pagina-6","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/6-composicion-y-puesta-en-pagina-6\/","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<h3>6.4.3. La distribuci\u00f3n de los elementos<\/h3>\n<p>La ubicaci\u00f3n de los elementos tambi\u00e9n es importante, ya que su posici\u00f3n en la jerarqu\u00eda visual que establezcamos depender\u00e1 del lugar de la p\u00e1gina que ocupen. Dentro de la p\u00e1gina, existen una serie de zonas que son m\u00e1s visibles o que se aprecian m\u00e1s r\u00e1pidamente.<\/p>\n<div id=\"attachment_396\" style=\"width: 445px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-396\" loading=\"lazy\" class=\"img-responsive wp-image-396 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_010.jpg\" alt=\"\" width=\"435\" height=\"640\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_010.jpg 435w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_010-204x300.jpg 204w\" sizes=\"(max-width: 435px) 100vw, 435px\" \/><p id=\"caption-attachment-396\" class=\"wp-caption-text\">Disposici\u00f3n en la p\u00e1gina<\/p><\/div>\n<p>Tambi\u00e9n suele jugar un papel importante la alineaci\u00f3n de los elementos, la manera en la que aparecen ordenados. En ocasiones, un elemento rompedor en un orden estricto de elementos similares puede ser un buen recurso para captar atenci\u00f3n. La repetici\u00f3n de formas, estilos y elementos hace que el lector se acostumbre a los c\u00f3digos y aprenda inconscientemente a reconocerlos de manera r\u00e1pida. Elementos similares tendr\u00e1n significados parecidos. El espacio que se crea alrededor del elemento tambi\u00e9n favorecer\u00e1 que el elemento destaque. Es importante vigilar los espacios en blanco que se generan en el dise\u00f1o, as\u00ed como su relaci\u00f3n con las zonas impresas. Un buen dise\u00f1o ha de contar con unidad y coherencia en su distribuci\u00f3n. Esa percepci\u00f3n global es la que determinar\u00e1 que el dise\u00f1o sea efectivo y est\u00e9 bien construido.<\/p>\n<p><div id=\"attachment_397\" style=\"width: 448px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-397\" loading=\"lazy\" class=\"img-responsive wp-image-397 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_011.jpg\" alt=\"\" width=\"438\" height=\"640\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_011.jpg 438w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_011-205x300.jpg 205w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><p id=\"caption-attachment-397\" class=\"wp-caption-text\">Disposici\u00f3n en el espacio<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>6.4. C\u00f3mo crear una jerarqu\u00eda visual 6.4.3. La distribuci\u00f3n de los elementos La ubicaci\u00f3n de los elementos tambi\u00e9n es importante, ya que su posici\u00f3n en la jerarqu\u00eda visual que establezcamos depender\u00e1 del lugar de la p\u00e1gina que ocupen. Dentro de la p\u00e1gina, existen una serie de zonas que son m\u00e1s visibles o que se aprecian [&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\/393"}],"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=393"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":587,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/393\/revisions\/587"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}