Advertisement
  1. Web Design
  2. Color Theory
Webdesign

Una Comprensiva Introducción al Color en el Diseño

by
Length:LongLanguages:

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

Este artículo aspira a darte una introducción comprensiva al más hondo hueco de conejo del diseño: el color. Te introducirá al lenguaje más importante y a conceptos para que comiences, ayudándote a tomar mejores decisiones al aplicar color a tus diseños.

Temas

Como es lo usual con estas guías, cubriremos una gran parte, incluyendo:

  • ¿Color?
  • Matiz
  • Matiz, Sombra y Tono
  • Valor
  • Saturación / Croma
  • Rueda de Color
  • Colores Que Hacen Juego
  • Monocromático
  • Tipos de Color
  • Colores Que Hacen Juego
  • Énfasis
  • Consistencia del Color
  • Significados del Color
  • Relatividad del Color

¿Color?

Sin luz no hay color, ¿cierto? Bueno, realmente sin "oscuridad" tampoco hay color. ¿Ah? Yo sé, suena raro al principio, pero con la oscuridad los colores también desaparecen. ¿Necesitamos saber cosas como éstas cuando escogemos los colores para nuestro diseño web - escoger su matiz, saturación y valor? ¡Probablemente no! ¿Podría la teoría del color explotar tu mente cada tanto y hacerte un mejor diseñador web, y por lo tanto un mejor "comunicador"? ¡Por supuesto! En términos de color, todos tenemos un montón de opiniones y emociones, pero algunas veces las personas carecen de una idea clara de lo que están haciendo realmente. Tener una base teórica en la que construir te hace mucho más efectivo como una persona que diseña. La escuela de arte no es un lugar donde la mayoría de las personas pasan un tiempo significativo de sus vidas, pero no necesitas pasar años para doblar los colores a tus necesidades. Así que empecemos por acelerarte.

Cuando se seleccionan colores existen muchas consideraciones que no esperarías en ese momento. Un poco de advertencia, puede ser un hueco de conejo del que nunca podrías escapar. Para compensarlo, propongo que lo primero y más importante, es que te enfoques en hacerlo interesante para tus usuarios mientras que escojas opciones razonables y efectivas que apoyen tu diseño. Esto parece ser una meta manejable para los principiantes del color. Entiendo que esto puede sonar hinchado, pero la subjetividad no es algo que puedas quitarte de encima cuando se habla de colores. Solo digamos que podemos estar de acuerdo en que escoger colores que tengan un significado y creen interés es un buen lugar para comenzar.

El color puede ser un "arma" muy poderosa para tu arsenal artístico o creativo - si se utiliza apropiadamente, por supuesto. Para nuestros diseños en la web, el color muchas veces se trata sobre el impacto emocional y visual. Si se usa correctamente, los colores pueden dirigir a los espectadores a lo que es importante y añadir énfasis si no lo sobre haces. Pienso que está bien decir que esta es quizás la cosa más importante cuando se utiliza el color en los proyectos web. Una preocupación secundaria es que puedes establecer cierto modo, un impacto emocional que lleva a las ideas incluso más lejos. Este tema completo es uno muy grande - gigante, realmente. Nos enfocaremos en los aspectos más importantes y los términos para que puedas comenzar.

Matiz

Un matiz es cualquier color en la rueda de color.

Muchas veces cuando las personas hablan de colores, están realmente hablando de matices - los cuales son los colores básicos y "puros", cualquier color que sea visible dentro del espectro de luz. Un ojo humano saludable puede ver 2.3 millones de matices; muchas variaciones de rojos, azules, verdes y más.

Para nuestro trabajo con colores en el diseño, representan un punto de comienzo, como las versiones más crudas o primitivas. En nuestros diseños, es aconsejable dejar atrás esto para evitar parecer un principiante o infantil. ¿Alguna vez notaste que las caricaturas para niños les gusta usar estos colores para sus personajes? No es una gran sorpresa, supongo. Puedes hacer uso de estos por supuesto si te vas por cierta estética, pero la mayoría del tiempo, ser infantil no es lo que funciona muy bien en la web.

