> Clase 1: Estándares de diseño web Taller de sitios web > Clase 1: Estándares de diseño web Cursos de verano 2009

1. Rueda de Colores(1) Principio Colores primarios 2 Los colores tienen unas propiedades inherentes que les permite distinguirse de otros y acuñar distintas definiciones de tipo de color. Colores primarios Son aquellos que no puedes crear, pero sí utilizar para crear otros. 2

1. Rueda de Colores(2) Colores secundarios 3 Se obtienen mezclando 2 colores vecinos, y luego ubicando el resultado en el 2do. bloque de cada grupo en blanco. 3

1. Rueda de Colores(3) Colores terciarios 4 Resultado de mezclar pares de colores (primarios y/o secundarios) vecinos, y ubicar el resultado en el espacio en blanco. 4

2. Colores complementarios(1) Definición Par de colores directamente opuestos en la rueda, que nos garantizan un buen contraste. Ejemplo Figura 2.1. Tres pares de Colores Complementarios. Figura 2.2. Banner para V&M, utilizando la primera combinación de Colores Complementarios de la figura 1.4 5

2. Colores complementarios(2) Otro ejemplo Figura 2.3. Tres pares de Colores Complementarios. Figura 2.4. Aplicación de la tercera combinación de Colores Complementarios de la figura 2.3 6

3. Tríadas de Colores(1) Ejemplo 7 Figura 3.1. Tríada de colores Figura 3.2. Logotipo que utiliza la tríada mostrada en la figura 3.1 7

3. Tríadas de Colores(2) Otro ejemplo 8 Figura 3.3. Tríada de colores Figura 3.4. Mensaje al usuario que utiliza la tríada mostrada en la figura 3.3 8

3. Tríadas de Colores(3) Tríadas de complemento dividido 9 Son aquellas que se forman eligiendo un color de la rueda, y luego tomando los 2 colores vecinos a su complemento. Figura 3.5. Tríada de colores de complemento dividido Figura 3.6. Menú de un sitio web que utiliza la tríada mostrada en la figura 3.5 9

3. Tríadas de Colores(3) Tríadas de complemento dividido 10 Son aquellas que se forman eligiendo un color de la rueda, y luego tomando los 2 colores vecinos a su complemento. Figura 3.6. Tríada de colores de complemento dividido Figura 3.7. Logotipo de un sitio que utiliza la tríada mostrada en la figura 3.6 10

4. Colores análogos(1) Definición Ejemplo 11 Conjunto de colores adyacentes en la rueda, que al compartir un color base, permiten una combinación armoniosa. Puedes ampliar tu selección, utilizando sombras y matices. Ejemplo Figura 4.1. Colores análogos Figura 4.2. Banner y menú que utiliza los colores análogos mostrados en la figura 4.1 11

4. Colores análogos(2) Otro ejemplo 12 Figura 4.3. Colores análogos Figura 4.4. Banner y menú que utiliza los colores análogos mostrados en la figura 4.3 12

5. Sombras y matices(1) Definición 13 Conjunto de nuevos colores que se forman agregando negro o blanco a la rueda, lo cual nos permite expandirla enormemente. Si se toma una columna de colores, se obtiene un conjunto de colores conocido como Colores Monocromáticos. 13

5. Sombras y matices(2) Ejemplos 14 Banner e introducción de un sitio Web, que utilizan algunos Colores Monocromáticos. Formulario de registro que utilizan algunos colores monocromáticos. 14