{"id":283,"date":"2017-06-21T11:08:41","date_gmt":"2017-06-21T11:08:41","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/?page_id=283"},"modified":"2017-06-29T11:38:05","modified_gmt":"2017-06-29T11:38:05","slug":"3-fotografias-e-imagenes-9","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/3-fotografias-e-imagenes-9\/","title":{"rendered":"3. Fotografies i imatges"},"content":{"rendered":"<p><\/p>\n<h3>3.4. Consells d\u2019\u00fas de les imatges en el disseny<\/h3>\n<ul>\n<li>Cal intentar <strong>triar les imatges pel seu significat<\/strong>, m\u00e9s enll\u00e0 que siguin m\u00e9s o menys est\u00e8tiques. Sempre cal tenir en compte el contingut.<\/li>\n<li><strong>Que una foto mani sempre en la composici\u00f3<\/strong>. \u00c9s molt important tenir en compte la jerarquia de les imatges en el disseny. Les imatges han d\u2019explicar una hist\u00f2ria, i en aix\u00f2 el dissenyador porta la batuta.<\/li>\n<\/ul>\n<div id=\"attachment_286\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-286\" loading=\"lazy\" class=\"img-responsive wp-image-286 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_013.jpg\" alt=\"\" width=\"640\" height=\"436\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_013.jpg 640w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_013-300x204.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-286\" class=\"wp-caption-text\">En aquest exemple de la revista <em>Smoda<\/em> podem veure la import\u00e0ncia d\u2019apostar per una imatge perqu\u00e8 mani en la composici\u00f3.<\/p><\/div>\n<ul>\n<li>Si nom\u00e9s es tenen imatges petites, pot ser interessant agrupar-les perqu\u00e8 cre\u00efn un conjunt.<\/li>\n<\/ul>\n<div id=\"attachment_287\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-287\" loading=\"lazy\" class=\"img-responsive wp-image-287 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_014.jpg\" alt=\"\" width=\"640\" height=\"421\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_014.jpg 640w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_014-300x197.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-287\" class=\"wp-caption-text\">Agrupar les imatges sempre \u00e9s una bona opci\u00f3 (exemple de la revista <em>Woman<\/em>).<\/p><\/div>\n<ul>\n<li>Cal tenir molta cura amb les imatges que es col\u00b7loquen al centre de la costura. Els resultats poden ser catastr\u00f2fics. Si una imatge ha de travessar aquest punt, ha de ser molt gran.<\/li>\n<li>Buscar cert desequilibri o asimetria en les imatges acostuma a funcionar molt b\u00e9. No tot en la imatge ha d\u2019estar centrat.<\/li>\n<\/ul>\n<div id=\"attachment_288\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-288\" loading=\"lazy\" class=\"img-responsive wp-image-288 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_015.jpg\" alt=\"\" width=\"450\" height=\"584\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_015.jpg 450w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_015-231x300.jpg 231w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-288\" class=\"wp-caption-text\">Portada de la revista <em>Billboard<\/em> on l\u2019enquadrament no centrat de la imatge aconsegueix un efecte molt est\u00e8tic.<\/p><\/div>\n<ul>\n<li>A l\u2019hora de compondre les p\u00e0gines, les imatges han de mirar cap a dins. Una imatge que miri cap a fora desvia el punt d\u2019inter\u00e8s i pot fer sensaci\u00f3 de desordre (tret que aix\u00f2 sigui intencionat en el disseny).<\/li>\n<\/ul>\n<div id=\"attachment_289\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-289\" loading=\"lazy\" class=\"img-responsive wp-image-289 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_016.jpg\" alt=\"\" width=\"640\" height=\"426\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_016.jpg 640w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_016-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-289\" class=\"wp-caption-text\">Les imatges han de mirar cap a dins per a crear una sensaci\u00f3 est\u00e8tica de cohesi\u00f3. En l\u2019exemple, un editorial de moda de la revista <em>Woman<\/em>.<\/p><\/div>\n<div id=\"attachment_290\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-290\" loading=\"lazy\" class=\"img-responsive wp-image-290 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_017.jpg\" alt=\"\" width=\"450\" height=\"575\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_017.jpg 450w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_017-235x300.jpg 235w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-290\" class=\"wp-caption-text\"><span lang=\"CA\" style=\"color: windowtext;\">En aquest exemple podem veure que l\u2019opci\u00f3 superior funciona millor que la inferior, on el personatge de la imatge gira l\u2019esquena al titular i desvia l\u2019atenci\u00f3 cap a fora.<\/span><\/p><\/div>\n<ul>\n<li>Tenir cura dels enquadraments de les fotos. Un mal enquadrament pot tirar per terra una bona engegada. Cal sagnar imatges sense por.<\/li>\n<\/ul>\n<p><div id=\"attachment_291\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-291\" loading=\"lazy\" class=\"img-responsive wp-image-291 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_018.jpg\" alt=\"\" width=\"450\" height=\"619\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_018.jpg 450w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a3_018-218x300.jpg 218w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-291\" class=\"wp-caption-text\">Cal sagnar imatges sense por; una bona imatge sagnada guanyar\u00e0 impacte. En l\u2019exemple veiem una doble p\u00e0gina de la revista <em>Escapes<\/em> i una altra de <em>National Geographic<\/em>.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>3.4. Consells d\u2019\u00fas de les imatges en el disseny Cal intentar triar les imatges pel seu significat, m\u00e9s enll\u00e0 que siguin m\u00e9s o menys est\u00e8tiques. Sempre cal tenir en compte el contingut. Que una foto mani sempre en la composici\u00f3. \u00c9s molt important tenir en compte la jerarquia de les imatges en el disseny. Les [&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\/ca\/wp-json\/wp\/v2\/pages\/283"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/comments?post=283"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/283\/revisions"}],"predecessor-version":[{"id":615,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/283\/revisions\/615"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}