Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Seleccionando tu propio esquema de color

by
Length:MediumLanguages:
This post is part of a series called Design School for Developers.
Understanding the Qualities and Characteristics of Color
Working With Brand and Design Guidelines

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Por ahora debes tener una buena idea de lo que es el color, que significa cada uno de los colores y también tienes un buen concepto de los diferente tipos de esquemas de color que están disponibles para que tú los uses. No obstante, saber todo eso no te ayudará si no tienes idea de por donde empezar, o cómo poner toda esa información en acción.


El impacto del color en tus propios proyectos.

El color es una de las cosas que parecen, verdaderamente, sencillas, pero pueden ser muy difícil emplearlos correctamente.  Y ya que es una de las partes visuales y focales para cualquier diseño, luego es tan fácil observar cuando algo no está muy bien colocado. Si una parte de su diseño no se siente bien, o no representa a su empresa, servicio o marca bien, entonces puede marcar la diferencia entre los usuarios que se quedan y exploran y esos que, simplemente, desaparecen.

Debido a esto, cuando estás seleccionando un esquema de color, necesitas estar realmente consciente del impacto que el color puede tener en tus diseños, y aquí estamos hablando de ambos; el lado bueno y el otro lado.

Esta bien andar con tu propio esquema de color y desviarse de los tipos por defecto (tales como el esquema complementario), pero cuando estás comenzando a trabajar con la creación de tu propio esquema de color, es muy probable que  lo mejor será que te quedes con los esquemas de color principales. De esa manera, se hace más difícil, aunque no imposible, dar un paso equivocado y terminar con un mal esquema de color.


Escogiendo Esquemas de Color adecuados.

En primer lugar, veremos cómo puedes empezar seleccionando un esquema de color adecuado para tu proyecto.

choosing-a-colour-scheme

Aquí, lo que necesitas es estar pensando acerca de cuales colores son los más adecuados por completo para tu marca, compañía o industría. Hay una fantástica infografía sobre eso en Column Five Media, la cual habla acerca de los colores utilizados en las 100 mejores marcas alrededor del mundo.

color-scheme-info

Y no solamente esto resulta interesante, sino que también obtenemos un vistazo de cuales colores son utilizados en algunas de las marcas y compañías más prestigiosas alrededor del mundo, lo que nos da una idea fascinante de cuales colores son los que mejor funcionan —o cuales son, a menudo, los más utilizados—, en diferentes industrias en particular.

Como puedes ver en el infografic, todos los principales colores disponibles para ti son adecuados para diferentes industrias —y los colores que pueden ser adecuados, son todos los que se reducen a los que, por lo general, ya se han interpretado sus significados a través de artículos anteriores que hemos publicado. 

Lo que me encanta hacer es crear mapas mentales, explorando los diferentes tonos e ideas que tengo para un proyecto —y veo el tipo de mensaje que la marca querría proyectar en línea. Luego, comparo este mapa mental de ideas a los significados de los colores y veo cuales coinciden mejor —y eso puede ayudarte a ver cuales colores podrían ser los más adecuados para el proyecto o la marca.

¿Cuántos colores debería usar?

En algunas ocasiones, esta pregunta es verdaderamente una cuestión de preferencia. Sin embargo, no vale nada que en el infografic de la Column Five Media, fuera de las 100 marcas, solamente 5% escogiera usar más de dos colores en sus esquema de colores principales.

Nota: En poco tiempo, relativamente, cuando el negocio de la impresión fue más relevante que la exposición en línea, la cantidad de colores proceso utlizados en material impreso para una marca fuer una consideración muy real.

Dicho eso, usa tantos colores como tú sientas que sea lo más adecuado —en algunos casos, puedes usar colores para hacer diferencias entre secciones en un sitio web. Por ejemplo, puedes tener más de cuatro o cinco diferentes colores incluidos en tu esquema de color los cuales pueden concordar con cada una de las secciones del sitio.

Además, la última elección depende de ti, te recomendaría que trabajes al menos con dos o tres colores en tus propios esquemas de color, claro que eso no incluye los colores neutrales claros u oscuros para textos y fondos. Al tener dos o tres colores en tu esquema de color simplemente te permite la posibilidad de experimentar y, además, te ofrece más de un contraste entre las áreas que si fueras a trabajar con variaciones de tonos y tonalidades de un color.


Escogiendo un esquema de color desde las fotos.

Alguna vez has visto una foto y has pensado ¿qué impresionantes y mágicos aparecen los colores? Algunas veces, estos colores encantadores pueden trasladarse en un adecuado esquema de color que puedes poner en acción. Todo lo que se necesita para escoger un estupendo esquema de color desde una foto es un poco de práctica y mucha, mucha, paciencia —y por si eres perfeccionista como yo, entonces pasarás un tiempo ajustando los colores hasta que sean los correctos.

Escogiendo su Foto

