{"id":327,"date":"2017-06-21T11:46:12","date_gmt":"2017-06-21T11:46:12","guid":{"rendered":"http:\/\/disseny.recursos.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.recursos.uoc.edu\/recursos\/dis-marca\/4-los-colores-4\/","title":{"rendered":"4. Los colores"},"content":{"rendered":"<p><\/p>\n<h3>4.4. Crear una paleta adecuada para el producto<\/h3>\n<p>A la hora de plantearnos qu\u00e9 tipo de colores hemos de aplicar en nuestro dise\u00f1o, debemos repasar, como venimos haciendo en cada una de las fases, cu\u00e1les son las premisas que dan origen a nuestro proyecto.<\/p>\n<p>Volviendo a nuestro encargo de revista corporativa de lujo, podemos hacer el ejercicio de meditar acerca de qu\u00e9 palabras nos servir\u00edan para definir esta publicaci\u00f3n y, as\u00ed, comenzar a visualizar qu\u00e9 tipos de colores son los m\u00e1s adecuados. Palabras que pueden definir nuestro proyecto: elegante, moderno, sobrio, intelectual, femenino, lujoso, fresco, serio, de calidad, espont\u00e1neo pero delicado, entretenido, etc. Utilizaremos color en el dise\u00f1o en peque\u00f1as pinceladas. Intentaremos que predomine el negro, de manera que la mayor parte del color lo aporten las im\u00e1genes. Combinaremos el negro sobre blanco, o la tipograf\u00eda en blanco sobre las fotos para titulares elegantes. Buscaremos alg\u00fan juego con colores neutros, por si necesitamos alg\u00fan fondo de color, y definiremos una paleta sencilla que nos ayude a dar personalidad al proyecto.<\/p>\n<p>Como punto de partida, nuestra propuesta ser\u00e1 el rojo como color principal y sus dos colores equidistantes (turquesa y amarillo anaranjado). Usaremos la gama m\u00e1s pastel para neutros, aunque intentaremos no abusar del color en exceso. Hemos elegido colores vivos porque queremos que nuestro dise\u00f1o sea moderno y alegre, pero nuestra intenci\u00f3n es usarlo de manera contenida.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-330 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_016.jpg\" alt=\"\" width=\"450\" height=\"499\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_016.jpg 450w, http:\/\/disseny.recursos.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>Igualmente, debemos remarcar que en el dise\u00f1o, las normas est\u00e1n puestas para poder romperlas, y por ello nunca debemos sentirnos encorsetados a la hora de crear. Una paleta es una gu\u00eda que nos sirve para recordarnos que no tenemos que perder el norte, pero que si un dise\u00f1o requiere innovar, o utilizar algo distinto, o darle la vuelta entera a la rueda crom\u00e1tica, el dise\u00f1ador tendr\u00e1 el poder de alterar las normas en la medida de lo que considere necesario.<\/p>\n<p>Merece la pena tambi\u00e9n hacer referencia a lo que en dise\u00f1o editorial suele denominarse <em>engamar<\/em> y que viene a ser el uso arm\u00f3nico del color en relaci\u00f3n con los colores que contienen las im\u00e1genes que tenemos en p\u00e1gina. A pesar de que los colores corporativos de nuestra publicaci\u00f3n est\u00e9n previamente establecidos, un reportaje puede requerir un uso diferente del color, ya sea por la idea gr\u00e1fica que lleve detr\u00e1s o, simplemente, por el color predominante de las im\u00e1genes que se han usado. <em>Engamar<\/em> quiere decir utilizar los tonos de las im\u00e1genes o los grafismos en los recursos del dise\u00f1o para lograr una armon\u00eda propia. Est\u00e1 bien tenerlo en cuenta, porque a veces nuestra paleta puede resultar poco apropiada para las im\u00e1genes que estamos usando en un dise\u00f1o concreto, y un peque\u00f1o gui\u00f1o de color relacionado con estas puede hacer nuestro trabajo m\u00e1s redondo.<\/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.recursos.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.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1.jpg 800w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1-143x300.jpg 143w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_017-1-768x1613.jpg 768w, http:\/\/disseny.recursos.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 este ejemplo de la revista <em>Best+Health<\/em>, podemos ver c\u00f3mo los colores se han usado como idea para construir todo el tema. Tanto los elementos de la foto como los recursos participan en este juego 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.recursos.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.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1.jpg 800w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a4_018-1-238x300.jpg 238w, http:\/\/disseny.recursos.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 estos ejemplos de la revista <em>Best+Healt<\/em>, podemos ver c\u00f3mo los colores de los recursos gr\u00e1ficos, incluso tipograf\u00edas, se han engamado con los colores predominantes en las fotograf\u00edas. En el ejemplo de arriba, las letras tienen los mismos colores que las cucharillas, mientras que abajo, los elementos gr\u00e1ficos usan los colores del traje deportivo de la chica.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>4.4. Crear una paleta adecuada para el producto A la hora de plantearnos qu\u00e9 tipo de colores hemos de aplicar en nuestro dise\u00f1o, debemos repasar, como venimos haciendo en cada una de las fases, cu\u00e1les son las premisas que dan origen a nuestro proyecto. Volviendo a nuestro encargo de revista corporativa de lujo, podemos hacer [&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.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/327"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":10,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":850,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/327\/revisions\/850"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}