{"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\/ca\/4-1-figura-y-fondo\/","title":{"rendered":"4. Jerarquia visual"},"content":{"rendered":"<p><\/p>\n<p class=\"Normal1\">Dins d\u2019una composici\u00f3 regeixen diferents components que en determinen una jerarquia. Altrament dit, si tots els elements d\u2019una composici\u00f3 tinguessin la mateixa import\u00e0ncia, el missatge resultaria m\u00e9s ca\u00f2tic i dif\u00edcil d\u2019interpretar. D\u2019aquesta manera, a l\u2019hora de realitzar una composici\u00f3, hem de tenir en compte els diferents pesos visuals, els recorreguts i la import\u00e0ncia de cadascun dels elements.<\/p>\n<h3 class=\"Normal1\">4.1. Figura i fons<\/h3>\n<p class=\"Normal1\">Una primera aproximaci\u00f3 a la jerarquia visual seria la distinci\u00f3 entre figura i fons. Aix\u00ed doncs, el camp visual acostuma a organitzar-se en dos elements: la figura i el fons. Tal com ho expressa Felicia Puerta:<\/p>\n<div class=\"cita\">\n<p class=\"CITAS\">La figura adquireix pes visual i dirigeix l\u2019atenci\u00f3 ja que s\u2019empra m\u00e9s energia per a percebre la figura que el fons, per aix\u00f2 es considera activa la forma i passiu el fons, per\u00f2 ambd\u00f3s es troben units, no existeixen separadament. (Puerta, 2005, p\u00e0g. 95)<\/p>\n<\/div>\n<div class=\"fondo-fila\">\n<div class='content-column one_third'>L\u2019exemple del cartell de la pel\u00b7l\u00edcula <em>El pr\u00edncep i la corista<\/em> (1957) d\u00f3na compte de la separaci\u00f3 entre figura i fons, at\u00e8s que queda aquest segon en un color negre que confereix tot el protagonisme a la parella que forma la figura principal.<\/div>\n<div class='content-column two_third'><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=\"Cartell de la pel\u00b7l\u00edcula El pr\u00edncep i la corista, Bill Gold, 1957, domini p\u00fablic. \" 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\">Cartell de la pel\u00b7l\u00edcula <em>El pr\u00edncep i la corista<\/em>, Bill Gold, 1957, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=25948653\" target=\"_blank\">domini p\u00fablic<\/a>.<\/p><\/div><\/div>\n<\/div>\n<p>D\u2019acord amb la teoria de la Gestalt sobre fons i figura, la <strong>figura<\/strong> \u00e9s un element que existeix en un espai o \u00abcamp\u00bb destacant-se en la seva interrelaci\u00f3 amb altres elements. En canvi, el <strong>fons<\/strong> es defineix per exclusi\u00f3: \u00e9s tot all\u00f2 que no \u00e9s figura. \u00c9s la part del camp que cont\u00e9 elements interrelacionats que no s\u00f3n centre d\u2019atenci\u00f3. El fons sost\u00e9 i emmarca la figura i, pel seu contrast menor, tendeix a no ser percebut o a ser om\u00e8s<\/p>\n<div class=\"fondo-fila\">\n<div class='content-column one_half'>En l\u2019exemple seg\u00fcent veiem que, malgrat haver-hi una distinci\u00f3 entre fons i figura, el fons pot tenir una mica m\u00e9s d\u2019informaci\u00f3 visual (com ara textures suggerides, en aquest cas) i no ha de ser necess\u00e0riament una tinta plana d\u2019un sol color. Evidentment, com m\u00e9s informaci\u00f3 tingui el fons m\u00e9s s\u2019apoderar\u00e0 de la figura i en resultar\u00e0 dif\u00edcil la separaci\u00f3 visual. Per tant, \u00e9s fonamental trobar-ne l\u2019equilibri.<\/div>\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>Enfocament selectiu<\/em>, Gemma San Cornelio, 1996.<\/p><\/div><\/div><div class='clear_column'><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"fondo-fila\">\n<div class='content-column one_half'>Seguint en el camp de la fotografia, un dels seus principis de composici\u00f3 s\u2019anomena <em>l\u2019espai negatiu<\/em> i consisteix precisament a atorgar molt d\u2019espai al fons per tal de destacar-ne la figura. A la fotografia seg\u00fcent tenim un exemple d\u2019aquesta forma de compondre la imatge.<\/div>\n<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>\n<\/div>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Dins d\u2019una composici\u00f3 regeixen diferents components que en determinen una jerarquia. Altrament dit, si tots els elements d\u2019una composici\u00f3 tinguessin la mateixa import\u00e0ncia, el missatge resultaria m\u00e9s ca\u00f2tic i dif\u00edcil d\u2019interpretar. D\u2019aquesta manera, a l\u2019hora de realitzar una composici\u00f3, hem de tenir en compte els diferents pesos visuals, els recorreguts i la import\u00e0ncia de cadascun [&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\/ca\/wp-json\/wp\/v2\/pages\/62"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":45,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":417,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/pages\/62\/revisions\/417"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/form-comp\/ca\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}