- 16/02/2017 23:28
[ATTACH=CONFIG]222111[/ATTACH]
El color es más importante ahora qué nunca. En el mundo moderno necesitamos comunicarnos sin palabras y el color es una clave para eso.
No debe sorprendernos que los diferentes colores evocan diferentes emociones. Para empezar, hemos compilado una guía de referencia rápida qué cubre los aspectos básicos de los efectos únicos de cada color y cómo se relacionan con el diseño de UX.
Rojo.
Peligro, Importancia, Pasión.
Uno de los colores más poderosos, atribuido simultáneamente con el amor y la guerra. El refrán común, para ver rojo destaca la conexión del color con la cólera.
Los elementos rojos son más evidentes, añadiendo un sentido de importancia, ya sea bueno o malo. El uso del color rojo claro es bueno para temas como la juventud y el amor, mientras que el rojo oscuro hace hincapié en el poder y la durabilidad. Tanto Netflix como YouTube utilizan el color rojo como color primario.
El rojo se puede utilizar como un color de advertencia, como en los semáforos y las señales, una referencia qué se ha tomado de la naturaleza, donde el rojo se utiliza como elemento disuasorio para los depredadores. Pero usted debe utilizarlo con cuidado, como un poco va un largo camino. Es un gran punto culminante para los elementos individuales que necesitan atención, pero en exceso se inhibe la relajación. Por último, pero no menos importante, el rojo se asocia con el calor.
Naranja.
Confíanza, Energía, Optimismo.
El naranja comparte los aspectos estimulantes del rojo, pero en menor grado. Esto le da un aura energética sin la agresión del rojo. La naranja puede asociarse con la salud, como la vitamina C, que se encuentra comúnmente en las naranjas.
El Naranja es un color lúdico, optimista, ideal para sitios casuales, pero no siempre la mejor opción para sitios empresariales. Algunas investigaciones muestran que denota barato, para bien o para mal.
Amarillo.
Atención, Felicidad.
Curiosamente, el amarillo representa tanto la felicidad como la ansiedad. Es generalmente enérgico y optimista, pero las cortinas más brillantes marcan este efecto, haciéndole un color usado a menudo para las muestras de peligro.
Cuando se combina con el negro, puede ganar mucha atención. Un buen ejemplo fuera del diseño sería un taxi. La combinación recibe mucha atención.
Si usas amarillo siguiendo una regla simple, el amarillo claro recuerda a los usuarios de sol, felicidad, y los tonos oscuros (como el oro) son más graves y también dan la impresión de antigüedad.
Verde.
Crecimiento, Naturaleza, Éxito.
Las asociaciones más obvias con el verde son las plantas (y por extensión, la naturaleza). Dado que la mayoría de las plantas son verdes, también se asocia con el crecimiento y la salud.
Los alimentos orgánicos utilizan una gran cantidad de color verde en el diseño del sitio. Preste atención a la saturación del color. Los colores verdes saturados son emocionantes y dinámicos para los ojos. Tienen mucha atención, es por eso que funcionan bien para los botones de llamada a la acción. Combinado con el azul, el verde perpetúa aún más la limpieza.
Azul.
Confíanza, comodidad y relajación.
El azul es uno de los colores más importantes en el diseño de la UI, y uno de los más frecuentes. Dependiendo del tinte y la sombra del azul, puede representar diferentes sentimientos, pensamientos y emociones. Sombras oscuras de azul puede dar una sensación de tristeza. Una expresión que va junto con esto es sentirse triste cuando alguien está triste.
El azul claro es el color del cielo y del agua, que puede ser refrescante, libre y tranquilo. Esta amistad relajante también se traduce en la confianza inherente, por lo que es a menudo utilizado por los bancos.
La aplicación calma utiliza azul claro como color primario. No es hola que los dos mayores medios de comunicación social Facebook y Twitter usen el azul como color principal.
Púrpura.
Lujo, Romance, Creatividad.
Históricamente vinculado a la realeza, el púrpura conserva este aire de lujo de hoy. El purpura insinúa qué un producto o sitio es de gama alta. Las marcas de lujo usan un color púrpura en su color de la marca de fábrica.
Debido a que el ciclo púrpura combina con el espectro del color rojo, esto hace que comparta algunas de las características de la pasión y se integran muy bien con tonos más claros, como la lavanda.
Rosado.
Feminidad, inocencia, juventud.
El rosado es a menudo el color de dulces azúcarados, por lo que el color da un aire de juego, casi infantil. Es por eso que puede deleitar al usuario con un poco de color rosa. El rosado no siempre significa femenino. De hecho, el uso excesivo del color rosado por sus cualidades femeninas puede irritar fácilmente a los usuarios al favorecer los roles tradicionales de género.
Marrón.
Conservadurismo, tierra, Estabilidad.
Los caballeros de Londres no llevan el marrón en la ciudad. De la misma manera el marrón no funciona para la mayoría de los sitios, pero para los que funciona, funciona perfectamente. Genera una sensación rústica, pasada de moda, perfecta para sitios al aire libre, o incluso productos orgánicos. Las connotaciones con la madera también sugieren estabilidad y fiabilidad.
El sitio de Chocolates Dove, tiene un diseño de página web casi exclusivamente marrón, con diferentes tonos utilizados para compensar diferentes partes del sitio.
En general, el color marrón des-aturado es bueno para los menús, los paneles y los fondos.
Negro.
Formalidad, Poder, Sofisticacción.
El negro es el más fuerte de todos los colores, atrae la atención más rápido que otros colores, incluso el rojo, por eso es más comúnmente utilizado sólo para texto y acentos. Cuando se utiliza como un componente principal en un esquema de color, como un fondo, el negro crea sus propios lazos emocionales como cualquier color.
Combinado con plata o gris, puede representar sofisticación, tal cómo se ven los modernos dispositivos portátiles.
Blanco.
Frescura, Esterilidad, Saludos.
Al igual que su opuesto negro, los acentos en blanco en otros colores a su alrededor, es una opción popular para un color secundario.
Cuando el blanco es el color dominante, su esterilidad puede ser abrumadora. Si su sitio blanco parece demasiado duro, pruebe una rama de blanco - use combinaciones de color marfil y crema. Trate de usar tonos para qué los elementos de color blanco parezcan decentes. El blanco es el color primario de una tarjeta.
Gris.
Formalidad, Neutralidad, Sofisticacción.
El gris representa la neutralidad. Si su sitio o aplicación utiliza colores fríos, un gris mezclado con un tinte de un color fresco lo complementaría. Si su sitio utiliza colores cálidos, un gris mezclado con un tinte de un color cálido lo complementaría. Para añadir tinte a su gris, aumente la saturación de color.
Alterando su sombra, el gris puede tomar las características de negro o blanco. Cuando se utiliza como color primario, el gris da la impresión de formalidad, pero no siempre significa mala cosa. Dropbox utiliza gris para resaltar los botones, así los usuarios son capaces de encontrar el botón derecho muy rápidamente.
Puede utilizar el contenido y las imágenes que lo acompañan para evitar la sensación sombría y hacer un fuerte enfoque en el elemento. El color gris claro funciona mejor para los botones del estado desactivado (inactivo).
Conclusión.
Hemos cubierto asociaciones tradicionales de color y estos factores son un gran lugar para empezar cuando se está creando un nuevo diseño. Pero en última instancia, la decisión correcta de diseño es la qué sus usuarios creen que es correcta.
El uso del color importa, a veces mucho. Pero no hay un color universal mejor. Lo que funciona en un sitio o aplicación, no necesariamente funciona bien en otro.
Estar preparado con iconos, es lo ideal para poder preparar tu proyecto ilustrativo.
El color es más importante ahora qué nunca. En el mundo moderno necesitamos comunicarnos sin palabras y el color es una clave para eso.
No debe sorprendernos que los diferentes colores evocan diferentes emociones. Para empezar, hemos compilado una guía de referencia rápida qué cubre los aspectos básicos de los efectos únicos de cada color y cómo se relacionan con el diseño de UX.
Rojo.
Peligro, Importancia, Pasión.
Uno de los colores más poderosos, atribuido simultáneamente con el amor y la guerra. El refrán común, para ver rojo destaca la conexión del color con la cólera.
Los elementos rojos son más evidentes, añadiendo un sentido de importancia, ya sea bueno o malo. El uso del color rojo claro es bueno para temas como la juventud y el amor, mientras que el rojo oscuro hace hincapié en el poder y la durabilidad. Tanto Netflix como YouTube utilizan el color rojo como color primario.
El rojo se puede utilizar como un color de advertencia, como en los semáforos y las señales, una referencia qué se ha tomado de la naturaleza, donde el rojo se utiliza como elemento disuasorio para los depredadores. Pero usted debe utilizarlo con cuidado, como un poco va un largo camino. Es un gran punto culminante para los elementos individuales que necesitan atención, pero en exceso se inhibe la relajación. Por último, pero no menos importante, el rojo se asocia con el calor.
Naranja.
Confíanza, Energía, Optimismo.
El naranja comparte los aspectos estimulantes del rojo, pero en menor grado. Esto le da un aura energética sin la agresión del rojo. La naranja puede asociarse con la salud, como la vitamina C, que se encuentra comúnmente en las naranjas.
El Naranja es un color lúdico, optimista, ideal para sitios casuales, pero no siempre la mejor opción para sitios empresariales. Algunas investigaciones muestran que denota barato, para bien o para mal.
Amarillo.
Atención, Felicidad.
Curiosamente, el amarillo representa tanto la felicidad como la ansiedad. Es generalmente enérgico y optimista, pero las cortinas más brillantes marcan este efecto, haciéndole un color usado a menudo para las muestras de peligro.
Cuando se combina con el negro, puede ganar mucha atención. Un buen ejemplo fuera del diseño sería un taxi. La combinación recibe mucha atención.
Si usas amarillo siguiendo una regla simple, el amarillo claro recuerda a los usuarios de sol, felicidad, y los tonos oscuros (como el oro) son más graves y también dan la impresión de antigüedad.
Verde.
Crecimiento, Naturaleza, Éxito.
Las asociaciones más obvias con el verde son las plantas (y por extensión, la naturaleza). Dado que la mayoría de las plantas son verdes, también se asocia con el crecimiento y la salud.
Los alimentos orgánicos utilizan una gran cantidad de color verde en el diseño del sitio. Preste atención a la saturación del color. Los colores verdes saturados son emocionantes y dinámicos para los ojos. Tienen mucha atención, es por eso que funcionan bien para los botones de llamada a la acción. Combinado con el azul, el verde perpetúa aún más la limpieza.
Azul.
Confíanza, comodidad y relajación.
El azul es uno de los colores más importantes en el diseño de la UI, y uno de los más frecuentes. Dependiendo del tinte y la sombra del azul, puede representar diferentes sentimientos, pensamientos y emociones. Sombras oscuras de azul puede dar una sensación de tristeza. Una expresión que va junto con esto es sentirse triste cuando alguien está triste.
El azul claro es el color del cielo y del agua, que puede ser refrescante, libre y tranquilo. Esta amistad relajante también se traduce en la confianza inherente, por lo que es a menudo utilizado por los bancos.
La aplicación calma utiliza azul claro como color primario. No es hola que los dos mayores medios de comunicación social Facebook y Twitter usen el azul como color principal.
Púrpura.
Lujo, Romance, Creatividad.
Históricamente vinculado a la realeza, el púrpura conserva este aire de lujo de hoy. El purpura insinúa qué un producto o sitio es de gama alta. Las marcas de lujo usan un color púrpura en su color de la marca de fábrica.
Debido a que el ciclo púrpura combina con el espectro del color rojo, esto hace que comparta algunas de las características de la pasión y se integran muy bien con tonos más claros, como la lavanda.
Rosado.
Feminidad, inocencia, juventud.
El rosado es a menudo el color de dulces azúcarados, por lo que el color da un aire de juego, casi infantil. Es por eso que puede deleitar al usuario con un poco de color rosa. El rosado no siempre significa femenino. De hecho, el uso excesivo del color rosado por sus cualidades femeninas puede irritar fácilmente a los usuarios al favorecer los roles tradicionales de género.
Marrón.
Conservadurismo, tierra, Estabilidad.
Los caballeros de Londres no llevan el marrón en la ciudad. De la misma manera el marrón no funciona para la mayoría de los sitios, pero para los que funciona, funciona perfectamente. Genera una sensación rústica, pasada de moda, perfecta para sitios al aire libre, o incluso productos orgánicos. Las connotaciones con la madera también sugieren estabilidad y fiabilidad.
El sitio de Chocolates Dove, tiene un diseño de página web casi exclusivamente marrón, con diferentes tonos utilizados para compensar diferentes partes del sitio.
En general, el color marrón des-aturado es bueno para los menús, los paneles y los fondos.
Negro.
Formalidad, Poder, Sofisticacción.
El negro es el más fuerte de todos los colores, atrae la atención más rápido que otros colores, incluso el rojo, por eso es más comúnmente utilizado sólo para texto y acentos. Cuando se utiliza como un componente principal en un esquema de color, como un fondo, el negro crea sus propios lazos emocionales como cualquier color.
Combinado con plata o gris, puede representar sofisticación, tal cómo se ven los modernos dispositivos portátiles.
Blanco.
Frescura, Esterilidad, Saludos.
Al igual que su opuesto negro, los acentos en blanco en otros colores a su alrededor, es una opción popular para un color secundario.
Cuando el blanco es el color dominante, su esterilidad puede ser abrumadora. Si su sitio blanco parece demasiado duro, pruebe una rama de blanco - use combinaciones de color marfil y crema. Trate de usar tonos para qué los elementos de color blanco parezcan decentes. El blanco es el color primario de una tarjeta.
Gris.
Formalidad, Neutralidad, Sofisticacción.
El gris representa la neutralidad. Si su sitio o aplicación utiliza colores fríos, un gris mezclado con un tinte de un color fresco lo complementaría. Si su sitio utiliza colores cálidos, un gris mezclado con un tinte de un color cálido lo complementaría. Para añadir tinte a su gris, aumente la saturación de color.
Alterando su sombra, el gris puede tomar las características de negro o blanco. Cuando se utiliza como color primario, el gris da la impresión de formalidad, pero no siempre significa mala cosa. Dropbox utiliza gris para resaltar los botones, así los usuarios son capaces de encontrar el botón derecho muy rápidamente.
Puede utilizar el contenido y las imágenes que lo acompañan para evitar la sensación sombría y hacer un fuerte enfoque en el elemento. El color gris claro funciona mejor para los botones del estado desactivado (inactivo).
Conclusión.
Hemos cubierto asociaciones tradicionales de color y estos factores son un gran lugar para empezar cuando se está creando un nuevo diseño. Pero en última instancia, la decisión correcta de diseño es la qué sus usuarios creen que es correcta.
El uso del color importa, a veces mucho. Pero no hay un color universal mejor. Lo que funciona en un sitio o aplicación, no necesariamente funciona bien en otro.
Estar preparado con iconos, es lo ideal para poder preparar tu proyecto ilustrativo.