CIRCULO CROMATICO

El círculo cromático se usa en la clasificación de los colores. Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz. Según Goethe, en su libro Teoría de los colores de 1810, de carácter más cercano a lo filosófico que a lo científico, Los colores en un círculo cromático son seis: amarillo, anaranjado, rojo, violeta, azul y verde, lo cual dio paso al Modelo de color RYB, que a pesar de ser un modelo arcaico e impreciso sigue enseñándose en las artes gráficas a pesar de presentar serios inconvenientes en la composición de color; un modelo más exacto surgió tras la aparición de la fotografía en color y basado en los estudios de Newton sobre la luz, el cual se utiliza en la producción industrial de color, es el modelo que debería enseñarse en las escuelas de artes gráficas y en el diseño gráfico y tiene mayor precisión en la representación cromática, el modelo CMYK, en el cual los colores son: amarillo, rojo, magenta, azul, cian y verde. La mezcla de estos colores puede ser representada en un círculo de 12 colores, haciendo una mezcla de un color con el siguiente y así sucesivamente se puede crear un círculo cromático con millones de colores.

El hexagrama es una estrella de seis picos que se coloca en el centro del círculo cromático. Aunque depende del número de colores usados en el círculo es la cantidad de picos que tenga dicha estrella. Esta estrella muestra los colores complementarios.

Los colores luz opuestos en el círculo cromático son aquellos que se encuentran uno frente al otro.

• El amarillo es el color opuesto al azul.
• El magenta es el color opuesto al verde.
• El cian es el color opuesto al rojo.

Los colores pigmento opuestos son:

• El cian es el color opuesto al naranja.
• El magenta es el color opuesto al verde.
• El amarillo es el color opuesto al violeta.

Y así sucesivamente con todos los colores, como podría ser el azul-verde (verde mar) o el naranja-rojo (naranja rojizo).

El blanco y el negro podrían considerarse opuestos, pero nunca colores y por lo tanto no aparecen en un círculo cromático, el negro es la presencia de todos los colores y el blanco es su ausencia total.

Sin embargo el negro y el blanco al combinarse forman el gris el cual también se marca en escalas. Esto forma un círculo propio llamado "círculo cromático en escala a grises" o "círculo de grises". segun

Esta tríada de colores no es la generadora de la infinitud de todos los colores posibles de ser percibidos por el ojo o factibles de usarse en las artes gráficas, ya que permite una finita cantidad de subdivisiones. De esta tríada, por ejemplo, no pueden obtenerse los colores llamados "pasteles" que son los que tienen agregado de blanco en diferentes proporciones. 

Ejemplos de Circulo Cromatico  

 

Link para mas imagines :
http://www.google.com.mx/search?hl=es&cp=9&gs_id=1p&xhr=t&q=circulo+cromatico&gs_sm=&gs_upl=&bav=on.2,or.r_gc.r_pw.,cf.osb&biw=1280&bih=498&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi

http://www.youtube.com/watch?v=tSM9EXakkeE&feature=related

Informacion y ejemplos aportados por : Cristian Michael Hernandez Del Angel

SISTEMA RGB

SISTEMA CMYK

El sistema CMYK, define los colores de forma similar a como funciona una impresora de inyección de tinta o una imprenta comercial de cuatricromía. El color resulta de la superposición o de colocar juntas gotas de tinta semitransparente, de los colores cian (un azul brillante), magenta (un color rosa intenso), amarillo y negro, y su notación se corresponde con el valor en tanto por ciento de cada uno de estos colores.

De esta forma, un color cualquiera vendrá expresado en el sistema CMYK mediante la expresión (C,M,Y,K), en la que figuran los tantos por ciento que el color posee de los componentes básicos del sistema. Por ejemplo, (0,0,0,0) es blanco puro (el blanco del papel), mientras que (100,0,100,0) corresponde al color verde.