Envoy Passport utiliza este estilo caricaturesco e infantil como ventaja. Puedes ver que los colores son muy planos y poco sofisticados. Pero están usando este estilo aquí para transmitir esta impresión o una idea que hubiese sido más difícil de representar sin imitar el trabajo de arte para niños.

Matiz, Sombra y Tono

Los matices no tienen tono o sombra - lo que significa que carecen de cualquier tipo de adiciones de blanco o negro. Por eso es que estamos hablando sobre tonos y sombras de matices en particular. El tono es la cantidad de blanco en un color. Cuando mezclas un color con el blanco lo estás tiñendo. Más blanco lleva a un incremento de la luz del matiz. Añadir blanco al matiz puro disminuye su saturación, haciendo al matiz menos intenso.

La sombra por otro lado es sobre la cantidad de negro en un color. Cuando mezclas un color con negro lo estás sombreando. Esto resulta en un color más rico, muchas veces más oscuro e intenso debido a la naturaleza abrumadora de los pigmentos negros. Muchos negros cambian las características de un matiz, incluso a través de pequeñas cantidades. Por lo tanto deberían ser usados escasamente.

Como puedes ver en el espectro a continuación, en la mitad encontrarás matiz puro. Por la izquierda, añadimos más y más blanco al teñirlo y a la derecha estamos sombreando el rojo con el negro.

Tint-Hue-Shade Spectrum
Espectro Tono-Matiz-Sombra

Hablamos de crear tonos cuando mezclamos un matiz con gris, significando que puedes efectivamente teñir y sombrear al mismo tiempo. Los tonos pueden ser más claros o más oscuros que el matiz original - dependiendo de la cantidad de blanco o negro que hayas añadido. También aparecerán menos saturados e intensos que el matiz original. Los tonos pueden revelar cualidades sutiles y complejas en un matiz y son representaciones más cercanas a la manera que vemos el mundo "real".

From MOMA
Still from MoMA’s Art Terms in Action series

Valor

El valor es la luz u oscuridad de un matiz. Los valores son muy, muy cruciales para resultados profesionales. De una manera, son mucho más importantes que estén correctos que escoger un matiz. Cuando decimos que un color es más claro u oscuro estamos hablando del valor de un matiz. Esto nos dice cuán cerca está de la versión más clara o de la más oscura. Una escala de valor es como una escala gris para un matiz particular.

Las secciones en la escala son llamados pasos. Cada uno puede ser claramente distinguido al ser significativamente más claro u oscuro que el siguiente. Si aplicas estos valores podrás alcanzar un mejor contraste de tono al usar luces y sombras realistas.

La mayoría de las mejores pinturas que colectivamente admiramos en la historia del arte fueron creados por artistas que fueron maestros a un contraste tonal sutil a través de un propio uso de la escala de valores. Alcanzaron variaciones de profundidad a través de cambios de valor graduados de un número límite de matices.

Esto funciona no solo en escala grises, pero con colores monocromáticos también (con un matiz). Piensa en ello como las luces y sombras de un matiz.

Aclarando -- Costa de Sicilia, Andreas Achenbach

Puedes ver cuán efectiva es esta escala a desaturar la pintura. Los valores no cambian cuando vuelves gris el color. Las luces más claras y los oscuros más oscuros todavía definen un efectivo rango para producir una imagen que no pierda sus cualidades artísticas.

O piensa en fotografías en blanco y negro simbólicas de los últimos cincuenta años o así. Muchas veces tienen un amplio rango de pasos en la escala del gris y crean un contraste más fuerte e interesante - oscilando desde negros muy oscuros hasta blancos muy brillantes. Los principiantes muchas veces terminan con una imagen blanca y negra plana porque no son conscientes de la necesidad de hacerlas más vibrantes con una escala gris más amplia.

Extracto de Guerrillero Heroico por Alberto Korda

Interesadamente, cada color tiene su propio rango de valores inherentes. Algunos tienen un rango más grande que otros. El rojo, por ejemplo, tiene un rango más limitado comparado con un matiz azul. El rojo está en el bajo rango de la escala del gris, el valor es muy oscuro. El amarillo, por otro lado, está en el rango alto. El verde, violeta y azul tienen el rango más largo desde lo oscuro hasta la luz en algunos varios pasos.

