Una extraordinaria fuente para crear paleta de colores es sin duda la Naturaleza, toma una imagen y “saca” los colores para tu próximo proyecto.

Colorful Beauty in Nature: Butterflies

Visto en Menéame

Para complementar esta posibilidad puedes utilizar el servicio de crear paletas de colores a partir de una imagen: Color Palette Generator

Por supuesto utilizando las mariposas que se ven en Flickr:

En el periódico EL PAIS se muestra el estudio de un profesor de Oftalmología de la Universidad de Stanford, Michael F. Marmor.
Se dice que Degas y Monet y el estilo del final de sus días, no responde a una evolución del Arte expresionista sino a las afecciones oculares que sufrieron.

Aquí vemos las Pinturas que hizo Monet, se supone que lo que está a la derecha era lo que verdaderamente veía.

Los ojos enfermos de Monet y Degas

{}~Yo me pregunto ¿si lo que estamos haciendo en cuanto al color, es lo que verdaderamente deseábamos que todo mundo viera?

Una buena herramienta de color para probar diferentes combinaciones de Color.

PALETTEMAN

Una nutrida colección de ligas a referencias del color.

* Color Basics
* Color Psychology & Meaning
* Color Science & Theory
* Color Combinations and Schemes
* Top 20 Online Color Tools
* Free Desktop Color Tools
* Books on Colors
* Other

Complete Color Matching Guide

Increíble, pero cierto, todavía tenemos que aprender mucho sobre este mundo tecnológico.

Según un artículo del blog, nos explica que debemos utilizar colores que no consuman gran cantidad de Watts, de hecho el autor habló antes, que si Google tuviera un color negro de fondo ahorraría 750 mega watts-hora al año.

Los colores con valores hexadecimales:
#822007 (rusty red)
#000000 (black)
#b2bbc0 (blue grey)
#19472a (forest green)
#3d414c (cobalt)
#ffffff (white)

Emergy-C, The Low Wattage Palette

Visto en Kottke

Tutorial por Luis Alarcón

Continuación del tutorial de uso de colores en la web. En esta segunda entrega la idea es conocer cuales son las combinaciones de tonalidades más usadas y algunas sugerencias para utilizar en un proyecto web.

Cuando comienzas a diseñar una web debes definir que paleta de colores utilizaras de acuerdo a tu tipo de web, la pregunta siempre es que fondo me conviene y cuales serían los tonos que mejor combinan con el. Recuerda que los colores que utilices dirán mucho de tu web, si es seria, informal, confiable, creativa o divertida.

Paletas de colores más utilizadas:
Comienzo por mi web, utilicé una combinación de tonos fríos como el azul y gris para las zonas amplias y fondos con pequeños detalles en verde y rosado, por último todos los textos para su buena legibilidad y contraste sobre el fondo azul quedó en color blanco y algunos títulos resaltados en negro. Esta es la paleta de color de mi web.

Consideraciones generales
Si tenemos elegido o impuesto un logotipo, sus colores van a ser los que marquen la guía para toda la página, trabajando en las diferentes partes de la web con los degradados claros y oscuros de estos colores base. (aunque no necesariamente, he visto web en donde los colores del logotipo casi ni se utilizan).

De ser necesaria la introducción de otros colores (uno o dos), tendremos que elegir estos de forma que sean equilibrados con los del logotipo y trabajen juntos en buena armonía.

Recuerda también que probablemente tu web este destinada aun tipo de público especifico, esto se llama “Segmentación� me refiero si los usuarios serán en su mayoría: niños, jóvenes o adultos. En este caso la idea es aplicar paleta de colores que resulten llamativas o representen cada segmento de edad.

Como último dato te recomiendo que trates de innovar y no ceñirte tanto a los colores que utilizan la mayoría de las web, la idea tampoco es crear página uniformadas, destácate por ser diferente e investigar más sobre el uso del color.

Como ejemplos, puedes considerar las siguientes paletas genéricas:

Paletas Informales

Paletas Formales

Paletas Modernas

Paletas Tradicionales

(more…)

Tutorial por Luis Alarcón

Este post lo venia preparando hace algún tiempo y es la “I Parte� de una de las clases que doy habitualmente en el instituto IPAD, “Como utilizar bien los colores en un diseño web“. Me han resultado interesantes muchos artículos que he visto y libros que he leído sobre teorías del color, como nos afectan o provocan, este minitutorial lo he enfocado sobre la gráfica en internet aunque es aplicable en todo lo que tenga relación con el diseño gráfico, espero les sea de utilidad.

Cuando comenzamos a diseñar una web, la primero que debemos tener en cuenta que colores utilizaremos en sus distintas partes, colores bases o para destacar algún detalle de nuestro trabajo, todo esto con el fin de lograr una identidad o personalidad de nuestra web y que este tenga armonía.

Debemos recordar los colores nos provocan diferentes sensaciones de las que normalmente no somos conscientes. De una u otra manera nos afecta pues vivimos rodeados de ellos y culturalmente se han ido identificando con muchas de las cosas que nos pasan, como por ejemplo el matrimonio o la viudez son representadas por colores que ya conocemos o en la infancia si eres niño o niña los colores de tu ropa, habitación y juguetes tienen una tonalidad marcada.

A continuación definiremos las propiedades de los colores básicos generalmente aceptadas junto al uso más adecuado y posibles combinaciones para utilizarlos en sitios web.

Negro

El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio.
En una página web puede dar imagen de elegancia y sofisticación y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es muy recomendable utilizarlo como fondo ya que disminuye la legibilidad.
Un Ejemplo Web del color negro

Blanco

El blanco es luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.
En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.
Ejemplo Web del color blanco

Azul

El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
Es muy adecuado para presentar productos relacionados con la limpieza, y todo aquello relacionado directamente con el cielo, el aire, el mar o agua.
Ejemplo Web del color azul

Rojo

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 a la pasión, al deseo y al amor. Como está muy relacionado con la energía, es muy adecuado para anunciar coches, motos, bebidas energéticas, juegos, deportes y actividades de riesgo.
Ejemplo Web del color rojo

(more…)