Los colores sustractivos son usados en pintura, imprenta y, en general, en todas aquellas composiciones en las que los colores se obtienen mediante la reflexión de la luz solar en mezclas de pigmentos (tintas, óleos, acuarelas, etc.). En estas composiciones se obtiene el color blanco mediante el uso de pigmentos de ese color (pintura) o usando un soporte de color blanco y dejando sin pintar las zonas de la composición que deban ser blancas (imprenta).

                                                                        EJEMPLOS






Aportado por:
Gabriela Escamilla Hernández
Más información:
http://www.desarrolloweb.com/articulos/1483.php
http://www.google.com.mx/search?tbm=isch&hl=es&source=hp&biw=1366&bih=587&q=sistema+cmyk&gbv=2&oq=sistema+cmyk&aq=f&aqi=g1g-S1&aql=&gs_sm=e&gs_upl=827l8674l0l9017l12l12l0l3l3l1l312l1388l0.1.4.1l6l0

AMONIA Y CONTRASTE

Armonía y contraste de colores

Nuestro sistema visual diferencia los colores por comparación, de modo que un mismo color en un entorno diferente aparenta ser distinto a la vista. La percepción de color es subjetiva y así lo demuestran innumerables experimentos. Sin embargo existen combinaciones de colores más aceptadas que otras por la mayoría. Las combinaciones que producen más impacto visual son aquellas en las que se produce la armonía o el contraste de colores, que podemos definir como:

Armonía: La combinación producida por tonos próximos en la rueda de color a partir de ligeras variaciones sobre un mismo tono. Existen combinaciones que son excepciones a esta norma como el rojo y el magenta, que aunque próximos en la rueda, no siempre combinan bien.

Contraste: Las combinaciones producidas por tonos opuestos en la rueda contrastan fuertemente produciendo un gran atractivo visual. Además del contraste de tonos existen muchas otras formas (de luminosidad, de saturación…) que serán tratadas más adelante.


Los métodos para aumentar el impacto visual de este recurso fotográfico son muchos:
-   Componer con cuidado para excluir cualquier color que rompa el efecto, con encuadres cerrados tomando la imagen desde muy cerca o bien usando un teleobjetivo.
-   Reforzar el efecto del contraste empleando un máximo de sólo 2 ó 3 colores.
-   Aumentar el contraste de color con el que produce con diferente luminosidad relativa entre los tonos.

http://www.youtube.com/results?search_query=circulo+cromatico+&oq=circulo+co&aq=3s&aqi=g3g-s1g2&aql=&gs_sm=c&gs_upl=1661l5583l0l8529l10l9l0l0l0l0l361l2028l2.1.4.2l9l0

 Informacion y Ejemplos aportados por : Cristian Michel Hernandez Del Angel.

ENFASIS

El énfasis es uno de los métodos más adecuados para conseguir el necesario resaltado de algunos elementos de un grupo de elementos homogéneos. Pero también la tendencia a dar énfasis a demasiados elementos de la página web es un error muy común, sobre todo de diseñadores web inexpertos.

Clasificación de elementos según el énfasis

Elementos dominantes

Son aquellos elementos que, dada su importancia respecto del resto de los contenidos, se destacan aplicando énfasis por encima del resto.

Elementos sub-dominantes

A la hora de interesar al visitante de la página, es necesario que luego de conseguir su atención gracias a los elementos dominantes, podamos guiarlo a través de los restantes elementos de forma tal que mantenga el interés en lo que exponemos y se interese por ver otros contenidos.

Elementos subordinados

Llamamos elementos subordinados a dos tipos de elementos. Unos son aquellas informaciones anunciadas por los elementos dominantes y sub-dominantes, como textos complementarios o ampliatorios.

EJEMPLOS

Aportado por:
Gabriela Escamilla Hernández.
Más información en:
http://www.lawebera.es/diseno-web/enfasis-en-el-diseno-web.php

ORDENAMIENTO