La clave para seleccionar una buena fotografía para trabajar es encontrar una que tenga variedad y una que quizá tu encuentres bastante sorprendente. No importa si tu foto es más clásica o en estilo monocromático (por ejemplo, con un tono similar o un color que puedes encontrar por toda la imagen) o si es más vibrante y tiene más colores —aún así puedes encontrar un esquema de color adecuado dentro de ella.

Una vez que tengas la foto, o algunas, si, por ejemplo, quieres intentar crear varios esquemas a la vez, abre los esquemas de color en tus programas gráficos favoritos y juega con ellos hasta volverte loco.  Tengo una plantilla que me gusta usar en Photoshop (contiene algunas formas rectangulares pequeñas)  como punto de partida por donde empiezo por poner los colores que escojo.

Cuando escojo un esquema de color desde una foto, trato de quedarme con un solo tipo de esquema de color (tal como monocromático o complementario) y luego trato de elegir colores que podrían coincidir con ese estilo en la foto. Por ejemplo, miro la foto, detallada y pacientemente, y veo que colores se destacan más para mi, aunque eso no significa que sean los más brillantes, todo lo contrario, pueden ser sutiles o tan solo una pequeña parte de la foto puede contener esos colores que me gustan, sin embargo, intentaré escoger los colores que que hacen de la foto lo que es para mi.

In this photo, due to all the similar purple tones we've been able to quite easily pick out a monochromatic colour scheme.
En esta foto, debido a todos los tonos similares del color purpura, hemos sido capaces de seleccionar con facilidad un esquema de color monocromático.
This photo is quite busy, and we could therefore spend time creating a more custom colour scheme that adheres to a couple of rules, but also fits together well.
Ahora veamos esta foto, la cual esta muy ajetreada de color, y podríamos, además, pasar muchísimo tiempo creando un esquema de color más personalizado que se adhiere a un par de reglas, pero que también encaja muy bien.

Una vez que empece por ver la foto un poco más detalladamente, y tengo una mejor comprensión del estilo que busco, continuaré explorando, ¿cómo? Simplemente, con la herramienta Cuenta gotas, para ver cuales colores se mezclan mejor. Por otra parte, puede ser el caso de seleccionar solamente un color como el centro de nuestro esquema, y los otros dos colores que pueden ser utilizados para ayudar a destacar el color principal.

Luego, empieza poniendo estos colores en la plantilla y muevelos hasta que éstes contento con la ubicación y la jerarquía de los colores en el esquema de color. A menudo, también, intento trabajar con conseguir, ya sea; un color oscuro (cerca o casi negro) o un color claro (más cerca del blanco), es decir; un color que este al lado de los colores principales que puedo escoger. Entonces, esto puede ayudarte con el balance de los colores y la estructura sobre la página, así como facilitar posibles colores de texto si ninguno de tus principales colores en tu esquema son adecuados.

Honestamente, el objetivo principal aquí es que te diviertas jugando con los colores. Algunas veces, los colores que muestres no serán los más adecuados y otras veces, no conseguirás ser capaz de encontrar un esquema, decente, de color en la fotografía. Sin embargo, asegurate de experimentar con los colores hasta que crees un esquema de color que sientas más uniforme y crearas una buena armonía de color en tus diseños.

La Aplicación para iPhone, Adobe Kuler

Si estás luchando con la creación de tus propios esquemas de color desde las fotos, dejame decirte que Adobe lanzo recientemente al mercado una aplicación para iPhone por Adobe Kuler, y con esto viene un super alivio cuando seleccionas un esquema de color desde las fotografías.  Puedes cambiar al modo de camara y seleccionar desde tus fotos o puedes tomar una foto de algo directamente donde te encuentres.

adobe-kuler-1

Lo que hace brillante a la aplicación Adobe Kuler, es que éste ofrece un verdadera e innovadora manera de seleccionar colores.  Si estás tomando una foto directamente desde la aplicación Kuler, vista “En vivo”, entonces empezarás por ver pequeños círculos moviéndose sobre la foto que ves. Lo que pasa aquí es que la aplicación esta constantemente buscando y escogiendo lo que estime ser un color más valioso en esa foto como esta, luego los pondrá en un pequeño esquema de color para ti.

adobe-kuler-2

Si no confías en seleccionar tu esquema de color tú mismo desde las fotos, entonces usando la aplicación Kuler, que es una herramienta brillante, te ayudará a entender que hace un buen esquema de color desde una foto.  Lo mejor de todo, es que debes sentirte tranquilo y tomar un montón de fotos, ya sea; con una cantidad de colores reservada o con muchos colores o brillante y colorida, y usar la aplicación Kuler para analizar, con certeza, porque estos esquemas de color funcionan y porqué la aplicación los escogio.

Entonces, en el tiempo que puedes empezar a trabajar creando tus propios esquemas de color desde las fotos y tener más confianza sobre las opciones que luego harás.


Otras lecturas

Para instrucciones más detallada sobre cómo usar la aplicación Kuler para iOS, echa un vistazo a Capture Colores con la Aplicación Adobe Kuler para iPhone, localizada en Vectortuts+ por la editora Sharon Milne.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.