Marketing Online

Las armonías de color y el diseño web

armonías de color

Vamos a empezar a hablar del color, no del de tus ojos (que es muy bonico) sino del de tu web o blog. ¿Cuántos colores usas? ¿Cómo los combinas?

Estar en armonía es como sentirte en paz, notar como todo está donde debe estar, todo encaja, ¿verdad?. Es como tirarse un peillo en el baño: te sientes en paz - piopíalo    . (Por cierto, ¿te das cuenta de que no es lo mismo decir “tirarse un peillo” que “tirarse un pedo”?. Esto lo llamo “la magia de los diminutivos”, ¡recuérdame que te cuente en qué consiste!).

Bueno, lo que te comentaba. Podemos decir que un sitio web está en armonía de color cuando todos los colores que son usados en él guardan relación directa entre sí, tomando como referencia el círculo cromático.

En el corto-post de hoy (corto por extensión y corto porque yo en los temas de color soy “algo cortico”) voy a contarte, desde mi humilde desconocimiento, cuáles son las distintas armonías (no lo de hacer música) o formas de crear combinaciones de color que sean más o menos equilibradas.

¿Y por qué te cuento esto, sabiendo que ni soy diseñador ni pretendo serlo y que tú tampoco eres ni pretendes ser? Pues muy sencillo: porque si eres Blogger DIY (o te vistes solo) tienes la obligación de aprender cómo combinar el color - piopíalo    .

Distintas armonías de color

  • Monocromática. Una combinación monocromática es aquella que se basa en un único color dominante y distintos tonos del mismo, dándole más luminosidad u oscuridad (más blancos o más negros). Es una combinación muy austera, sobria y aunque ofrezca poco contraste para resaltar, es una apuesta segura. Amos, que con esta no te la juegas.
  • Complementarios. Una combinación de complementarios se basa en la elección de un color principal y su opuesto en el círculo cromático. Al ser colores opuestos, significa que el contraste entre ambos es máximo lo que puede “hacer daño” si no los combinas con mucho cuidado. En este caso, una buena paleta de colores se basaría en los dos complementarios y algunos matices de cada uno de ellos.
  • Adyacentes. Los adyacentes son los que están muy junticos en el círculo cromático. Se trata de colores que combinan muy bien entre sí y que, aunque ofrecen un contraste muy reducido, pueden llegar a dar un aspecto muy homogéneo. ¿Sabías que este tipo de armonía es la más común en la naturaleza?
  • Complementarios cercanos. O complementarios adyacentes. Esta armonía se construye escogiendo un color principal y los adyacentes de su complementario. Con esto, se consiguen dos colores opuestos pero que no son tan radicales como el complementario único. Esta paleta es muy útil ya que te ofrece la posibilidad de altos contrastes (combinando el principal con uno de los opuestos adyacentes) o combinaciones más discretas (cogiendo los colores adyacentes solo).
  • Dobles complementarios. En esta composición de cuatro colores lo que se hace es coger dos colores que estén cerca en el círculo cromático y sus correspondientes complementarios. Te ofrece muchas posibilidades de combinación aunque, para usarla, ya debes tener unos buenos conocimientos de diseño y un buen ojo porque si no empezarás a hacer burradas (por lo menos es lo que me pasa a mi).
  • Triadas. ¡Ah sí! Cagoentoloquesemeneaporelmontesecodelespigal, ¡que se me olvidaba este!. La triada es una armonía de color muy famosa que consiste en coger tres colores que equidistan entre sí dentro del círculo cromático. La verdad es que crea unas combinaciones muy equilibradas y bonicas y es un recurso muy utilizado.

 

Ea, ya está. Más o menos ya sabemos qué son y en qué consisten las armonías de color. En el próximo post (que este ya va muy largo) te contaré algunas herramientas sobre cómo crear fácilmente paletas de colores basadas en estas armonías de color y otras herramientas que te ayudarán a saber más sobre un color concreto. ¿Pinta bien? (jejejeje, como juego con el lenguage: pintar es dar color, jajajajajajjajaja).

Bueno, y ahora cuéntame tú. ¿Conocías este concepto? ¿Lo usas para crear tus composiciones? ¿Cual es tu preferida?

Acerca del autor

Víctor Campuzano

Growth Hacker no soy, pero lo vivo. De mi blog no vivo, pero aquí si que soy como soy. Marketing Digital, Creatividad y Blogging con pasión y desenfado. Alumno del Postgrado de Growth Hacking por IEBS.

Ahora es tu momento

*

6 comentarios

  • En el blog de Blogramé, #Bolboreta eligió un morado y un verde. No me explicó el porqué y tampoco puedo explicar el porqué me gusta…

  • En serio se me ha perdido el comentario?
    Aisss
    Decía que si alguna vez habéis pensado en los daltónicos. Son un grupillo a tener en cuenta! Son entre el 8 y el 10% de los hombres!!
    Fíjate que ni san google los ha tenido en cuenta para su logo
    Mi padre es daltónico, y el enano tiene toda la pinta!
    Según sea tu público o lo que quieras transmitir, quizá sea interesante tener esto en cuenta
    Besotesss

    • Hola Rebeca!

      Lo del comentario te ha pasado porque comentabas desde el móvil y has usado un emoticono de los no-standard. Es decir, alguno cuya transcripción lleva el signo de menor que o mayor que, por lo que wordpress interpreta que es una etiqueta html y lo filtra. He detectado este problema en algunos casos y todavía investigo sobre cómo solucionarlo.

      En cuanto a lo que indicas del daltonismo, efectivamente, deberíamos tenerlo en cuenta. Yo, entonando el mea culpa, apenas he leído sobre el tema y sobre qué colores puedo usar para que un daltónico tenga una agradable experiencia de usuario.

      Gracias por el apunte!

    • Hola Víctor
      Por si te sirve para tus investigaciones privadas, ekl comentario primero lo envié con el ipad, y no puse ningún emoticono
      Besotess

Uso de cookies

Esta web utiliza cookies propias y de terceros, como Google Analytics, para optimizar su navegación y realizar tareas de análisis y las pertenecientes a WordPress. Advierto que si continuas navegando, aceptas su uso. Puede cambiar la configuración, desactivarlas u obtener más información.

ACEPTAR
Aviso de cookies