¿Por qué nos importa? Los valores son una manera efectiva de representar una descripción dimensional en cualquier lienzo y dejarlo aparecer en tres dimensiones usando sombras relativas de un matiz. Esto es a lo que las personas llaman más vivo o vibrante - en contraste con los colores planos que fallan al alcanzar este efecto. Por esto es que, en general, usan tonos más desaturados, los matices puros son de poca ayuda o parecen inmaduros. Un buen consejo para comenzar es con un solo matiz y desarrollar una escala de valor para tu sitio web. Puedes usar valores para resaltar áreas particulares y otras que retroceden gentilmente hasta el fondo - todo mientras te mantienes en el mismo matiz. Simple y clásico.

Investigación de la Vida Neta

Saturación / Croma

La saturación, también llamada croma, es otro concepto que no deberíamos pasar por alto. Este "color" o pureza de un matiz. Estos términos extraños realmente se traducen a la intensidad o brillantez de un color percibido. La croma es definir cuán puro es un matiz. Cuando compras colores para una pintura, las cromas son los colores que tomas de ahí mismo del tubo. En contraste a eso, los colores desaturados son lavados o puestos en gris y usualmente utilizados como colores de sombra de varios grados. Un color completamente desaturado aparece gris.

Desaturamos los matices al añadir un color complementario. Todo lo que se añade desde el lado opuesto de la rueda de color desaturará efectivamente el matiz. Donde ambos colores se encuentran, tienes tu punto de color neutral, marrón o gris. Es importante entender que no estamos añadiendo gris a esto. En efecto estás creando un gris, pero no al añadir negro o blanco. Estos grises son usados como pintores para romper los colores saturados.

¿Por qué es una buena idea? La respuesta es actualmente muy práctica: no quieres bombardear a tus espectadores con saturaciones de colores intensos en todas partes - debe ser lo contrario. Los colores altamente saturados pueden verse muy falsos y baratos. Mucho de esto le da a tus ojos un chance de descansar, nada en lo que enfocarte, y más ruido visual.

Captura de Pantalla

Cuando un sitio como UXDESIGNER TOP, de alguna manera dedicado a UX, comete un error de esta manera, es bastante triste verlo en mi opinión. ¿No se ve muy bien, no? Tiene todo tipo de problemas, pero principalmente el desastre de colores no hace fácil establecer una jerarquía para guiar al espectador. ¡Mal UX!

Toma el azul y el anaranjado por ejemplo. Uno al lado del otro se comportan intensamente. Si los mezclas podrías conseguir un tono gris que puede separar muy bien sus más saturadas variantes. Este nuevo color se posiciona a si mismo entre aquellas versiones altamente saturadas y crea una experiencia más placentera visualmente al aplicar colores más realistas. Así parezca mullido, tiene más vibración, más vida. Esto crea una barrera entre los colores que es más madura en técnica. Cuando hablas sobre maestros de la pintura, esta es una de las cosas donde tenían un firme control.

Impresión, sol naciente por Claude Monet.

En el diseño es una buena idea para enfocarte en uno o dos colores, para después crear variaciones de ellos. Esto te da muchas opciones dentro del mismo color. Puedes variar el color, pero mantenerte dentro de los mismos matices de color. Esto ayuda a anclar la atención de tus espectadores solo cuando algunas partes están saturadas selectivamente. En la imagen a continuación, encontrarás que tu ojo se siente atraído a la sen. Realmente salta a la vista.

Rueda de Color

Obtenemos una rueda de color tomando un espectro de luz y después conectando ambos extremos a un círculo. Esto se usa de manera clásica y es una herramienta de ayuda para ayudarnos la relación entre los colores. ¿Cómo así? Para principiantes, la rueda de color te puede enseñar cómo crear el mayor contraste posible para una opción en particular.

Rueda de color de Goethe

La rueda de color simétrica no es mucho una cosa científica sino una representación de cómo funciona nuestro cerebro. Apunta a cómo podríamos responder emocionalmente, en términos de cuáles reacciones despiertan los colores. Científicamente, no existen colores posibles en el espectro de color - esa es una idea en nuestros cerebros, o en los conceptos que unimos para organizar y distinguir colores. Definitivamente es de ayuda escoger el color. Estas percepciones no solo son estimuladas por nuestra propia biología pero también muy influenciadas por siglos de historia del arte y pueden varias significativamente entre varias culturas.

