TRABAJO ENCARGADO

IMPORTANCIA DEL COLOR EN UN INTERFAZ

La aplicación puede funcionar correctamente, pero los elementos de la interfaz deben distinguirse.

•El entorno debe ser no solo agradable, sino también permitir su uso sin cansar la mirada del usuario (incluso su ánimo).

•Los programadores no son muy buenos seleccionando colores; no es su trabajo.

           

VARIACION DE COLOR

Facebook: 1 color principal y 2 variaciones.

AMARILLO

El color amarillo está vinculado con la inteligencia y la creatividad ya que estimula la actividad mental y los sentimientos de felicidad. Es un color cálido y generar buen rollo y alegría. Es el color de la luz, el sol, la acción, el poder, la fuerza… También tiene un significado negativo como la pereza, la arrogancia y la envidia.

Ejemplos:
http://webdesignledger.com/inspiration/50-yellow-web-designs-to-inspire-you
http://www.webanddesigners.com/20-yellow-color-based-website-design/

NARANJA

El naranja combina la energía del rojo con la felicidad del amarillo. Representa la alegría, la juventud, el calor y el verano. Aumenta el optimismo, la seguridad, la confianza y el equilibrio. Utilizado en pequeñas extensiones es de una gran utilidad pero en grande áreas puede ser demasiado atrevido y puede crear la sensación de agresividad.
Por eso es muy útil para captar atención y subrayar los aspectos más destacables de una página web.

Ejemplos:
http://inspiredology.com/examples-of-orange-websites/
http://www.smashingbuzz.com/2010/01/showcase-of-50-exceptional-orange-website-designs/

ROJO

El rojo simboliza la pasión, el poder, y también ayuda a estimular la energía, la vitalidad. El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, la determinación, así como el deseo y al amor. Hay que controlar su extensión e intensidad por su potencia de excitación. En grandes áreas puede cansar fácilmente

Ejemplos:
http://indeziner.com/design/45-examples-of-using-the-color-red-in-web-design/
http://webdesignledger.com/inspiration/50-red-web-designs-to-inspire-you

AZUL

Es el color del cielo y del mar. Simboliza la paz y la confianza, transmite seriedad y tranquilidad. Estimula la paciencia y la serenidad. Es el color del infinito, de los sueños y de la amistad.También puede relacionarse con el poder de la tecnología, la limpieza, el aire y el agua. Puede tener un significado negativo como la depresión o la indiferencia

Ejemplos:
http://sixrevisions.com/web_design/30_beautifully_blue_web_designs/
http://webdesignledger.com/inspiration/55-beautifully-blue-web-designs-to-inspire-you

PURPURA

Actúa directo al corazón. Sugiere abundancia, sofisticación, inteligencia, espiritualidad, religiosidad, dignidad. Pero también puede evocar frivolidad, artificialidad y pomposidad. Representa el misterio, la ceremonia,  la iluminación, la telepatía, la empatía. Ideal color para diseños web  dirigidos a un público femenino.

Ejemplos
http://spyrestudios.com/25-kick-ass-purple-portfolio-website-designs/
http://webdesignledger.com/inspiration/35-purple-web-designs-to-inspire-you

ROSA

Utilizado para el romance y presencia femenina por que sugiere calma y tranquilidad, muy útil para crear una atmósfera relajada. Significa primavera, regalos, aprecio, admiración, simpatía, salud, amor, junio…

Ejemplos
http://webdesignledger.com/inspiration/25-pink-web-designs-to-inspire-you
http://scarletbits.com/2009/pink-web-design/
VERDE
Es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura. Simboliza la esperanza y se utiliza para neutralizar los colores cálidos. Actúa como relajante y calmante; sugiere humedad, frescura. Es un color útil para el diseño web relacionado con el medio ambiente.

Ejemplos
http://webdesignledger.com/inspiration/50-green-web-designs-to-inspire-you
http://dzineblog.com/2011/04/examples-of-green-in-web-design.html

MARRÓN

Simboliza la amistad,  la tierra, el pensamiento materialista, la fiabilidad, la paz, la productividad y el trabajo práctico. Representa la vejez, tiene connotaciones de calidad, comodidad, conservador y natural.

Ejemplos
http://inspectelement.com/articles/20-great-examples-of-the-use-of-brown-in-web-design/
http://webdesignledger.com/inspiration/50-beautifully-brown-web-designs

BLANCO

Simboliza la pureza, la fe, la paz, la alegría y la pulcritud. Se le considera el color de la perfección. Se le asocia con la frescura y la limpieza porque es el color de la nieve. Útil para mostrar o resaltar otros colores y dar la impresión de sencillez y limpio. Tiene un significado negativo como color frío y distante.

Ejemplo

http://www.ozoneeleven.com/showcases/20-examples-of-white-space-properly-used-in-web-design/
http://inspirationti.me/websites/white (sirve para cualquier color)

GRIS

Se vincula a lo elegante, fresco, innovador, moderno, futurista, tecnológico, espacioso, suave, neutral. Puede representar respeto, desconsuelo, aburrimiento y vejez. Es un color que ayuda a resaltar los demás colores.

Ejemplos
http://inspirationti.me/websites/grey (sirve para cualquier color)
http://spyrestudios.com/20-examples-of-dark-minimalist-website-designs-with-great-typography/

NEGRO

Se relaciona con la oscuridad, el dolor, la desesperación, la formalidad, la tristeza, la melancolía, la infelicidad, el enfado y lo oscuro. Es un color que denota poder, misterio y estilo. En diseño web puede dar imagen de elegancia y sofisticación y aumenta la sensación de profundidad y perspectiva.

Ejemplos:

http://speckyboy.com/2010/04/28/50-examples-of-black-in-web-design-black-is-beautiful/
http://webdesignledger.com/inspiration/55-minimal-black-and-white-web-designs-to-inspire-you

CONCLUCION

Como seres humanos estamos acostumbrados a ver variaciones de color muy complejas todo el tiempo. En cualquier objeto de un solo color vemos variaciones por condiciones de luz, temperatura, reflejo, ambiente, etc.

Un buen diseño gráfico no es cosa de suerte, buengusto o instinto; tiene bases científicas y técnicas(claro que el talento también cuenta).•El secreto es la matemática y la geometría(aplicada a un esquema de referencia que relacionaa los colores).•Los ingenieros son malos para hacer UIs, pero conlos principios y elementos adecuados, podemoshacerlo bien.