ELEMENTOS DE DISEÑOA) Teoría del color: Es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce un color negro.
B) Papel del color: Es la luz blanca que atraviesa un prisma y se descompone en varios colores. Color natural. Son los colores de la naturaleza: de las plantas, el cielo, el pasto, etc. Color sintético. Es aquel producido por el hombre, por ejemplo, la pintura látex.
Colores primarios. Son el amarillo, el rojo y el azul, colores puros cuya mezcla origina a todos los demás.Colores secundarios. Producto de la mixtura de dos colores primarios en igual porcentaje:
· amarillo + rojo = naranja
· amarillo + azul = verde
· rojo + azul = violeta
Colores terciarios. Producto de la mezcla de un primario con un secundario adyacente:
· amarillo + verde, verde + azul, azul + violeta
· violeta + rojo, rojo + naranja, naranja + amarillo
Colores neutros. Son los que van desde el café hasta el marfil y del blanco al negro. Se caracterizan por ser tranquilos, cálidos y versátiles. Su importancia reside en que pueden incluirse en cualquier decoración sin que afecten el esquema básico seleccionado y sirven como base de combinaciones en las cuales uno de ellos domina. A veces se usan únicamente colores neutros.COLOR. Como ya se ha mencionado, los colores desempeñan un papel clave en lo relativo al ambiente que rodea a la persona. Éstos producen un efecto estético y psicológico capaz de lograr que un espacio sea sobriamente frío o acogedoramente cálido, estimulando o tranquilizando nuestros sentidos y nuestra mente. Para escoger la gama o combinación de colores con la cual se va a trabajar, debe recordarse que los claros se utilizan en grandes áreas y los oscuros en las pequeñas o para los acentos. Teniendo en cuenta que el color provoca comodidad si es tratado del modo correcto, pasaremos a clasificarlos.CARACTERÍSTICAS DEL COLOR. Intensidad. Es el grado de viveza o capacidad de un color por sí mismo. Ejemplo: gris = opaco, naranja = vivo. Valor. Es el grado de luminosidad u oscuridad que recibe un color. Matiz. Es el color dominante en una mezcla; por ejemplo, si un color tiene una porción de amarillo por dos de azul, el resultante será matizado en azul. Tono. Igual que la variación en la música, ya sea que suba al oscurecerse o baje al aclararse. Por ejemplo, el rojo y el rosado son el mismo color pero en distintos tonos. Temperatura. EFECTOS. Un color puede ser afectado por otros que lo rodean, ya que los colores que contrastan, se enfatizan, y los que están íntimamente ligados se disimulan. Esto se puede aplicar para destacar un objeto poniéndolo sobre una pared contrastante.APLICACIÓN. Existen muchos modos de combinar los colores, algunos de ellos son fáciles y seguros: Monocromía. Consiste en aplicar un color en diferente tono, intensidad y valor. Por ejemplo, si los muebles de una cebichería son de madera oscura, se sugiere pintar las paredes de beige con acentos en color café. Los colores pálidos alejan, haciendo que los espacios se vean más amplios; mientras que los oscuros acercan, dando la sensación de que los ambientes son más chicos.
C) Características Del Color: Es el grado de viveza o capacidad de un color por sí mismo. Ejemplo: gris = opaco, naranja = vivo. Valor. Es el grado de luminosidad u oscuridad que recibe un color. Matiz. Es el color dominante en una mezcla; por ejemplo, si un color tiene una porción de amarillo por dos de azul, el resultante será matizado en azul. Tono. Igual que la variación en la música, ya sea que suba al oscurecerse o baje al aclararse. Por ejemplo, el rojo y el rosado son el mismo color pero en distintos tonos. Temperatura. En un restaurante la temperatura se equilibra visualmente usando colores fríos, si es alta, y cálidos si es baja. El termómetro no variará, pero el efecto sí. Colores cálidos: los que están dominados por el rojo, y son: el amarillo, el rojo y el naranja. Colores fríos: aquellos que están dominados por el azul, y son: el verde, el azul y el violeta.
D) Aportaciones Del Color:
E) Lenguaje Del Color: Los psicólogos demuestran que todo hombre posee una escala de colores propia y que en ellos puede expresar su humor, su propio temperamento, su imaginación y sus sentimientos. Está también demostrado que el hombre a su vez es influido por los colores en todo su estado.
No obstante debemos observar que por muy importantes que sean las relaciones entre sensación y color, resultan excesivamente personales y subjetivas. ROJO.- Es un color que parece salir al encuentro, adecuado para expresar la alegría entusiasta y comunicativa. Es el mas excitante de los colores, puede significar: PASIÓN, EMOCIÓN, ACCIÓN, AGRESIVIDAD, PELIGRO.AZUL.- Es un color reservado y que parece que se aleja. Puede expresar: CONFIANZA, RESERVA, ARMONÍA, AFECTO, AMISTAD, FIDELIDAD, AMOR.
VERDE.- Reservado y esplendoroso. Es el resultado del acorde armónico entre el cielo -azul- y el Sol -amarillo- . Es el color de la ESPERANZA. Y puede expresar: NATURALEZA, JUVENTUD, DESEO, DESCANSO, EQUILIBRIO.AMARILLO.- Irradia siempre en todas partes y sobre toda las cosas, es el color de la luz y puede significar: EGOÍSMO, CELOS, ENVIDIA, ODIO, ADOLESCENCIA, RISA, PLACER.ANARANJADO.- Es el color del fuego flameante, ha sido escogido como señal de precaución. Puede significar: REGOCIJO, FIESTA, PLACER, AURORA, PRESENCIA DE SOL.ROSA.- El dicho popular: "lo ves todo de color de rosa", refleja fielmente su significado: INGENUIDAD, BONDAD, TERNURA, BUEN SENTIMIENTO, AUSENCIA DE TODO MAL.
VIOLETA.- Es el color que indica ausencia de tensión. Puede significar: CALMA, AUTOCONTROL, DIGNIDAD, ARISTOCRACIA y también VIOLENCIA, AGRESIÓN PREMEDITADA, ENGAÑO.BLANCO.- Es la luz que se difunde (no color). Expresa la idea de: INOCENCIA, PAZ. INFANCIA, DIVINIDAD, ESTABILIDAD ABSOLUTA, CALMA, ARMONÍA. Para los Orientales es el color que indica la muerte.NEGRO.- Es lo opuesto a la luz, concentra todo en si mismo, es el colorido de la disolución, de la SEPARACIÓN, de la TRISTEZA. Puede determinar todo lo que está escondido y velado: MUERTE, ASESINATO, NOCHE. También tiene sensaciones positivas como: SERIEDAD, NOBLEZA, PESAR.GRIS.- Es el color que iguala todas las cosas y que deja a cada color sus características propias sin influir en ellas, puede expresar: DESCONSUELO, ABURRIMIENTO, PASADO, VEJEZ, INDETERMINACIÓN, DESANIMO.
F) Simbología Y Psicología:
PSICOLOGIA: El color desprende diferentes expresiones del ambiente, que pueden transmitirnos la sensación de calma, plenitud, alegría, violencia, maldad, etc.La psicología de los colores fué estudiada por grandes maestros a lo largo de nuestra historia, como por ejemplo Goethe y Kandinsky.Color Blanco: Es el que mayor sensibilidad posee frente a la luz. Es la suma o síntesis de todos los colores, y el símbolo de lo absoluto, de la unidad y de la inocencia, significa paz o rendición. Mezclado con cualquier color reduce su croma y cambia sus potencias psíquicas, la del blanco es siempre positiva y afirmativa. Los cuerpos blancos nos dan la idea de pureza y modestia. El blanco crea una impresión luminosa de vacio, positivo infinito.
El color Negro
Símbolo del error, del mal, el misterio y en ocasiones simbolica algo impuro y maligno. Es la muerte, es la ausencia del color. También transmite nobleza y elegancia.
Color gris
Es el centro de todo ya que se encuentra entre la transición entre el blanco y el negro, y el producto de la mezcla de ambos. Simboliza neutralidad, indecisión y ausencia de energía. Muchas veces también expresa tristeza, duda y melancolía. El color gris es una fusión de alegrías y penas, del bien y del mal.
SIMBOLOGIA
El color amarillo: Es el color mas intelectual y puede ser asociado con una gran inteligencia o con una gran deficiencia mental; Van Gogh tenia por el una especial predilección, particularmente en los últimos años de su crisis.Este primario significa envidia, ira, cobardía, y los bajos impulsos, y con el rojo y el naranja constituye los colores de la emoción. También evoca satanismo (es el color del azufre) y traición. Es el color de la luz, el sol, la acción, el poder y simboliza arrogancia, oro, fuerza, voluntad y estimulo.Mezclado con negro constituye un matiz verdoso muy poco grato y que sugiere enemistad, disimulo, crimen, brutalidad, recelo y bajas pasiones. Mezclado con blanco puede expresar cobardía, debilidad o miedo y también riqueza, cuando tiene una leve tendencia verdosa.El color rojo: Se lo considera con una personalidad extrovertida, que vive hacia afuera, tiene un temperamento vital, ambicioso y material, y se deja llevar por el impulso, mas que por la reflexión.Simboliza sangre, fuego, calor, revolución, alegría, acción, pasión, fuerza, disputa, desconfianza, destrucción e impulso, así mismo crueldad y rabia. Es el color de los maniáticos y de marte, y también el de los generales y los emperadores romanos y evoca la guerra, el diablo y el mal.Como es el color que requiere la atención en mayor grado y el más saliente, habrá que controlar su extensión e intensidad por su potencia de excitación en las grandes áreas cansa rápidamente.Expresa sensualidad, virilidad y energía, considerado símbolo de una pasión ardiente y desbordada. Por su asociación con el sol y el calor es un color propio de las personas que desean experiencias fuertes.
El color naranja: Es un poco mas cálido que el amarillo y actúa como estimulante de los tímidos, tristes o linfáticos. Simboliza entusiasmo y exaltación y cuando es muy encendido o rojizo, ardor y pasión. Utilizado en pequeñas extensiones o con acento, es un color utilisimo, pero en grandes áreas es demasiado atrevido y puede crear una impresión impulsiva que puede ser agresiva. Posee una fuerza activa, radiante y expresiva, de carácter estimulante y cualidad dinámica positiva y energética.Mezclado con el negro sugiere engaño, conspiración e intolerancia y cuando es muy oscuro, opresión.El color azul: Simboliza, la profundidad inmaterial y del frío. La sensación de placidez que provoca el azul es distintan al de la calma o de los reposos terrestres propios del verde. Se lo asocia con los introvertidos o personalidades reconcentradas o de vida interior y esta vinculado con la circunspección, la inteligencia y las emociones profundas. Es el color del infinito, de los sueños y de lo maravilloso, y simboliza la sabiduría, amistad, fidelidad, serenidad, sosiego, verdad eterna e inmortalidad. También significa descanso.Mezclado con blanco es pureza, fe, y cielo, y mezclado con negro, desesperación, fanatismo e intolerancia. No fatiga los ojos en grandes extensiones
G) Como Comunicar La Idea A Traves Del Color: Se trata de usar el color en una absoluta libertad de abstracción, al margen de la representación. Este no está orientado a la representación mimética, sino que se aplica para colorear diferentes superficies o grafismos del mensaje visual: las masas cromáticas en la relación figura-fondo, donde las primeras son figuras generalmente geométricas. Se busca aquí una expresividad por el color, por ejemplo en las compaginaciones tipográficas, o cuando se colorean los esquemas, gráficos estadísticos, diagramas y otras visualizaciones esquemáticas no sujetas al código de la realidad ni a los códigmún.
Tiene capacidad de expresión, significado y provoca una reacción o emoción. Cuanto más intensa o saturada es la coloración, más cargado está de expresión y emoción.
Construye, porque todo color posee un significado propio, capaz de comunicar una idea. El color no sólo tiene un significado universalmente compartido a través de la experiencia, sino que tiene también un valor independiente informativo a través de los significados que se le adscriben simbólicamente.
H) Sugerencias Para El Uso De Colores A Traves De Diseño: El uso de color apropiado puede ayudar a la memoria del usuario y facilitar la formación de modelos mentales efectivos. Como Murch expresó arriba, el uso efectivo del color puede ser una herramienta poderosa. Sin embargo, el uso inefectivo del color puede degradar el desempeño de una aplicación y disminuir la satisfacción del usuario. Debido a estos factores, sentimos que el uso efectivo del color en interfaces de computadora es un importante tópico en HCI que requiere ser examinado cuando consideramos el diseño de una interfaz.
I) reglas de murch para el uso de colores:Motivación
El color tiene un impacto principal sobre la interacción humano-computadora: si no positivo, entonces negativo. De acuerdo a Murch, un investigador en factores humanos bien conocido, "El color puede ser una herramienta poderosa para mejorar la utilidad de un despliegue de información en una amplia variedad de áreas si el color es usado adecuadamente. Inversamente, el uso inapropiado del color puede seriamente reducir la funcionalidad de un sistema de despliegue" [13]. El color es un componente principal en las GUIs. Debido a la proliferación de aplicaciones GUI en PCs, Macs, y Estaciones de trabajo Unix, el examen del color es pertinente a la interacción humano-computadora (human computer interaction, HCI).
El uso de color apropiado puede ayudar a la memoria del usuario y facilitar la formación de modelos mentales efectivos. Como Murch expresó arriba, el uso efectivo del color puede ser una herramienta poderosa. Sin embargo, el uso inefectivo del color puede degradar el desempeño de una aplicación y disminuir la satisfacción del usuario. Debido a estos factores, sentimos que el uso efectivo del color en interfaces de computadora es un importante tópico en HCI que requiere ser examinado cuando consideramos el diseño de una interfaz.
Fundamentos del Color
Para entender el potencial del color en las interfaces, necesitamos examinar algunas características fundamentales de la percepción del color. Las características fundamentales primarias que discutimos aquí incluyen varios modelos de color, el sistema visual humano, principios fisiológicos del color y efectos del color tales como las ilusiones y las combinaciones del color.
Hay varios modelos de color que son organizados en dos divisiones básicas [3]. Estas divisiones son los modelos basados en la percepción y los modelos basados en el despliegue. Como pudiera pensarse de estos nombres, el primero es organizado similarmente a la manera como percibimos el color y el segundo esta basado en las características de un dispositivo de despliegue.
Los modelos basados en la percepción son conocidos como HSV (Matiz/Hue, Saturación/Saturation y Valor/Value) y el HLS (Hue, Light/luz y Saturation). El Matiz es la composición de la longitud de onda espectral de color que produce los colores que vemos tales como el anaranjado, azul, etc. La Saturación (chroma) es la pureza relativa del color sobre una escala del gris al tono más vibrante del color particular. El Valor es la fuerza u oscuridad del color. La Claridad también referida como brillantez, se refiere a la cantidad de energía luminosa que crea el color. El sistema HSV está basado en el sistema de color Munsell usado por artistas, diseñadores y fabricantes [8]. El HLS fue desarrollado por Tektronix en 1978 [14] para proporcionar un modelo más perceptual que el modelo de Tektronix que se estaba usando en ese tiempo basado en despliegues.
Los modelos más comunes basados en despliegues son el RGB (Red-Green-Blue) y el YIQ/YUV. El RGB es usado para el despliegue en monitores de computadora y el YIQ/YUV es usado para transmisión de televisión. La Comisión Internacional sobre Iluminación es una organización mundial que desarrolló la primera versión del modelo medido espectralmente conocido como CIE en 1931. El CIE es una medida precisa espectral usada para precisar colores y remover la ambigüedad de ellos. El modelo CIE es basado físicamente, por lo tanto, no se adecua bien dentro de cualquiera el modelo basado perceptualmente o las categorías basadas en despliegue.
Todos los colores presentados en una computadora deben ser trasladados dentro del espacio del color RGB (ver Figura 1). Desafortunadamente, no hay un mapeo uno a uno de los modelos basados perceptualmente a los modelos basados en despliegue. Este hecho puede explicar algunas de las dificultades encontradas cuando tratamos de recrear justamente el color correcto para una interfaz de pantalla. No es siempre posible obtener la sombra exacta. El modelo CIE permite traducciones del HSV al RGB.
J) combinaciones de clores: La combinación de colores es fundamental al momento del diseño, ya que va a tener una influencia realmente grande en cómo lo perciban los usuarios y la sensación que les quede después de verlo.Una de las primeras cosas a tener en cuenta es el número o cantidad de colores. Es arriesgado establecer una norma estricta, ya que más de 6 colores simultáneos en una composición pueden ser demasiados si existe un gran contraste entre ellos, pero pueden formar una combinación agradable si la relación entre ellos es adecuada.
Dos puntos a tener en cuenta
Siempre es mejor pocos colores antes que muchos. Como mínimo, el riesgo de estridencias es menor.
Podemos afirmar que 3 colores en una misma composición sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser suficiente. Con menos de 3, las posibilidades de que la página o la imagen sea anodina y aburrida son muy grandes.
Estructura básica de una composición
(pensemos por ejemplo en un sitio web)
Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.
Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.
Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación. Puede utilizarse el Complementario o el Complementario Escindido del color primario de la página.
Relación entre colores
Circulo Estándar del Color
Según su posición relativa en el Círculo Estándar de Color, los colores pueden ser:
Colores Análogos: Para un determinado color, sus colores análogos son aquellos que se encuentran a ambos lados del mismo en el círculo de color.Por ejemplo los análogos del naranja serían el rojo y el amarillo. En un sentido más específico, los análogos del rojo "red", serían rojo violáceo "crimson" y rojo anaranjado "orangered".
Usados juntos producen sensación de armonía. Suele ser una buena idea usar colores complementarios como primario y secundario de una página Web.
Colores Complementarios: Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta o naranja y azul). Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto puede ser llamativo y hasta agresivo.Dos colores complementarios serían por ejemplo el rojo violáceo "crismón" y el turquesa "turquoise"
Suele funcionar muy bien usar el color complementario del primario de una página como color destacado. También suele ser una buena alternativa utilizar el color complementario del secundario.
Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar la monotonía utilizándolos con diferente luminosidad (más clara y más oscura).
Colores Complementarios Adyacentes: Para un color, sus complementarios adyacentes son los colores análogos de su color complementario.Tres colores complementarios adyacentes del rojo "red" serían por ejemplo el verde primavera "springgreen" y el azul cielo "skyblue".
El uso de de un color y sus complementarios adyacentes aporta un alto nivel de contraste, sin llegar al extremo cuando se usa directamente su complementario. También suele ser mayor la sensación de armonía que usando el complementario directo.
Tríada de Colores: Tres colores constituyen una Tríada cuando sus tonos son equidistantes en el Círculo Estándar de Color.Un ejemplo de tríada lo constituirían el amarillo "yellow" junto al turquesa "turquoise" y al violeta "violet".
Utilizar un esquema de color en tríada suele ser una buena solución cuando se desea un diseño colorido, ya que la mezcla estará bien balanceada. Si el conjunto resulta demasiado colorido para lo que necesitamos, siempre se pueden apagar un poco los colores disminuyendo su luminosidad o su saturación (o ambas).
Esquema Cromático Monótono: Un esquema de color monótono lo constituyen un único tono de color junto a sus posibles variaciones en términos de tintes, luminosidad y saturación.
Suele ser una buena solución si se desea un diseño robusto y homogéneo pero con las diferenciaciones y resaltes necesarios. En el caso probable de sensación de monotonía, siempre es una buena solución introducir negro y blanco.
Esquema Acromático Monótono: Un esquema de color acromático monótono es un caso particular del esquema de color monótono constituido sólo por colores neutros dentro de la gama del negro al blanco.
Suele ser un esquema eficaz con el que diseñar los distintos componentes de la página web, pero con seguridad resultará aburrido. Una buena solución es introducir un color resaltado como rojo o celeste.
Contraste entre colores
El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
Tono
Luminancia
Cromancia
Cuando se diseña un sitio el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.En primer lugar será importante que exita un gran contraste entre el testo ordinario y el fondo. Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.Esta misma recomendación es aplicable cuando elegimos colores para resaltar o separar áreas de contenidos (aquí es menos necesario y abusar de él puede ser aún más perjudicial).Si en nuestras páginas utilizamos por ejemplo un marco del área de trabajo gris y queremos utilizar un verde para áreas resaltadas, no es lo mismo elegir la sig. combinación:
en contraposicion con esta
En el segundo caso la gran luninosidad de ambos colores, y en especial la del verde, hace que el contraste sea demasiado grande y la combinación resulte agresiva.
Contraste de temperatura 