En estos ejemplos usaremos la rueda de color de "artistas" tradicionales basados en el modelo de color rojo-amarillo-azul (RYB). Este es derivado de cómo los pintores crean sus propias mezclas de color - a través de una mezcla de color sutil. Es usado mayormente en el arte y el diseño en estos días, antes de la teoría del color científica, el cual se refiere al ciánico, magenta y amarillo (CMY) como sus colores primarios. El CMY alcanza un mayor subconjunto de colores que el modelo de color RYB.

Colores Primarios: Rojo, Amarillo, Azul

El rojo, el amarillo y el azul son usados para crear todos los otros colores, y por lo tanto se ganan el nombre de primarios. No puedes mezclar otros colores para obtenerlos.

Ciertamente este es un buen punto de comienzo y todo lo que necesitas saber sobre los colores primarios por ahora. Eso dicho, también quiero mencionar que esto fue la opinión de muchos teóricos del color en el pasado. En la realidad, con pintura o tinta por ejemplo, puedes solo mezclar un limitado rango de colores que no concuerdan con el rango completo que un ojo humano saludable pueda percibir. Lo que estamos hablando aquí es ciertamente un subconjunto completo de los colores, también llamado gama- Así que, un grano de sal está en orden aquí.

Colores secundarios: Verde, Anaranjado, Morado

El verde, anaranjado, y morado son mezclados al combinar colores primarios.

En la rueda de color de Goethe arriba, el verde forma la base. Es la mezcla de dos colores primarios, el amarillo y el azul. El anaranjado es una mezcla de amarillo y rojo, mientras que el morado es una combinación del rojo y el azul.

Colores Terciarios

Podemos llevar esta idea más lejos y mezclar colores primarios con secundarios - de nuevo al mezclar los colores que se encuentran al lado del otro en la rueda.

Fuente: Wikipedia

Después de terminar esta declinación obtendrás lo siguiente:

  • Monasterio: amarillo-verde
  • Ámbar: amarillo-anaranjado
  • Bermellón: rojo-anaranjado
  • Magenta: rojo-morado
  • Violeta: azul-morado
  • Verde azulado: azul-verde

Nota que el color secundario sigue al color primario en esta notación.

Colores Análogos

Los colores análogos son adyacentes en la rueda de color, justo al lado del otro.

Forman una relación simple y usualmente son muy fáciles al ojo, creando un modo de paz y cómodo. ¿De qué manera? Lo más seguro es porque la combinación de color puede ser vista muchas veces en la naturaleza.

Colores Complementarios

En la rueda de color, los colores complementarios se oponen uno al otro. Los colores complementarios son una combinación muy popular ya que son placenteros de manera "natural" al ojo. El rojo y el verde son especialmente populares.

Pero mantén en mente que no los debes usar de igual forma, en vez de esto decídete por un color dominante. Generalmente el color más débil debería ser usado más para extendido y el más fuerte para la acentuación. Piensa en las combinaciones de colores como combinar el serifa con el sans-serifa. Un balance es realmente importante aquí. Los colores complementarios también son capaces de crear el contraste de color más fuerte para cada matiz.

Colores Triádicos

Los colores triádicos se colocan equidistantes en la rueda de color. Presentan una combinación un poco más avanzada y usar estos es difícil para que los principiantes lo tengan correcto, pienso - pero no dejes que eso te frene. Mientras más practiques, etc, etc...

Usualmente son buenos para las caricaturas y las escenas surreales y pueden implicar cierto tipo de juego.

Tipos de Color

Aquí hay una nueva representación de la rueda de color RYB:

Colores Cálidos

Los colores cálidos son representados por el lado derecho de la rueda de color. Tienden a atraer más la atención, son energéticos y realmente fuertes - al menos a través de nuestra percepción usual. No te olvides que estos son atributos muy humanos que no tienen nada que ver con el fenómeno de la luz. Estos colores pueden llamar nuestra atención de forma muy rápida y son considerados muy activos.

