jueves, 7 de febrero de 2013

Aplicación del color de acuerdo a las parte de una página web

Cada elemento de una página web y cada agrupación de ellos debe desempeñar en la misma un papel perfectamente definido, que además debe corresponderse con su peso visual dentro del total de la página. Una de las herramientas más potentes con las que cuenta el diseñador web para cumplir este objetivo es el uso adecuado de los colores. 

En los casos de páginas más complejas, y desde el punto de vista de lo que observa el usuario, podemos dividir estas en cuerpo o sección principal, dintel, menú y pie de página. 

Sin duda alguna la parte más importante de las mencionadas es el cuerpo de la página , ya que en él va a figurar la información que queremos transmitir al visitante. Por esto, los colores dominantes en ella deben permitir una lectura de contenidos clara y amena, así como una perfecta visualización de sus elementos gráficos. Para ello, deberemos usar un color para el texto que contraste adecuadamente sobre el del fondo de la página. 

Buenos contrastes se obtienen: - Con fondos claros y textos oscuros, o al revés. 



- Con fondos fríos y textos cálidos, o al revés, siempre que no sean análogos. 


El tema del contraste entre fondo y texto es difícil de manejar en las páginas web, debido fundamentalmente a la poca resolución que tenemos en la pantalla del monitor, que suele ser de unos 5.200 puntos por pulgada cuadrada, casi 300 veces menos de la resolución que tiene una página de revista tradicional. 

Por esto, el típico conjunto fondo blanco-texto negro sigue siendo en las páginas web el mas idóneo para conseguir un contraste óptimo. Los fondos negros o muy oscuros pueden dar un buen contraste con casi cualquier color de texto que sea luminoso, mientras que los fondos coloreados pueden llegar a trabajar bien si son apagados y de baja saturación, como es el caso de tonos pasteles, grises o tierra. 

Por otro lado, no es recomendable usar imágenes de fondo en las páginas web, salvo que esta sea de un color y tono muy apagados y con poco contenido gráfico por unidad de pantalla, ya que despistan mucho al usuario y enmascaran excesivamente el texto y los demás elementos de la página. Sólo se deben usar cuando se realiza un buen estudio del mismo por un profesional del diseño web, ya que además de lo antes expuesto ralentizan mucho la carga de la página. 

Los enlaces que figuren en esta sección deben ser claramente diferenciados por el usuario, sobre todo si la página va dirigida a un público muy general. Si no usamos los colores de enlace estándares (azules vivos con texto subrayado), sí que deberemos usar un color que destaque claramente del texto informativo y del fondo. 

Descripción de cada uno de los significados del color


Cada color tiene un significado y un efecto en la vida cotidiana de las personas. Cada personalidad requiere un tono diferente para disfrutar de su ambiente.
Los colores evocan ciertos sentimientos casi de manera generalizada. Tome nota y decida qué efecto quiere crear en cada uno de sus ambientes.
  • Rojo: resistencia, vivacidad, virilidad y dinamismo. El rojo se usa en la publicidad para indicar una fuerza primitiva, el calor eficiente o las propiedades fortificantes de un producto.
  • Naranja: expresa irradiación y comunicación, es el color de la acción. Receptivo y cálido, caracteriza el fuego que arde en el hogar y simboliza la generosidad.
  • Amarillo: es el más luminoso de todos los colores. Es el primero en ser notado y el más brillante, aunque es uno de los colores que menos gustan especialmente si es verdoso porque da la idea de ser enfermizo y desagradable para la mayoría de la gente.
  • Verde: simboliza crecimiento y esperanza. Se considera un color tranquilo que tiene un carácter soleado cuando tiende al amarillo o reflexivo cuando tiende al azul.
  • Azul: evoca imágenes de relajación. Expresa vida espiritual interior y simboliza el infinito cuando presenta sus tonos más oscuros; en sus tintes más claros tiene una calidad onírica.
  • Violeta: es el color del misterio y la dignidad, en algunas culturas simboliza el luto. Es equivalente al pensamiento meditativo y místico.
  • Gris: es neutro y no proporciona significado alguno. Es símbolo de indecisión e inercia y en sus tonos más oscuros se asocia con la monotonía y la depresión.

