{"id":62,"date":"2017-02-02T08:20:29","date_gmt":"2017-02-02T08:20:29","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/?page_id=62"},"modified":"2017-03-06T15:19:37","modified_gmt":"2017-03-06T15:19:37","slug":"4-1-figura-y-fondo","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/4-1-figura-y-fondo\/","title":{"rendered":"4. Jerarqu\u00eda visual"},"content":{"rendered":"<p>Dentro de una composici\u00f3n rigen diferentes componentes que determinan una jerarqu\u00eda. Dicho de otro modo, si todos los elementos de una composici\u00f3n tuvieran la misma importancia, el mensaje resultar\u00eda m\u00e1s ca\u00f3tico y dif\u00edcil de interpretar. De esta manera, a la hora de realizar una composici\u00f3n debemos tener en cuenta los diferentes pesos visuales, los recorridos y la importancia de cada uno de los elementos.<\/p>\n<h3>4.1. Figura y fondo<\/h3>\n<p>Una primera aproximaci\u00f3n a la jerarqu\u00eda visual ser\u00eda la distinci\u00f3n entre figura y fondo. As\u00ed pues, el campo visual suele organizarse en dos elementos: la figura y el fondo. Tal y como expresa Felicia Puerta:<\/p>\n<div class=\"cita\">\n<p>\u00abLa figura adquiere peso visual y dirige la atenci\u00f3n debido a que se emplea m\u00e1s energ\u00eda para percibir la figura que el fondo, por ello se considera activa a la forma y pasivo al fondo, pero ambos est\u00e1n unidos, no existen separadamente\u00bb (Puerta, 2005, p\u00e1g. 95).<\/p>\n<\/div>\n<div class=\"fondo-fila\">\n<div class='content-column one_third'>El ejemplo del cartel de la pel\u00edcula <em>El pr\u00edncipe y la corista<\/em> (1957), da buena cuenta de la separaci\u00f3n entre figura y fondo, quedando este segundo en un color negro que confiere todo el protagonismo a la pareja que forma la figura principal.<\/div>\n<div class='content-column two_third last_column'><div id=\"attachment_63\" style=\"width: 254px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-63\" loading=\"lazy\" class=\"img-responsive wp-image-63 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_008.png\" alt=\"20106_m1_008\" width=\"244\" height=\"378\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_008.png 244w, http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_008-194x300.png 194w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><p id=\"caption-attachment-63\" class=\"wp-caption-text\">Cartel de la pel\u00edcula <a href=\"http:\/\/www.impawards.com\/1957\/prince_and_the_showgirl.html\" target=\"_blank\"><em>El pr\u00edncipe y la corista<\/em><\/a>, Bill Gold, 1957, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=25948653\" target=\"_blank\">dominio p\u00fablico<\/a>.<\/p><\/div><\/div><div class='clear_column'><\/div>\n<\/div>\n<p>De acuerdo con la teor\u00eda de la Gestalt sobre fondo y figura, la <strong>figura<\/strong> es un elemento que existe en un espacio o \u00abcampo\u00bb destac\u00e1ndose en su interrelaci\u00f3n con otros elementos. En cambio, el <strong>fondo<\/strong> se define por exclusi\u00f3n: es todo aquello que no es figura. Es la parte del campo que contiene elementos interrelacionados que no son centro de atenci\u00f3n. El fondo sostiene y enmarca a la figura y por su contraste menor tiende a no ser percibido o a ser omitido.<\/p>\n<div class=\"fondo-fila\">\n<p><div class='content-column one_half'>En el siguiente ejemplo vemos que, pese a haber una distinci\u00f3n entre fondo y figura, el fondo puede tener algo m\u00e1s de informaci\u00f3n visual (como texturas sugeridas, en este caso) y no necesariamente tiene que ser una tinta plana de un solo color. Evidentemente, cuanta m\u00e1s informaci\u00f3n tenga el fondo m\u00e1s se apoderar\u00e1 de la figura y resultar\u00e1 dif\u00edcil su separaci\u00f3n visual. Por tanto, resulta fundamental encontrar el equilibrio.<\/div><br \/>\n<div class='content-column one_half last_column'><div id=\"attachment_171\" style=\"width: 358px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-171\" loading=\"lazy\" class=\" img-responsive wp-image-171\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_009.png\" width=\"348\" height=\"497\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_009.png 450w, http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_009-210x300.png 210w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><p id=\"caption-attachment-171\" class=\"wp-caption-text\"><em>Enfoque selectivo<\/em>, Gemma San Cornelio, 1996.<\/p><\/div><\/div><div class='clear_column'><\/div><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"fondo-fila\">\n<p><div class='content-column one_half'>Siguiendo en el campo de la fotograf\u00eda, uno de sus principios de composici\u00f3n se denomina el espacio negativo, y consiste precisamente en otorgar mucho espacio al fondo para destacar la figura. En la siguiente fotograf\u00eda tenemos un ejemplo de esta forma de componer la imagen.<\/div><div class='content-column one_half last_column'><div id=\"attachment_172\" style=\"width: 610px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-172\" loading=\"lazy\" class=\"size-full wp-image-172 img-responsive\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_010.png\" alt=\"Jake Johnson, 2011, llic\u00e8ncia CC.\" width=\"600\" height=\"450\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_010.png 600w, http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-content\/uploads\/sites\/19\/2017\/02\/20106_m1_010-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-172\" class=\"wp-caption-text\">Jake Johnson, 2011, <a href=\"https:\/\/www.flickr.com\/photos\/30857131@N06\/6159403042\/\" target=\"blank\">llic\u00e8ncia CC<\/a>.<\/p><\/div><\/div><div class='clear_column'><\/div><\/p>\n<\/div>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Dentro de una composici\u00f3n rigen diferentes componentes que determinan una jerarqu\u00eda. Dicho de otro modo, si todos los elementos de una composici\u00f3n tuvieran la misma importancia, el mensaje resultar\u00eda m\u00e1s ca\u00f3tico y dif\u00edcil de interpretar. De esta manera, a la hora de realizar una composici\u00f3n debemos tener en cuenta los diferentes pesos visuales, los recorridos [&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\/form-comp\/wp-json\/wp\/v2\/pages\/62"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":45,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":417,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/pages\/62\/revisions\/417"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}