SmartBribe

Puedes hacer que los colores cálidos funcionen efectivamente, pero aquí hay un ejemplo que falla al establecer lealtad, seguridad y confianza, al lanzar muchos colores cálidos. Encima de esto, este diseño hace un mal trabajo al establecer énfasis en la acción principal. Su botón de suscripción al correo tiene el mismo color que el fondo y visualmente desaparece. Pudo haber sido mucho más sutil y efectivo si solo el botón hubiese estado usando un color cálido para que llamara más la atención si el fondo no estaba usando tal conjunto de colores activos.

Colores Fríos

El lado izquierda, por otra parte, representa los colores fríos. Estos son más confortantes y estables. También tienden a extinguirse fácilmente en el fondo de una composición y no "llaman mucho la atención". Son considerados pasivos en la naturaleza.

Este lado izquierdo de la rueda de color es muy popular entre los sitios web en estos días. Solamente échale un vistazo a los Facebooks y Twitters allá afuera y encontrarás una plétora de proyectos bien conocidos que hacen a estos colores algo intrínseco dentro de su paleta de colores. ¿Por qué? Porque los proyectos web siempre tienen que luchar no tener una locación física, donde una conexión personal y de confianza puede ser hecha mucho más fácilmente. Los sitios web que proveen a millones de personas necesitan parecer estables, de confianza, relajantes y calmados - incluso confortadores. Estas son todas cosas en las que los colores más fríos te pueden ayudar.

Etsy

Colores Neutrales

Negro, blanco, gris y marrón son considerados neutrales. En ese sentido, son colores de "apoyo". Si se aplican correctamente, estos neutrales pueden unir todo junto - como en la pintura de Monet más arriba. Proveen un descanso de la intensidad de los colores más intensos y brillantes que atraen al ojo más fácil. En ese sentido, los neutrales son la fundación de interés y variación - como tu pasta con salsa de tomate y albóndigas. La pasta es la unión neutral en todo esto.

Los neutrales retroceden al fondo cuando traes colores más saturados a la mezcla. En cada vocabulario de un increíble color, juegan una parte importante porque ayudan a crear un equilibrio balanceado en tu trabajo. Solo imagina si todo estuviese gritando en cuanto al color. Eso no sería muy efectivo y llegaríamos de nuevo al "ruido" del color. Los neutrales son tu arma secreta para crear un enfoque feroz donde se necesite. En términos prácticos, esto significa que construyes tu composición con tonos neutrales en su mayoría y después decides donde queda el enfoque y donde se supone que el ojo debería ser atraído. Ahí es donde se ponen en juego los tonos saturados.

Cinebody

Imagina si tuvieses muchos colores saturados aquí. Sería mucho más difícil que los botones de pre orden resaltaran. Ya que están en el núcleo de este negocio, necesitan ser altamente acentuados para evitar que se pierdan. Las áreas blancas y grises retroceden hasta el fondo y permiten que las pocas acentuaciones de color sobresalten.

Colores Que Hagan Juego

Antes de que sigamos, una palabra sobra mezclar varios colores juntos. Como indiqué, este proceso realmente puede ser similar a escoger tipos de letra. Trata de comprometerte con uno, o quizás con dos colores principales para tu diseño. Tienes muchas variaciones con las que jugar al ajustar el valor, tono, brillantez, saturación o usar colores neutrales, etc... Si no te vuelves loco con tantos colores, alcanzarás un resultado mucho más coherente - uno que junte toda la pieza significativamente y de manera elegante.

Empieza con un color, rebota los otros colores y ve cuán lejos puedes llevarlo. Incluso mejor si comienzas con una escala simple de gris y esperas antes de darle color a la ecuación. Juega con la luz y la oscuridad en tus aproximaciones tempranas. Para acentuar ciertas partes usa los colores denominantes escasamente mientras que dejas que los colores de apoyo hagan el trabajo del fondo.

Opciones Monocromáticas

También debería mencionar rápidamente lo que necesitas saber sobre las opciones de colores monocromáticos. ¿Recuerdas a este personaje de antes?

Esta es una escala monocromática de un matiz del rojo. Más abajo está un gran ejemplo del uso de esta aproximación monocromática efectivamente.