Un caso curioso
El primero de marzo de 1979, en Estados Unidos, se pintó la celda de una correccional de rosado. Cada detenido se mantenía entre 10 y 15 minutos en el cuarto mientras se preparaba la documentación; después de 156 días, la dirección reportó que no se habían presentado incidentes de hostilidad aunque anteriormente este era un enorme problema.

Basados en estas observaciones, decidieron pintar la celda de castigos pero los resultados ya no fueron tan alentadores.

Después de cuatro horas, un hombre enloqueció por completo y trató de destruir la celda y a sí mismo. Este mismo resultado se observó con animales que, incluso, se tornaban caníbales.

El estudio reveló que los efectos relajantes del rosado duran sólo 30 minutos, después las personas se tornan agresivas e intolerantes.




Propiedad de los colores


Las propiedades del color son básicamente, elementos diferentes que hacen único un determinado colorle hacen variar su aspecto y definen su apariencia final. Ellas están basadas en uno de los modelos de color más aceptados actualmente, realizado por Albert Münsell en 1905. Entre ellas podemos encontrar:

Matiz (Hue o Tonalidad)

Denominado también tono, tinte y color, es la propiedad del color que se refiere al estado puro del color, el color puro al cual más se acerca. Es la cualidad por la cual diferenciamos y damos su nombre al color. Es el estado puro, sin el blanco o el negro agregados, y es un atributo asociado con la longitud de onda dominante en la mezcla de las ondas luminosas. Es la sumatoria de longitudes de onda que puede reflejar una superficie1.
El matiz nos permite distinguir el rojo del azul, y se refiere al recorrido que hace un tono hacia uno u otro lado del círculo cromático, por lo que el verde amarillento y el verde azulado serán matices diferentes del verde.
Los tres colores primarios representan los tres matices primarios, y mezclando éstos podemos obtener los demás matices o colores. Dos colores son complementarios cuando están uno frente a otro en el círculo de matices (círculo cromático).
Existe un orden natural de los matices: rojo, amarillo, verde, azul,  violeta; y se pueden mezclar con los colores cercanos para obtener una variación continua de un color al otro. Por ejemplo, mezclando el rojo y el amarillo en diferentes proporciones de uno y otro, se obtienen diversos matices del anaranjado hasta llegar al amarillo. Lo mismo sucede con el amarillo y el verde, o el verde y el azul, etc.

Valor o luminosidad

Es un término que se usa para describir cuan claro o cuan oscuro parece un color y se refiere a lacantidad de luz percibida. Independientemente de los valores propios de los colores, pues éstos se pueden alterar mediante la adición de blanco que lleva el color a claves o valores de luminosidad más altos, o de negro que los disminuye.
Los colores que tienen un valor alto (claros), reflejan más luz y los de valor bajo (oscuros) absorben más luz. Dentro del círculo cromático, el amarillo es el color de mayor luminosidad (más cercano al blanco) y el violeta el de menor (más cercano al negro).
Es una propiedad importante, ya que va a crear sensaciones espaciales por medio del color. Así, porciones de un mismo color con fuertes diferencias de valor, definen porciones diferentes en el espacio, mientras que un cambio gradual en el valor de un color (gradación) va a dar sensación de contorno, de continuidad de un objeto en el espacio.
Un azul, por ejemplo, mezclado con blanco, da como resultado un azul más claro, es decir, de un valor más alto. A medida que a un color se le agrega más negro, se intensifica dicha oscuridad y se obtiene un color de un valor más bajo.
Dos colores diferentes (como el rojo y el azul) pueden llegar a tener el mismo valor, si consideramos el concepto como el mismo grado de claridad u oscuridad con relación a la misma cantidad de blanco o negro que contengan, según cada caso.
La descripción clásica de los valores corresponde a claro (cuando contiene grandes cantidades de blanco), medio (cuando contiene cantidades de gris) y oscuro (cuando contiene grandes cantidades de negro). Una escala de valores tonales tiene como extremos el blanco y el negro.

Saturación o brillo

