{"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\/ca\/4-los-colores-3\/","title":{"rendered":"4. Els colors"},"content":{"rendered":"<p><\/p>\n<h3>4.3. Fam\u00edlies de colors<\/h3>\n<p>Hi ha una diferenciaci\u00f3 primordial entre colors freds i colors c\u00e0lids. Les fam\u00edlies de colors prenen un color primari i inclouen tons que harmonitzen entre si. Es pot dir, per tant, que tenim tres fam\u00edlies principals de colors: la del blau, la del vermell i la del groc. Crear una paleta de color \u00e9s imprescindible per a poder treballar de manera coherent en un disseny. La nostra paleta haur\u00e0 de suportar el nostre disseny, ajudar a transmetre el que volem a l\u2019observador i ser tan est\u00e8tica com la puguem concebre.<\/p>\n<p>Gr\u00e0cies als nombrosos estudis sobre el color que s\u2019han anat desenvolupant amb el pas del temps, podem disposar de m\u00e8todes per a determinar quins colors harmonitzen m\u00e9s b\u00e9 entre si. Per a aix\u00f2, ens basarem en el que es coneix com <em>roda crom\u00e0tica<\/em>, que \u00e9s una ordenaci\u00f3 seq\u00fcencial dels colors que formen l\u2019espectre de llum. Dins d\u2019aquesta roda hi ha tots els colors b\u00e0sics (i totes les variants de lluminositat resultants d\u2019afegir negre o blanc) que podem fer servir. Tindrem a la nostra disposici\u00f3 colors vius i intensos (directament presos de la roda), colors m\u00e9s apagats o pastels (versions matisades per la lluminositat dels colors principals) i combinacions diverses (el negre, el blanc i els grisos s\u00f3n colors que combinen a la perfecci\u00f3 amb qualsevol fam\u00edlia i que ajuden a real\u00e7ar els colors que els acompanyen).<\/p>\n<p>Triarem colors que resultin est\u00e8tics junts i construirem una fam\u00edlia els membres de la qual siguin tots diferents, per\u00f2 que estiguin units per una estreta relaci\u00f3 entre si.<\/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. Harmonies de colors<\/h3>\n<p>Repassarem, a continuaci\u00f3, les diferents harmonies crom\u00e0tiques que es poden donar en un disseny.<\/p>\n<ul>\n<li><strong>Harmonia monocrom\u00e0tica<\/strong>: basada en un sol color i en els seus diferents tons. \u00c9s s\u00f2bria i elegant, amb un punt de simplicitat. Dins de la roda crom\u00e0tica, triar\u00edem un color i ens mour\u00edem en les seves m\u00faltiples tonalitats.<\/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>Harmonia d\u2019an\u00e0legs<\/strong>: els colors considerats an\u00e0legs s\u00f3n els que estan col\u00b7locats en les posicions annexes. S\u00f3n colors similars i queden b\u00e9 quan es col\u00b7loquen junts, ja que solen provocar un efecte de degradat d\u2019un color a l\u2019altre.<\/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>Harmonia de colors complementaris o de contrast<\/strong>: els colors complementaris s\u00f3n els que es troben en punts oposats entre si dins del cercle crom\u00e0tic. Aquests colors es reforcen conjuntament, de manera que guanyen for\u00e7a i es tornen m\u00e9s vibrants quan estan col\u00b7locats junts. El seu \u00fas \u00e9s b\u00e0sic en el disseny editorial, ja que s\u00f3n idonis per a cridar l\u2019atenci\u00f3 de l\u2019observador per la seva capacitat d\u2019impacte, encara que cal anar-hi amb compte, perqu\u00e8 s\u00f3n colors molt intensos i poden arribar a resultar violents.<\/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>Harmonia de complementaris dividits<\/strong>: el que es fa en aquesta composici\u00f3 \u00e9s combinar un color no directament amb el seu complementari, sin\u00f3 amb els adjacents. Es poden emprar els tres colors resultants o nom\u00e9s dos.<\/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 harmonia de complementaris<\/strong>: el que s\u2019utilitza en aquest sistema s\u00f3n dues associacions de colors complementaris.<\/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>Harmonia de tres colors o tr\u00edada<\/strong>: en aquesta combinaci\u00f3 es trien, en el cercle crom\u00e0tic, tres colors que estan en posicions equidistants entre si.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-915 size-full\" 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\" \/><\/p>\n<p><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. Fam\u00edlies de colors Hi ha una diferenciaci\u00f3 primordial entre colors freds i colors c\u00e0lids. Les fam\u00edlies de colors prenen un color primari i inclouen tons que harmonitzen entre si. Es pot dir, per tant, que tenim tres fam\u00edlies principals de colors: la del blau, la del vermell i la del groc. Crear una paleta [&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\/ca\/wp-json\/wp\/v2\/pages\/316"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":25,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":926,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/316\/revisions\/926"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}