Boom

Énfasis

Si alguna vez usas tu color denominante escasamente, puedes crear un énfasis efectivo. Evita inflarlo demasiado y desperdiciar la oportunidad de resaltar los elementos del diseño claves con él - guárdalo para "la cereza en la punta". Úsalo para enfocarte en elementos que son realmente cruciales para comunicar las piezas más importantes de la información. Este color "primario" de tu paleta usualmente funciona bien con una escala de gris porque se desvanece fácilmente y apoya al color principal efectivamente.

El RIF6 solo resalta los elementos claves para una transacción exitosa de negocios. En este ejemplo es difícil no notar los botones que te permiten comprar este elemento. Nada se encuentra en el camino de guiar al ojo rápidamente al elemento de la interfaz que facilita la acción principal del usuario. Todo mientras usas el color principal con el que la compañía está identificado como marca. ¡Simple y efectivo! Y ningún tipo de tonterías de por medio.

Consistencia del Color

Una vez que hayas establecido un mapa mental de los colores para tus usuarios, es importante no romperlo. Si deliberadamente decides romperlo, hazlo con habilidad y propósito. Por ejemplo, Mantener los enlaces del mismo color cuando hacen la misma cosa es crucial, especialmente si tiene muchas cantidades de contenido en una página. También, mantener los colores del título consistentes le da al usuario algo que anclar a su travesía.

Mantener los colores del fondo similares puede ser bastante efectivo también. Esto no es algo que hace mucho daño cuando es ignorado, pero puede unir las cosas muy bien cuando se observa. La pieza más importante en todo esto es que estás estableciendo expectaciones para tus usuarios, y que quieres hacerle fácil a los usuarios que sigan y entiendan a dónde se dirige la travesía.

Patrón

El patrón es un nuevo producto por Etsy y hace un buen trabajo al usar el color de manera consistente. Incluso la imagen de un escritorio con los libros y cosas expande elegantemente su color de la marca y se mantiene dentro de estos colores cálidos y mullidos. La pared grisácea en el fondo le da un telón de fondo completo para llevarle atención al llamado principal de acción del sitio. Claramente dice "ETSY" sin gritarlo directo a las caras. ¡Doble pulgares arriba!

Etsy también hace un increíble trabajo en ser consistente con el color en su página principal, pero también soltaron un poco la bola aquí y allá. Pienso que es justo decir que hay cuarto para crear más cohesión al usar un color más consistente con sus páginas principales, especialmente en relación a los fondos. Échate un vistazo, sé tú el juez:

Significados del Color

En varias culturas, los colores pueden implicar diferentes significados o asociaciones. Evocan diferentes sentimientos que no deberían ser infravalorados cuando trabajamos en proyectos que abarcan las zonas culturales. Para evitar malentendidos y para una comunicación efectiva, necesitamos tomar esto en consideración.

Más abajo están unos cuantos significados comunes que los colores son reconocidos por tener un nexo con ellos. Podrías encontrarlos superficiales, pero sin duda es bueno estar atento a estas asociaciones y comprometerlas a la memoria.

Azul

El azul habla de confianza, estabilidad y negocios como ningún otro color. También implica lealtad y profesionalismo. El honor y ser dependiente está ahí también. ¡El cielo (azul) es el límite!

Clasificado

Verde

El verde implica crecimiento, armonía, naturaleza, riqueza, optimismo y dinero (por supuesto).

Zpotdrop

Rojo

El amor es una gran asociación con el rojo, pero el poder, el erotismo y la fuerza también le hacen la competencia. Lo que lo hace un poco tramposo para trabajar es que también implica peligro, sangre, maldad y un estado de emergencia. El coraje es también sinónimo. Ten cuidado sobre el contexto y significado con este ya que puede evocar connotaciones potencialmente negativas y poderosas.

El sitio para el SpeedX Leopard usa un rojo muy inteligentemente. Maximiza el color de la bicicleta en sí, pero solo escasamente para resaltar el llamado a acción. Poner rojo por todas partes no parecería ni cerca de lucir con clase.

Amarillo

