{"id":327,"date":"2017-06-21T11:46:12","date_gmt":"2017-06-21T11:46:12","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/?page_id=327"},"modified":"2017-07-26T08:40:22","modified_gmt":"2017-07-26T08:40:22","slug":"4-los-colores-4","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/4-los-colores-4\/","title":{"rendered":"4. Els colors"},"content":{"rendered":"<p><\/p>\n<h3>4.4. Crear una paleta adequada per al producte<\/h3>\n<p>A l\u2019hora de plantejar-nos quins tipus de colors hem d\u2019aplicar al nostre disseny hem de repassar, com hem anat fent en cadascuna de les fases, quines s\u00f3n les premisses que donen origen al nostre projecte.<\/p>\n<p>Tornant al nostre enc\u00e0rrec de revista corporativa de luxe, podem fer l\u2019exercici de meditar sobre quines paraules ens servirien per a definir aquesta publicaci\u00f3 i, aix\u00ed, comen\u00e7ar a visualitzar quins tipus de colors s\u00f3n els m\u00e9s adequats. Paraules que poden definir el nostre projecte: <em>elegant<\/em>, <em>modern<\/em>, <em>sobri<\/em>, <em>intel\u00b7lectual<\/em>, <em>femen\u00ed<\/em>, <em>lux\u00f3s<\/em>, <em>fresc<\/em>, <em>seri\u00f3s<\/em>, <em>de qualitat<\/em>, <em>espontani per\u00f2 delicat<\/em>, <em>entretingut<\/em>, etc. Utilitzarem color en el disseny en petites pinzellades. Intentarem que hi predomini el negre, de manera que la majoria del color l\u2019aportin les imatges. Combinarem el negre sobre blanc, o la tipografia en blanc sobre les fotos per a titulars elegants. Buscarem algun joc amb colors neutres, per si necessitem algun fons de color, i definirem una paleta senzilla que ens ajudi a donar personalitat al projecte.<\/p>\n<p>Com a punt de partida, la nostra proposta ser\u00e0 el vermell com a color principal i els seus dos colors equidistants (turquesa i groc ataronjat). Farem servir la gamma m\u00e9s pastel per a neutres, encara que intentarem no abusar del color en exc\u00e9s. Hem triat colors vius perqu\u00e8 volem que el nostre disseny sigui modern i alegre, per\u00f2 la nostra intenci\u00f3 \u00e9s usar-los de manera continguda.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-330 img-responsive\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_016.jpg\" alt=\"\" width=\"450\" height=\"499\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_016.jpg 450w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_016-271x300.jpg 271w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>Igualment, hem de remarcar que en el disseny, les normes estan posades per a poder-les trencar, i per aix\u00f2 no ens hem de sentir mai encotillats a l\u2019hora de crear. Una paleta \u00e9s una guia que ens serveix per a recordar-nos que no hem de perdre el nord, per\u00f2 si un disseny demana innovar, o utilitzar alguna cosa diferent, o donar la volta sencera a la roda crom\u00e0tica, el dissenyador tindr\u00e0 el poder d\u2019alterar les normes en la mesura del que consideri necessari.<\/p>\n<p>Tamb\u00e9 val la pena fer refer\u00e8ncia al que en disseny editorial s\u2019acostuma a anomenar <em>engammar<\/em>, i que \u00e9s l\u2019\u00fas harm\u00f2nic del color en relaci\u00f3 amb els colors que contenen les imatges que tenim en p\u00e0gina. Encara que els colors corporatius de la nostra publicaci\u00f3 estiguin establerts pr\u00e8viament, un reportatge pot requerir un \u00fas diferent del color, sigui per la idea gr\u00e0fica que porti al darrere o, simplement, pel color predominant de les imatges que s\u2019han fet servir. <em>Engammar<\/em> vol dir utilitzar els tons de les imatges o els grafismes en els recursos del disseny per a aconseguir una harmonia pr\u00f2pia. Est\u00e0 b\u00e9 tenir-ho en compte, perqu\u00e8 de vegades la nostra paleta pot resultar poc apropiada per a les imatges que estem fent servir en un disseny concret, i una petita mostra de color relacionat amb les imatges pot fer m\u00e9s rod\u00f3 el nostre treball.<\/p>\n<div id=\"attachment_827\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-827\" loading=\"lazy\" class=\"img-responsive wp-image-827 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1.jpg\" alt=\"\" width=\"800\" height=\"1680\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1.jpg 800w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1-143x300.jpg 143w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1-768x1613.jpg 768w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1-488x1024.jpg 488w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-827\" class=\"wp-caption-text\">En aquest exemple de la revista <em>Best+Health<\/em> podem veure com els colors s\u2019han usat com a idea per a construir tot el tema. Tant els elements de la foto com els recursos participen en aquest joc de color.<\/p><\/div>\n<p><div id=\"attachment_829\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-829\" loading=\"lazy\" class=\"img-responsive wp-image-829 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1.jpg\" alt=\"\" width=\"800\" height=\"1008\" srcset=\"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1.jpg 800w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1-238x300.jpg 238w, http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1-768x968.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-829\" class=\"wp-caption-text\">En aquests exemples de la revista <em>Best+Health<\/em> podem veure com els colors dels recursos gr\u00e0fics, fins i tot tipografies, s\u2019han engammat amb els colors predominants en les fotografies. En l\u2019exemple de dalt les lletres tenen els mateixos colors que les culleretes, mentre que en el de baix els elements gr\u00e0fics fan servir els colors del vestit esportiu de la noia.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>4.4. Crear una paleta adequada per al producte A l\u2019hora de plantejar-nos quins tipus de colors hem d\u2019aplicar al nostre disseny hem de repassar, com hem anat fent en cadascuna de les fases, quines s\u00f3n les premisses que donen origen al nostre projecte. Tornant al nostre enc\u00e0rrec de revista corporativa de luxe, podem fer l\u2019exercici [&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\/327"}],"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=327"}],"version-history":[{"count":10,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":850,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/327\/revisions\/850"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}