{"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\/3-fotografias-e-imagenes-9\/","title":{"rendered":"3. Fotograf\u00edas e im\u00e1genes"},"content":{"rendered":"<p><\/p>\n<h3>3.4. Consejos de uso de las im\u00e1genes en el dise\u00f1o<\/h3>\n<ul>\n<li>Hay que intentar <strong>elegir las im\u00e1genes por su significado<\/strong>, m\u00e1s all\u00e1 de que sean m\u00e1s o menos est\u00e9ticas. Siempre hay que tener en cuenta el contenido.<\/li>\n<li><strong>Que una foto mande siempre en la composici\u00f3n<\/strong>. Es muy importante tener en cuenta la jerarqu\u00eda de las im\u00e1genes en el dise\u00f1o. Las im\u00e1genes han de contar una historia, y en eso el dise\u00f1ador lleva 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 este ejemplo de la revista <em>Smoda<\/em>, podemos ver la importancia de apostar por una imagen para que mande en la composici\u00f3n.<\/p><\/div>\n<ul>\n<li>Si solo se tienen im\u00e1genes peque\u00f1as, puede ser interesante agruparlas entre s\u00ed para que creen un conjunto.<\/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 las im\u00e1genes siempre es una buena opci\u00f3n (ejemplo de la revista <em>Woman<\/em>).<\/p><\/div>\n<ul>\n<li>Hay que tener mucho cuidado con las im\u00e1genes que se colocan en el centro del medianil. Los resultados pueden ser catastr\u00f3ficos. Si una imagen tiene que atravesar este punto, ha de ser muy grande.<\/li>\n<li>Buscar cierto desequilibrio o asimetr\u00eda en las im\u00e1genes suele funcionar muy bien. No todo en la imagen tiene que estar centrado.<\/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> donde el encuadre no centrado de la imagen logra un efecto muy est\u00e9tico.<\/p><\/div>\n<ul>\n<li>A la hora de componer las p\u00e1ginas, las im\u00e1genes han de mirar hacia dentro. Una imagen que mire hacia fuera desv\u00eda el punto de inter\u00e9s y puede dar sensaci\u00f3n de desorden (salvo que esto sea intencionado en el dise\u00f1o).<\/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\">Las im\u00e1genes han de mirar hacia dentro para crear una sensaci\u00f3n est\u00e9tica de cohesi\u00f3n. En el ejemplo, 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\">En este ejemplo, podemos ver c\u00f3mo la opci\u00f3n superior funciona mejor que la inferior, donde el personaje de la imagen da la espalda al titular y desv\u00eda la atenci\u00f3n hacia afuera.<\/p><\/div>\n<ul>\n<li>Cuidar los encuadres de las fotos. Un mal encuadre puede echar por tierra una buena puesta en marcha. Hay que sangrar im\u00e1genes sin miedo.<\/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\">Sangrar sin miedo las im\u00e1genes, una buena imagen a sangre ganar\u00e1 impacto. En el ejemplo, vemos una doble p\u00e1gina de la revista <em>Escapes<\/em> y otra de <em>National Geographic<\/em>.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>3.4. Consejos de uso de las im\u00e1genes en el dise\u00f1o Hay que intentar elegir las im\u00e1genes por su significado, m\u00e1s all\u00e1 de que sean m\u00e1s o menos est\u00e9ticas. Siempre hay que tener en cuenta el contenido. Que una foto mande siempre en la composici\u00f3n. Es muy importante tener en cuenta la jerarqu\u00eda de las im\u00e1genes [&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\/283"}],"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=283"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/283\/revisions"}],"predecessor-version":[{"id":615,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/283\/revisions\/615"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}