¿Cómo generar una paleta de colores para tu sitio?

alpha2.jpg

Esta es una pregunta que invariablemente nos hacemos a la hora de comenzar a diseñar un sitio, si bien hay una teoría básica para definir una paleta, muchas veces no es suficiente. ¿A qué me refiero con teoría básica? bueno pues hablando de un sitio para una funeraria por ejemplo, no vamos a usar colores vivos y festivos, lo ideal es la sobriedad, colores que evoquen tranquilidad y paz. Esto por dar un ejemplo de la teoría básica.

No ayuda mucho ciertamente, entonces, ¿de dónde vamos sacar nuestra paleta de colores? Les voy a dar dos ejemplos que trabajé reciéntemente y en los cuales llegué a la paleta de colores por caminos diferentes.

Alpha Group

Alpha Group es un sitio que agrupa a varios vendedores de bienes raíces del estado de Arizona, E.U. y Sonora, México. Para trabajar tenía solamente la información del sitio, de modo que pensando un poco me di cuenta que los dos estados comparten el mismo entorno, los atardeceres son muy característicos de esta zona desértica, son rojizos, cafe, naranja y azul. De modo que no me fue muy dificil encontrar alguna foto que me diera la pauta para comenzar a trabajar la paleta. Aquí una foto muy parecida a la que usé.

Velocity 17

V-17.com (en construcción) es de un centro recreativo en Nueva York donde todo tiene que ver con velocidad, tienen una pista de Go karts, además de varios simuladores, de vuelo en F-18, de carreras en auto y de tactical training, de modo que viendo un poco con detenimiento todo tiene que ver con velocidad, con movimiento. Para este proyecto al que le hicimos el logotipo tomamos estas cosas en cuenta a la hora de diseñarlo, de modo que el color rojo ya lo veníamos usando previamente. Lo siguiente fue buscar colores con los que el rojo se llevara bien y que no interfirieran con la idea básica de velocidad. Una buena opción es el negro y la escala de grises. Así pues en este caso la paleta de colores salió de su identidad gráfica.

Paleta de colores web 2.0

No es muy buena alternativa buscar que tu sitio se vea con diseño web 2.0. Un recurso fácil sin lugar a dudas porque ya hay paletas de colores web 2.0 definidas, es casi ridículo, lo negativo es que tu sitio se verá como millones de sitios que ya están en la red y muchos otros que vendrán en un futuro. Definitivamente una mala opción para seleccionar tu paleta de colores.

Otras alternativas

Colourlovers. Comunidad de amantes del color, los usuarios generan sus paletas de color y las comparten con todos. Un recurso que me ha ayudado mucho en algunas ocasiones que he estado bloqueado mentalmente.

Kuler. Este sitio (en flash) tiene buenas herramientas para generar tu paleta de colores, llevado a la realidad por Adobe te permite también guardar y compartir tus paletas de colores, todo con una experiencia flash :p

Bueno de manera alternativa esos son los dos recursos más utilizados por los desarrolladores de sitios web. De forma personal prefiero Colour Lovers por usabilidad, porque un sitio hecho completamente en flash (kuler) me da un poco de pereza y viéndonos más egoistas prefiero generar una paleta desde cero como fue el caso de Alpha Experts ya que con esto obtenemos una paleta completamente original.

¿Tiénes alguna técnica propia para generar paletas de color? compártela con nosotros.

3 comentarios

  1. Pues basicamente sigo el mismo patrón que utilizas, basarme en los colores del logotipo o sino tomar como referencia el tipo de mercado al que va dirigido el sitio. Si es para jovenes colores vivos (por lo general me gusta el naranja y el azul), si es algo mas sobrio un azul grisaseo con escala de grises y negros y ya si es para el gobierno el rojo no falla (jaja)

    Y tambien utilizo la tecnica de basarme en una fotografia para escoger los colores, ya que la naturaleza no se equivoca y siempre su paleta de colores es la mejor.

  2. nO estudie diseño, ni nada de eso, pero estoy trabajando de diseñador por hay por hay, cuando entro a tu página me aguito, como me falta pienso, ojala un dia llegue a tener un poco del talento que tu tienes. soy de aqui de hillo sonora y dejame decirte que ya esta este sitio entre Mis Favoritos… bien por ti y espero nos sigas iluminando a nosotros los que aun no llegamos jajaja.. cuidese hermano muy buena página.

  3. @miguel romero: Gracias por el comment. Déjame decirte que yo no aprendí casi nada de lo que escribo aquí en la escuela, casi todo es producto del trabajo que he tenido oportunidad de hacer. Conozco a excelentes diseñadores que no estudiaron diseño, que son audodidactas.

    Te recomiendo mantenerte actualizado, visita sitios relacionados al diseño, compra revistas de diseño, ilustración o Pop Art, todo esto nos sirve mucho, se nos educa el ojo como dicen por ahí.

Dilo, dilo...




Mensaje

Subscribe without commenting

Por favor mantén tus comentarios en el tópico del post, que sean relevante. Los comentarios mal intencionados pueden ser editados o removidos.

Add me

Descargas

Descarga los N-Chrome icons

Categorías

Archivos por mes

Buscar

Suscríbete vía RSS

Suscríbete vía E-mail

Lo más reciente

  1. El Congreso Creactivo necesita logo
  2. UI fail
  3. Must have t-shirts
  4. Sobre las opiniones
  5. Pácatelas!
  6. José Karlos
  7. Bambú
  8. Super Happy Dev House Hermosillo
  9. London Shit
  10. Logo Trends 2008
www.flickr.com
This is a Flickr badge showing items in a set called Viaje a San Carlos 2008. Make your own badge here.