{"id":393,"date":"2017-06-21T13:38:42","date_gmt":"2017-06-21T13:38:42","guid":{"rendered":"http:\/\/disseny.recursos.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.recursos.uoc.edu\/recursos\/dis-marca\/ca\/6-composicion-y-puesta-en-pagina-6\/","title":{"rendered":"6. Composici\u00f3 i posada en p\u00e0gina"},"content":{"rendered":"<p><\/p>\n<h3>6.4. Com es crea una jerarquia visual<\/h3>\n<h3>6.4.3. La distribuci\u00f3 dels elements<\/h3>\n<p>La ubicaci\u00f3 dels elements tamb\u00e9 \u00e9s important, ja que la seva posici\u00f3 en la jerarquia visual que establim dependr\u00e0 del lloc de la p\u00e0gina que ocupin. Dins de la p\u00e0gina hi ha una s\u00e8rie de zones que s\u00f3n m\u00e9s visibles o que s\u2019aprecien m\u00e9s r\u00e0pidament.<\/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.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_010.jpg\" alt=\"\" width=\"435\" height=\"640\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_010.jpg 435w, http:\/\/disseny.recursos.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\"><span lang=\"CA\">Disposici\u00f3 en la p\u00e0gina<\/span><\/p><\/div>\n<p>Tamb\u00e9 sol exercir un paper important l\u2019alineaci\u00f3 dels elements, la manera com apareixen ordenats. De vegades, un element trencador en un ordre estricte d\u2019elements similars pot ser un bon recurs per a captar atenci\u00f3. La repetici\u00f3 de formes, estils i elements fa que el lector s\u2019acostumi als codis i aprengui inconscientment a recon\u00e8ixer-los r\u00e0pidament. Elements similars tindran significats semblants. L\u2019espai que es crea al voltant de l\u2019element tamb\u00e9 afavorir\u00e0 que l\u2019element destaqui. \u00c9s important vigilar els espais en blanc que es generen en el disseny, aix\u00ed com la seva relaci\u00f3 amb les zones impreses. Un bon disseny ha de tenir unitat i coher\u00e8ncia en la seva distribuci\u00f3. Aquesta percepci\u00f3 global \u00e9s la que determinar\u00e0 que el disseny sigui efectiu i estigui ben constru\u00eft.<\/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.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_011.jpg\" alt=\"\" width=\"438\" height=\"640\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_011.jpg 438w, http:\/\/disseny.recursos.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\"><span lang=\"CA\">Disposici\u00f3 en l\u2019espai<\/span><\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>6.4. Com es crea una jerarquia visual 6.4.3. La distribuci\u00f3 dels elements La ubicaci\u00f3 dels elements tamb\u00e9 \u00e9s important, ja que la seva posici\u00f3 en la jerarquia visual que establim dependr\u00e0 del lloc de la p\u00e0gina que ocupin. Dins de la p\u00e0gina hi ha una s\u00e8rie de zones que s\u00f3n m\u00e9s visibles o que s\u2019aprecien [&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\/ca\/wp-json\/wp\/v2\/pages\/393"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":4,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":587,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/393\/revisions\/587"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}