Blog

22/10/2006

Cómo utilizar los colores en diseño web (II Parte)

coloresrgbContinuació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.

mipaleta

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
color01
color02

Paletas Formales
color3
color4

Paletas Modernas
color5
color6

Paletas Tradicionales
color7
color8

Paletas Cálidas
color9
color10

Paletas Frías
color11
color12

Paletas Serias
color13
color14

Paletas Divertidas
color16
color15

I Parte “Cómo utilizar los colores en diseño web”
ver enlace

Tutoriales
About Luis Alarcón
8 Comments
  1. Gracias!! que chevere era justo lo que necesitaba saber, que siga!!! si tiene consejitos o secretos , revelelos!!! porfa.

  2. Ah, porque los links magenta quedan espectaculares sobre azul. Tienes anteojos? Eres daltónico?

  3. BUENA CON ESTAS ME HACIA FALTA

  4. Picture Of Baby Panda…

    Picture Of Baby Panda…

  5. excelente tutorial me ha servido mucho para mejorar mi pobre diseño

  6. bueno…me artaron!!!

  7. me gustaria que explicaras con exactitud que caracteristicas tienen cada uno de los colores ce cada una de las paletas para poder utilizarlos con mas presicion y sin el temor de dar a conocer o expresar un msn erroneo, te agradeceria si me mendaras la explicacion a mi mail de antemano gracias.

  8. Viene bien para cuando te trabas con los colores, gracias!

Leave a Reply to Panda Picture Cancel reply

Su dirección de correo no se hará público. Los campos requeridos están marcados *