{"id":382,"date":"2017-06-21T13:28:26","date_gmt":"2017-06-21T13:28:26","guid":{"rendered":"http:\/\/disseny.recursos.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.recursos.uoc.edu\/recursos\/dis-marca\/ca\/6-composicion-y-puesta-en-pagina-4\/","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<p>La manera b\u00e0sica de crear una jerarquia visual en la composici\u00f3 \u00e9s organitzar el contingut del principal a l\u2019accessori, tenint en compte t\u00e8cniques com ara grand\u00e0ria, color, ordenaci\u00f3, etc. per a cridar l\u2019atenci\u00f3.<\/p>\n<h3>6.4.1. Grand\u00e0ria o proporci\u00f3<\/h3>\n<p>Encara que l\u2019ordre de lectura convencional \u00e9s de dalt a baix i, generalment, d\u2019esquerra a dreta, en disseny no \u00e9s aix\u00ed de simple, ja que l\u2019observador, abans de submergir-se en la lectura d\u2019un tema, duu a terme un \u00abescaneig\u00bb r\u00e0pid, un examen visual del que li estan mostrant, per a testar el nivell d\u2019inter\u00e8s que li desperta. Un lector potencial buscar\u00e0 crides d\u2019atenci\u00f3, t\u00edtols cridaners, paraules clau que cridin la seva curiositat. Per aix\u00f2 \u00e9s encertat fer servir paraules curtes, t\u00edtols, postil\u00b7les, textos destacats, etc., tot tipus de recursos que trenquin els blocs llargs de text que, a simple vista, poden semblar avorrits. Les difer\u00e8ncies tipogr\u00e0fiques, tant de grand\u00e0ria com de pes, s\u2019han d\u2019emprar amb l\u00f2gica i est\u00e8tica.<\/p>\n<p>Els elements que s\u00f3n m\u00e9s grans capten l\u2019atenci\u00f3 m\u00e9s r\u00e0pidament. La grand\u00e0ria \u00e9s definit\u00f2ria per a determinar la import\u00e0ncia que t\u00e9 l\u2019element en q\u00fcesti\u00f3. Si tots els elements que participen en la posada en p\u00e0gina tenen la mateixa grand\u00e0ria, l\u2019observador no podr\u00e0 detectar quin de tots aquests elements \u00e9s el m\u00e9s important, i es corre el risc que el conjunt pugui resultar m\u00e9s avorrit i mon\u00f2ton.<\/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.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_008.jpg\" alt=\"\" width=\"438\" height=\"640\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_008.jpg 438w, http:\/\/disseny.recursos.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\"><span lang=\"CA\">Grand\u00e0ria<\/span><\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>6.4. Com es crea una jerarquia visual La manera b\u00e0sica de crear una jerarquia visual en la composici\u00f3 \u00e9s organitzar el contingut del principal a l\u2019accessori, tenint en compte t\u00e8cniques com ara grand\u00e0ria, color, ordenaci\u00f3, etc. per a cridar l\u2019atenci\u00f3. 6.4.1. Grand\u00e0ria o proporci\u00f3 Encara que l\u2019ordre de lectura convencional \u00e9s de dalt a baix [&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\/382"}],"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=382"}],"version-history":[{"count":5,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/382\/revisions"}],"predecessor-version":[{"id":584,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/382\/revisions\/584"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}