El amarillo simboliza la esperanza, el sol, la emoción pero también las advertencias. Ya que es tan brillante, puede "gritarte" muy fuerte. La mayoría del tiempo, no es lo que nosotros, como usuarios, necesitamos. En el ejemplo a continuación, menos pudo haber sido más, pienso. Para un proyecto que tiene "seguro" y "familia" en su nombre, el amarillo no podría ser una de las mejores opciones.

FamilyInSafe

Morado

El antiguo color de la realeza. No es mi taza de té, pero este color es usado para dar a entender la idea de lujo, magia y todo ese jazz. Interesantemente, pienso que el punk también va con él. La asociación con la realeza y el lujo probablemente emana de la naturaleza costosa que el morado tuvo en el pasado. Fue difícil de producir (alguna historia que involucra a muchos pequeños caracoles y demás) y por lo tanto solo los más altos en la cadena de comida social fueron capaces de costearlo. Hoy en día, esto no es una preocupación, por supuesto.

Es cómico que Bootstrap, un proyecto de Código Abierto bastante popular, use morado en un contexto totalmente diferente pero muy exitoso. Quizás los proyectos de Código Abierto tienen más espacio para explorar y adherirse a diferentes físicas. ¡Increíble!

Blanco

Este es otro elemento difícil en la lista. El blanco puede demostrar pureza, limpieza, suavidad, sofisticación, elegancia, deidad, bodas, realeza y positivismo en general. En otras culturas también puede ser claramente identificado con muerte y tragedia. El blanco y el negro pueden tener significados muy diferentes dependiendo de dónde te encuentres. ¡Ten cuidado!

Cinebody

Negro

De último, pero no menos importante, el buen y antiguo misterioso, sexy y sofisticado negro. ¿Por qué tan serio, negro? Es industrial, es mecánico, y también se puede asociar con "El Final", la muerte y la maldad. Encima de esto, también es rebelde.

Imposible

Personalmente, pienso que muchas de estas asociaciones son un poco artificiales. ¡Pero queda en ti! Haz tu investigación cuando trabajes en un proyecto, especialmente si alcanza a las personas fuera de tu zona de confort, pero tiene mucha sal para seguir con ello. Más que eso, ¡diviértete y deja que fluyan tus jugos creativos! Diseñar estrictamente basado en un libro es muy aburrido de todas maneras - y una manera segura de matar la motivación.

Relatividad del Color

Solo déjame mencionar algo de manera rápida antes de que nos vayamos. El color está influenciado altamente por lo que lo rodea. En algún punto, estuvimos hablando sobre colores más cálidos y fríos, pero es un poco más relativo que eso. Los colores pueden aparecer de esa manera en relación con otros. Pueden parecer más cálidos o fríos dependiendo del ambiente en el que estén. Nuestro ojo humano es un poco tonto en ese sentido. Ve cómo los colores aquí abajo influyen uno al otro y cómo el borde gris de los cuadrados de adentro aparece de manera diferente dentro del espectro. Eso es a lo que se llama relatividad del color.

En algunos ejemplos extremos los colores pueden parecer completamente diferentes y engañar por completo al ojo humano. Échale un vistazo a esta clásica "ilusión de sombras de damas chinas" por Edward H. Adelson:

Lo creas o no, los cuadrados "A" y "B" son actualmente del mismo color. ¿Necesitas ver alguna prueba?

Usa tu elector de color favorito para chequear, si prefieres. Comida por pensamiento en el camino.

Pensamientos Finales

El color puede ser un poderoso cambiador de humor. Usa esto para tu ventaja o desventaja. Esto queda en ti porque podría ser un arma muy poderosa que usar. Tómate el tiempo de aprender más y no te frustres con la escala real frente a ti. En la web, deberías usar definitivamente el color para crear cierto modo y también para maximizar los elementos que son de particular importancia. Y con los principios de diseño, menos es más. Si todo está enfatizado por el color, nada resaltará y obtendrás un desfavorable señal de ruido.

¡No te pierdas en toda esa teoría del color de una vez! Tienes una vida entera para alcanzar probablemente apenas la fracción de un entendimiento completo. ¡Hazlo lento y disfruta el camino! Una vez que hayas abierto los ojos a este tema, verás el mundo a través de un lente diferente.

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.