FOCO

ALINEACIÓN

La mayoría de los desarrolladores Web, cuando piensan en la alineación piensan en el atributo o la propiedad CSS. Pero la alineación de los elementos de la página es tan importante como si el texto está justificado o su imagen flota a la izquierda. La alineación proporciona el marco estructural de un diseño. La alineación puede afectar el estado de ánimo de la página, así como su eficacia para conseguir su mensaje.

Pero el diseño de la página puede ser tan estructurado, con un sistema rígido que es evidente, o puede ser más sutil. Si entendemos cómo alinear los elementos de manera efectiva en la página web, seremos capaces de romper las reglas de una manera eficaz también.

Estas imágenes muestran una página Web con tres simples elementos y cómo podemos diseñar dichos elementos de la página para crear diseños diferentes.

La alineación a la izquierda es, probablemente, la alineación más común en cualquier diseño. Es organizada y segura. Proporciona un ambiente conservador para cualquier diseño, ya que es confortable y familiar.

El alineado a la derecha es similar a la alineado a la izquierda en la que todos los elementos están de acuerdo pero alineados en el lado derecho del contenedor. Esta disposición es un poco menos común que la alineación a la izquierda, y proporciona una sensación de diseño menos conservador.

La forma más sencilla de hacerlo es con propiedades CSS, movemos los elementos a la derecha y luego los obligamos a permanecer por debajo de otros en el flujo del documento.

 

El centrado en las alineaciones es popular en el diseño web, especialmente con los diseñadores noveles. El centrado proporciona un enfoque convencional, pero hay que tener cuidado, ya que si centramos el diseño puede parecer plano y aburrido, a menos que lo hagamos realmente bien. Cuando la alineación está perfectamente equilibrada, no hay nada que el ojo pueda enfocar, de modo que el diseño se ve plano.

El centrado es fácil de hacer. Sólo tenemos que utilizar el CSS para alinear los distintos elementos de la página Web.

Algo que recordar cuando se utilizan las alineaciones de centrado, es que los grandes bloques de texto pueden ser muy difíciles de leer.

“En caso de duda, no centremos”.

 

El justificado de los diseños es muy similares a  los diseños centrados, pero en lugar de tener un borde dentado en el elemento de texto, se centra en ambos lados. Los diseños justificados tienen un aspecto más formal y sencillo que los diseños centrados, y pueden crear un diseño más elegante.
Los diseños justificados utilizan las mismas técnicas de centrado que la alineación centrada, también se añade la propiedad text-align al estilo de cualquier bloque de texto para justificarlo.

Hay una sutil diferencia entre esta imagen y la imagen de página de alineación centrada. En este ejemplo, la imagen y el título están muy centrados en el diseño -, pero el texto está alineado a la izquierda. El texto no coincide con la alineación del resto de la página.
En la página siguiente ofrecemos una sugerencia de cómo solucionar este problema.

Este diseño utiliza un centrado de elementos en un punto. En cambio, hay un borde visible alrededor del texto. Esto resuelve el problema que teníamos en el ejemplo anterior, porque está claro que el cuadro de texto es lo que está centrado.
Este diseño también tiene la ventaja de resolver el problema del textos centrados que son difíciles de leer.

La estructura de este diseño esta creada por la asociación de los diferentes elementos. Por ejemplo, las líneas de cabecera con la parte inferior de la imagen. El bloque de texto se alinea en la misma línea vertical como el titular.
La mayoría de los diseñadores Web prefieren este tipo de diseño porque ofrece más interés en el mismo. No es tan conservador como las alineaciones a la izquierda o a la derecha y tampoco es tan plano como un diseño centrado.

Link para buscar la informacion:

http://www.a2sistemas.com/blog/2009/11/19/alineacion-en-el-diseno-de-una-pagina-web/

Informacion y ejemplos aportados por: 
Lucero Mariana Aldape Sánchez.