Este concepto representa la viveza o palidez de un color, su intensidad, y puede relacionarse con el ancho de banda de la luz que estamos visualizando. Los colores puros del espectro están completamente saturados. Un color intenso es muy vivo, cuando más se satura el color, mayor es la impresión de que el objeto se está moviendo.
Esta propiedad diferencia un color intenso de uno pálido. Se puede concebir la saturación como si fuera la brillantez de un color. También ésta puede ser definida por la cantidad de gris que contiene un color: mientras más gris o más neutro es, menos brillante o menos saturado es, y por lo tanto, menos vivo.Cualquier cambio hecho a un color puro, automáticamente baja su saturación. Cada uno de los colores primarios tiene su mayor valor de intensidad antes de ser mezclados con otros.
Por ejemplo, decimos “un rojo muy saturado” cuando nos referimos a un rojo puro y rico. Pero cuando nos referimos a los tonos de un color que tiene algún valor de gris, o de algún otro color, los llamamos menos saturados. La saturación del color se dice que es más baja cuando se le añade su opuesto o complementario en el círculo cromático, ya que se produce su neutralización. Basándonos en estos conceptos podemos definir un color neutro como aquel en el cual no se percibe con claridad su saturación. La intensidad de un color está determinada comúnmente por su carácter de “prendido” o apagado”.
La saturación o intensidad puede controlarse entonces de cuatro maneras: tres de ellas consisten en la adición de un neutro, blanco, negro o gris; y la cuarta manera consiste en agregar el pigmento complementario. Por lo tanto, para reducir la saturación, se agregan o quitan otros colores, el blanco, el negro o la luz. Un color se encuentra en su estado más intenso y saturado por completo cuando es puro y no se le han añadido negro, blanco u otro color. Un color azul perderá su saturación a medida que se le añada blanco y se convierta en celeste.

Que es el sistema RGB


es la composición del color en términos de la intensidad de los colores primarios de la luz puede referirse a:






¿Cómo se clasifican los colores?

El color:
*Primaria 
*secundaria
*tercearia y
*complementar

PRIMARIO: es un color q no se puede crear mezclando otros colores del gamut en un cierto espacio de colores. Los colores primarios se puedem mezlcar entre si para produzir la mayoria de los colores. Al mezclar dos colores primario se produce lo que se conoce como color secundario, y al mezclar un secundario com un primario se produce lo que a veces se llama color teceario.
Tradicionalmente, los colores rojo, amarillo y azul se consideran los pigmentos primario del mundo del arte.

SECUNDARIA: Los colores secundarios son los q se obtenen mezclandoen partes iguales los colores primarios, de dos en dos.
*Rojo + Azul = Morado
*Rojo + Amarillo + Naranja
*Amarillo + Azul = Verde
La disposición ordenada de los 6 tonos, es decir, los 3 primarios y los tres secundarios, constituye el llamado círculo cromático.

COLOR TERCIARIO: los colores tedciarios son los formados por las mezclas de un color primario con un color secundario o bien de los 3 colores primarios. Son los q conforman la tercera linea de la estrella de color.

MEZCLAS:


rojo con violeta = purpura
rojo con anaranjado = pigmento
azul con violeta = indgno
azul con verde = verde azulado
amarillo con anaranjado = marigold
amarillo con verde = limon
rojo, amarillo y azul = negro
rojo, azul y amarillo es lo mismo q decir: ( rojo y verde( azul y amarillo); azul y anaranjado ( rojo y amarillo); y amarillo y violeta; Azul y rojo).

COLORES COMPLEMENTARES: en la ciencia de los colores, dos colores son llamadas de complementares, si cuando mezcladas, produzen el negro o blanco o alguna graduación de griz. en los sistemas de colores más peceptiveis el blanco esta en el centro del espectro y los colores complementares se encuentran una al lado oposto de la otra. el ejemplo más claro es lo sistema HSV, donde los colores complementares estan en lados opostos en el disco de colores.
En el sistema RGB y CMY, las primarias de un sistema son secundarias del otro. De esta manera, afirmase q son complementares los seguiente pares de colores.

* rojo y ciano
*Verde y magenta
*azul y amarillo






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: amarilloanaranjado,rojovioletaazul 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, con mayor precisión en la representación cromática, y del cual se derivan los modelos RGB y CMYK, en el cual los colores son: amarillo, rojo, magenta, azul, cían 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.