{"id":620,"date":"2023-05-09T12:00:31","date_gmt":"2023-05-09T10:00:31","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=620"},"modified":"2023-05-09T14:01:26","modified_gmt":"2023-05-09T12:01:26","slug":"cartel-impreso-del-sitio-web-de-colores-asociados","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/es\/associer-couleurs-site-web-print-affiche\/","title":{"rendered":"Sitio web e impresi\u00f3n: 5 consejos para elegir y combinar los colores adecuados"},"content":{"rendered":"<p style=\"text-align: justify;\">Ya sea para un <strong>designado<\/strong>\/<strong>webmaster principiante<\/strong> o por un <strong>negocio<\/strong> qui\u00e9n escribe sus especificaciones, la elecci\u00f3n de <strong>colores de un sitio web, un folleto, una tarjeta de visita, un cartel o un folleto<\/strong> es un ejercicio decisivo y central, tanto en t\u00e9rminos de <strong>ergonom\u00eda<\/strong> y experiencia de usuario que la del <strong>marketing<\/strong>. Entonces veremos <strong>c\u00f3mo elegir buenos colores<\/strong> dependiendo del tema abordado por su sitio web o su impresi\u00f3n y el objetivo previsto. Ver\u00e1s que a este nivel nada debe dejarse al azar, de lo contrario tu comunicaci\u00f3n perder\u00eda credibilidad.<\/p>\n<p><!--more--><\/p>\n<h2>Elija un n\u00famero limitado de colores<\/h2>\n<p style=\"text-align: justify;\">Este consejo es un secreto a voces para los amantes de la moda o el dise\u00f1o de interiores. Excepto los estilos de ropa excepcionales y originales incluidos en el\u00a0<em>pavone\u00e1ndose<\/em>, <strong>los colores no deben ser demasiado numerosos si no queremos proyectar una imagen desordenada e inmadura<\/strong>. Por un <strong>sitio web<\/strong>, preferiremos rechazar los gr\u00e1ficos en <strong>dos, tres o cuatro tonos<\/strong>, en lugar de 6 u 8 colores que seguramente le dar\u00e1n a su sitio una imagen amateur.<\/p>\n<p style=\"text-align: justify;\"><strong>Sobriedad<\/strong> Y <strong>minimalismo<\/strong> \u00a1Por lo tanto, los sitios institucionales serios no son demasiado!<\/p>\n<p>&nbsp;<\/p>\n<h2>Priorizar la claridad<\/h2>\n<p style=\"text-align: justify;\">La est\u00e9tica y la originalidad son buenas. All\u00e1 <strong>claridad<\/strong>\u00a1A veces tampoco est\u00e1 mal! Con la excepci\u00f3n de operaciones de comunicaciones especiales\/barrocas\/estrafalarias, una <strong>sitio web<\/strong> o un <strong>estampado cl\u00e1sico<\/strong> debe satisfacer sobre todo la experiencia del usuario: nada de fondos de pantalla agresivos con un color similar al de la fuente, nada de demasiados colores en el texto, etc.<\/p>\n<p style=\"text-align: justify;\">mostrar prueba <strong>de empat\u00eda<\/strong>, ponte en el lugar del internauta por ejemplo, y preg\u00fantate qu\u00e9 espera de un medio. Por ejemplo, para un sitio web pr\u00e1ctico e informativo, el texto, la imagen y el v\u00eddeo deben ser el centro de atenci\u00f3n. As\u00ed que aseg\u00farate de ofrecer la informaci\u00f3n de la forma m\u00e1s pura posible, eligiendo colores p\u00e1lidos o pasteles para el fondo o los laterales, y oscuros para el texto.<\/p>\n<p>&nbsp;<\/p>\n<h2>Utilice la rueda de colores para ayudarse a s\u00ed mismo<\/h2>\n<p style=\"text-align: justify;\">Si eres nuevo en el dise\u00f1o web o quieres comunicar especificaciones cre\u00edbles a tu dise\u00f1ador gr\u00e1fico, aqu\u00ed tienes una herramienta que te ser\u00e1 muy \u00fatil para elegir los colores de tu sitio: el <strong>rueda de color<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Claramente, tienes dos posibilidades principales para combinar colores a trav\u00e9s del <strong>rueda de color<\/strong>, basado en las propiedades f\u00edsicas del ojo humano.<\/p>\n<ul>\n<li style=\"text-align: justify;\">El primero es <strong>elige varios tonos del mismo color<\/strong>. De hecho, los colores vecinos en el diagrama de colores crean una sensaci\u00f3n de equilibrio para la vista.<\/li>\n<li style=\"text-align: justify;\">El segundo es <strong>elegir colores opuestos en la rueda de colores<\/strong>. Entonces, si eliges dos colores para tu sitio, est\u00e1s eligiendo dos colores diametralmente opuestos. Si tomas tres, eliges tres colores basados en un tri\u00e1ngulo equil\u00e1tero dibujado en el centro de la rueda de colores. Para cuatro colores, te basas en un cuadrado. Ejemplo: rosa y verde, azul oscuro y amarillo, naranja y azul claro, etc\u2026<\/li>\n<\/ul>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-158 aligncenter\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png\" alt=\"\" width=\"650\" height=\"167\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png 650w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique-300x77.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>Los colores dependen de la emoci\u00f3n a despertar.<\/h2>\n<ul>\n<li style=\"text-align: justify;\">Si deseas establecer una atm\u00f3sfera de unidad, armon\u00eda y <strong>dulzura<\/strong>, ser\u00e1 preferible elegir <strong>colores vecinos<\/strong>. Optaremos por colores tranquilizadores y fr\u00edos como el azul o el verde por ejemplo.<\/li>\n<li style=\"text-align: justify;\">Si su marketing impone un mayor <strong>energ\u00e9tico<\/strong>, entonces favorecer el <strong>colores complementarios<\/strong> en la rueda de colores, excepto la combinaci\u00f3n de color de texto y color de fondo.<\/li>\n<li style=\"text-align: justify;\">Si est\u00e1s en un <strong>operaci\u00f3n de comunicaciones agresiva<\/strong>, y est\u00e1s buscando <strong>llamar la atenci\u00f3n<\/strong> del visitante, luego favorecer el <strong>Colores c\u00e1lidos<\/strong> (rojo, naranja, amarillo) que tendr\u00e1n el efecto de despertar emoci\u00f3n, dinamismo, calidez, \u00fatiles para temas como entretenimiento, viajes o competiciones.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Elige colores seg\u00fan su significado.<\/h2>\n<p style=\"text-align: justify;\">Esta excelente tabla tomada del sitio. <em>Comentariocamarche.net<\/em> tu los enumeras <strong>significados de colores<\/strong>\u00a0acompa\u00f1ados de su simbolismo positivo y negativo, al tiempo que los afilian a \u00e1reas particulares de actividad. \u00a1Muy \u00fatil para que la elecci\u00f3n de tus colores sea congruente con el sector en el que te encuentras!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-159\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png\" alt=\"\" width=\"615\" height=\"756\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png 615w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs-244x300.png 244w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/p>\n<p>Como usted puede ver :<\/p>\n<ul>\n<li>El azul evoca serenidad y seriedad, y es adecuado para el \u00e1mbito de la inform\u00e1tica, la medicina, etc.<\/li>\n<li>El morado evoca pasi\u00f3n y se adapta a la cultura, la pol\u00edtica pero tambi\u00e9n a veces a la gastronom\u00eda o al lujo.<\/li>\n<li>El rojo tambi\u00e9n puede evocar pasi\u00f3n y amor, pero tambi\u00e9n fuerza, dinamismo y combina con el lujo, el deporte o los medios de comunicaci\u00f3n.<\/li>\n<li>El naranja evoca placer, riqueza y vitalidad, y puede utilizarse para entretenimiento, deportes, viajes, etc.<\/li>\n<li>El amarillo evoca luz, sol, vida, alegr\u00eda y combina especialmente bien con el turismo.<\/li>\n<li>El verde evoca la naturaleza y combina bien con el descubrimiento, la naturaleza, los viajes y la educaci\u00f3n.<\/li>\n<li>Brown sabe evocar el terru\u00f1o, pero tambi\u00e9n la calma y la filosof\u00eda, y puede trabajar con sitios de comercio electr\u00f3nico orientados a productos naturales, pero tambi\u00e9n con sitios vinculados a la ecolog\u00eda y al medio ambiente.<\/li>\n<li>El blanco evoca pureza y arte, y combina con la moda, el lujo y, a veces, con la actualidad, porque el blanco es neutro.<\/li>\n<li>El gris tambi\u00e9n evoca neutralidad, respeto, a veces arte y puede usarse para asociaciones.<\/li>\n<li>Finalmente, el negro evoca sobriedad, lujo, noche, arte y tambi\u00e9n seriedad. Puede utilizarse para el cine y las artes en general, la fotograf\u00eda por ejemplo, pero tambi\u00e9n para sitios de informaci\u00f3n especializados, sitios de formaci\u00f3n y, finalmente, sitios para adultos.<\/li>\n<\/ul>\n<p>Bono: aqu\u00ed tienes una infograf\u00eda en ingl\u00e9s sobre el significado de los colores en los logotipos de marcas:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-160\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png\" alt=\"\" width=\"648\" height=\"2307\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png 648w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-84x300.png 84w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-288x1024.png 288w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-575x2048.png 575w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p><em><strong>Fuentes:<\/strong><\/em><br \/>\n<a href=\"http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3\" target=\"_blank\" rel=\"noopener\">http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3<br \/>\n<\/a><a href=\"http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html\" target=\"_blank\" rel=\"noopener\">http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html<br \/>\nhttp:\/\/fr.locita.com\/technologie-2\/web\/infographie-la-signification-des-couleurs-des-logos-de-marques\/<br \/>\n<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Que ce soit pour un designer\/webmaster d\u00e9butant ou pour une entreprise qui r\u00e9dige son cahier des charges, le choix des couleurs d&rsquo;un site web, d&rsquo;un flyer, d&rsquo;une carte de visite, d&rsquo;une affiche ou d&rsquo;une plaquette est un exercice d\u00e9cisif et central, tant sur le plan de l&rsquo;ergonomie et de l&rsquo;exp\u00e9rience utilisateur que sur celui du [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":625,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphisme"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":3,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/620\/revisions"}],"predecessor-version":[{"id":4068,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/620\/revisions\/4068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/categories?post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/tags?post=620"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}