{"id":316,"date":"2017-06-21T11:37:25","date_gmt":"2017-06-21T11:37:25","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=316"},"modified":"2017-08-30T07:57:58","modified_gmt":"2017-08-30T07:57:58","slug":"4-los-colores-3","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/4-los-colores-3\/","title":{"rendered":"4. Los colores"},"content":{"rendered":"<p><\/p>\n<h3>4.3. Familias de colores<\/h3>\n<p>Existe una diferenciaci\u00f3n primordial entre colores fr\u00edos y colores c\u00e1lidos. Las familias de colores toman un color primario e incluyen tonos que armonizan entre s\u00ed. Se puede decir, por tanto, que tenemos tres familias principales de colores: la del azul, la del rojo y la del amarillo. Crear una paleta de color es imprescindible para poder trabajar de manera coherente en un dise\u00f1o. Nuestra paleta deber\u00e1 apoyar nuestro dise\u00f1o, ayudar a trasmitir lo que deseamos al observador y ser todo lo est\u00e9tica que podamos concebir.<\/p>\n<p>Gracias a los numerosos estudios acerca del color que se han ido desarrollando con el paso del tiempo, podemos disponer de m\u00e9todos para determinar qu\u00e9 colores armonizan mejor entre s\u00ed. Para ello, nos basaremos en lo que se conoce como \u00abla rueda crom\u00e1tica\u00bb, que es una ordenaci\u00f3n de car\u00e1cter secuencial de los colores que forman el espectro de luz. Dentro de esta rueda se encuentran todos los colores b\u00e1sicos (y todas las variantes de luminosidad resultantes de a\u00f1adir negro o blanco) que podemos usar. Tendremos a nuestra disposici\u00f3n colores vivos e intensos (directamente tomados de la rueda), colores m\u00e1s apagados o pasteles (versiones matizadas por la luminosidad de los colores principales) y combinaciones varias (el negro, el blanco y los grises son colores que combinan a la perfecci\u00f3n con cualquier familia y que ayudan a realzar a los colores que les acompa\u00f1an).<\/p>\n<p>Elegiremos colores que resulten est\u00e9ticos juntos, construiremos una familia cuyos miembros son todos diferentes, pero est\u00e1n unidos por una estrecha relaci\u00f3n entre s\u00ed.<\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-902 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/07-circulo-cromatico.jpg\" alt=\"\" width=\"2597\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/07-circulo-cromatico.jpg 2597w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/07-circulo-cromatico-300x287.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/07-circulo-cromatico-768x734.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/07-circulo-cromatico-1024x978.jpg 1024w\" sizes=\"(max-width: 2597px) 100vw, 2597px\" \/><\/p>\n<h3>4.3.1. Armon\u00edas de colores<\/h3>\n<p>Repasaremos, a continuaci\u00f3n, las diferentes armon\u00edas crom\u00e1ticas que se pueden dar en un dise\u00f1o.<\/p>\n<ul>\n<li><strong>Armon\u00eda monocrom\u00e1tica<\/strong>: basada en un solo color y en sus diferentes tonos. Es sobria y elegante, con un punto de simplicidad. Dentro de la rueda crom\u00e1tica, elegir\u00edamos un color y nos mover\u00edamos en sus m\u00faltiples tonalidades.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-903 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/08-armonia-monocromatica.jpg\" alt=\"\" width=\"3508\" height=\"1053\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/08-armonia-monocromatica.jpg 3508w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/08-armonia-monocromatica-300x90.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/08-armonia-monocromatica-768x231.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/08-armonia-monocromatica-1024x307.jpg 1024w\" sizes=\"(max-width: 3508px) 100vw, 3508px\" \/><\/p>\n<ul>\n<li><strong>Armon\u00eda de an\u00e1logos<\/strong>: los colores considerados an\u00e1logos son los que est\u00e1n colocados en las posiciones anexas. Son colores similares y quedan bien cuando se colocan juntos, ya que suelen provocar un efecto de degradado de un color al otro.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-905 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos2.jpg\" alt=\"\" width=\"2597\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos2.jpg 2597w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos2-300x287.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos2-768x734.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos2-1024x978.jpg 1024w\" sizes=\"(max-width: 2597px) 100vw, 2597px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-906 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos.jpg\" alt=\"\" width=\"2788\" height=\"1947\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos.jpg 2788w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos-300x210.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos-768x536.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/09-armonia-de-analogos-1024x715.jpg 1024w\" sizes=\"(max-width: 2788px) 100vw, 2788px\" \/><\/p>\n<ul>\n<li><strong>Armon\u00eda de colores complementarios o de contraste<\/strong>: los colores complementarios son aquellos que se encuentran en puntos opuestos entre s\u00ed dentro del c\u00edrculo crom\u00e1tico. Estos colores se refuerzan conjuntamente de manera que ganan fuerza, se vuelven m\u00e1s vibrantes cuando est\u00e1n colocados juntos. Su uso es b\u00e1sico en el dise\u00f1o editorial, ya que son id\u00f3neos para llamar la atenci\u00f3n del observador por su capacidad de impacto, aunque hay que tener cuidado porque son colores muy intensos y pueden llegar a resultar violentos.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-908 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios2.jpg\" alt=\"\" width=\"2603\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios2.jpg 2603w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios2-300x286.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios2-768x732.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios2-1024x976.jpg 1024w\" sizes=\"(max-width: 2603px) 100vw, 2603px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-909 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios.jpg\" alt=\"\" width=\"2003\" height=\"1959\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios.jpg 2003w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios-300x293.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios-768x751.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/10-armonia-de-complementarios-1024x1002.jpg 1024w\" sizes=\"(max-width: 2003px) 100vw, 2003px\" \/><\/p>\n<ul>\n<li><strong>Armon\u00eda de complementarios divididos<\/strong>: en esta composici\u00f3n lo que se hace es combinar un color no directamente con su complementario, sino con los adyacentes al mismo. Pueden utilizarse los tres colores resultantes o solo dos de ellos.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-910 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos.jpg\" alt=\"\" width=\"2597\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos.jpg 2597w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos-300x287.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos-768x734.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos-1024x978.jpg 1024w\" sizes=\"(max-width: 2597px) 100vw, 2597px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-911 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos2.jpg\" alt=\"\" width=\"2800\" height=\"1947\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos2.jpg 2800w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos2-300x209.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos2-768x534.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/11-armonia-de-complementarios-divididos2-1024x712.jpg 1024w\" sizes=\"(max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<ul>\n<li><strong>Doble armon\u00eda de complementarios<\/strong>: en este sistema lo que se utiliza son dos asociaciones de colores complementarios.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-913 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios.jpg\" alt=\"\" width=\"2603\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios.jpg 2603w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios-300x286.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios-768x732.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios-1024x976.jpg 1024w\" sizes=\"(max-width: 2603px) 100vw, 2603px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-914 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios2.jpg\" alt=\"\" width=\"1889\" height=\"1959\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios2.jpg 1889w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios2-289x300.jpg 289w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios2-768x796.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/12-doble-armonia-de-complementarios2-987x1024.jpg 987w\" sizes=\"(max-width: 1889px) 100vw, 1889px\" \/><\/p>\n<ul>\n<li><strong>Armon\u00eda de tres colores o tr\u00edada<\/strong>: en esta combinaci\u00f3n se eligen en el c\u00edrculo crom\u00e1tico tres colores que se encuentran situados en posiciones equidistantes entre s\u00ed.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-915 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada.jpg\" alt=\"\" width=\"2579\" height=\"2481\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada.jpg 2579w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada-300x289.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada-768x739.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada-1024x985.jpg 1024w\" sizes=\"(max-width: 2579px) 100vw, 2579px\" \/> <img loading=\"lazy\" class=\"alignnone size-full wp-image-916 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada2.jpg\" alt=\"\" width=\"1463\" height=\"1953\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada2.jpg 1463w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada2-225x300.jpg 225w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada2-768x1025.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/13-armonia-triada2-767x1024.jpg 767w\" sizes=\"(max-width: 1463px) 100vw, 1463px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>4.3. Familias de colores Existe una diferenciaci\u00f3n primordial entre colores fr\u00edos y colores c\u00e1lidos. Las familias de colores toman un color primario e incluyen tonos que armonizan entre s\u00ed. Se puede decir, por tanto, que tenemos tres familias principales de colores: la del azul, la del rojo y la del amarillo. Crear una paleta de [&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\/316"}],"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=316"}],"version-history":[{"count":25,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":926,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/316\/revisions\/926"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}