Você está na página 1de 66

dos

2. Significado del color.

- El color en el diseo es muy subjetivo. Lo que provoca una determinada reaccione en una persona puede provocar la contraria en otra persona.

Algo tan sencillo como cambiar el tono o la saturacin de un diseo puede provocar que el aspecto y las sensaciones que transmita sean completamente diferentes.

significado

2.

del color

dos

2. Significado del color. // colores clidos.

- Los colores calidos incluyen al rojo, naranja, amarillo y sus variantes. Son los colores del otoo, el fuego o las puestas de sol, por lo que generalmente resultan energticos, apasionados y positivos.

El rojo y amarillo son colores primarios, y el naranja es el resultado de la mezcla de ambos, por lo que todos son tonos puramente clidos.

colores clidos

dos

2. Significado del color. // colores clidos. // rojo.

- El rojo es uno de los colores mas clidos. Se le asocia con el fuego, guerra, peligro y sangre, aunque tambin con el amor y la pasin. El rojo puede incluso tener un efecto fsico sobre las personas, subiendo la presin sangunea y la respiracin. Es un color muy simblico, desde el comunismo

En diseo, el rojo puede ser un color de resalte muy potente, pero hay que evitar abusar de el, especialmente en sus formas mas puras y saturadas.

rojo

dos

2. Significado del color. // colores clidos. // rojo.

http://darkcrimson.com/

dos

2. Significado del color. // colores clidos. // rojo.

http://www.handlewithlove.net/

dos

2. Significado del color. // colores clidos. // rojo.

http://abstraktion.co.uk/

dos

2. Significado del color. // colores clidos. // rojo.

http://redsquareagency.com/#/

dos

2. Significado del color. // colores clidos. // rojo.

http://bureau347.com/

dos

2. Significado del color. // colores clidos. // rojo.

http://www.microsoft.com/windowsphone/es-es/default.aspx

dos

2. Significado del color. // colores clidos. // naranja.

- El naranja es un color vibrante y con mucha energa. Puede estar asociado con la tierra, con el otoo, o con vivacidad, fiesta, alegra o calor. En general, representa movimiento, dado su dinamismo, ademas de juventud.

En diseo, sirve de foco de atencin, pero sin tener una componente de tanta saturacin como el rojo, siendo, en definitiva, un color mas agradable a la vista cuando es usado en grandes cantidades.

naranja

dos

2. Significado del color. // colores clidos. // naranja.

http://www.neighborino.com/

dos

2. Significado del color. // colores clidos. // naranja.

http://www.devpepper.com/

dos

2. Significado del color. // colores clidos. // amarillo.

- El amarillo es el tono mas brillante de los clidos y el que posee mas energa. Se le asocia con el sol, la felicidad, o la esperanza. En la naturaleza, esta asociado con el peligro.

En diseo, sirve de toque de felicidad y alegra. Cuando viramos los amarillos hacia el oscuro, podemos obtener un efecto de antigedad o tradicin.

amarillo

dos

2. Significado del color. // colores clidos. // amarillo.

http://cabomba.se/

dos

2. Significado del color. // colores clidos. // amarillo.

http://www.bealmighty.com/

dos

2. Significado del color. // colores clidos. // amarillo.

http://www.tinyfluidgrid.com/

dos

2. Significado del color. // colores frios.

- Los colores frios incluyen al verde, el azul, el morado y a veces incluso a colores clidos virados. El azul es el nico color primario en la gama fra, por lo que todos los dems estn creados con una mezcla de este con colores calidos.

En general, suelen dar una impresin mas calmada, profesional y a veces tecnolgica.

colores frios

dos

2. Significado del color. // colores frios. // verde

- El verde esta muy ligado a la naturaleza y la tierra, por lo que puede significar nuevos comienzos y crecimiento. Tambin se relaciona con la renovacin y la abundancia. Combina algunas de las facultades de tranquilidad del azul, pero con un punto de energa del amarillo.

En diseo, sirve mediador, dando balance y armona. Se puede usar con webs relacionadas con la estabilidad, salud y naturaleza. Verdes mas claros poseen mas energa, mientras que los virados a oscuro son mas corporativos y serios.

verde

dos

2. Significado del color. // colores frios. // verde

http://rubberdesign.com/

dos

2. Significado del color. // colores frios. // verde

http://www.i-avion.com/

dos

2. Significado del color. // colores frios. // azul.

- El azul se asocia a veces con la tristeza, pero sobre todo con la calma y la responsabilidad. Por el contrario, los azules claros son refrescantes e incluso veraniegos. Es un color que puede cambiar mucho su transmisin de informacin visual dependiendo de su componente de blanco y negro.

En diseo, resulta tecnologico y corporativo en sus varantes mas oscuras, y refrescante y joven en sus versiones mas claras.

azul

dos

2. Significado del color. // colores frios. // azul.

http://www.fernandosilanes.com/

dos

2. Significado del color. // colores frios. // azul.

http://www.fork-cms.com/

dos

2. Significado del color. // colores frios. // azul.

http://macamontreal.com/en/

dos

2. Significado del color. // colores frios. // azul.

http://ideaexhibit.com/

dos

2. Significado del color. // colores frios. // violeta.

- Histricamente, se ha relacionado al violeta con la realeza. Resulta de la combinacin del rojo y el azul, tomando, por tanto, atributos de ambos. Tambin se asocia con la creatividad y la imaginacin.

En diseo, dan una sensacion de lujo y opulencia. Los violetas mas suaves, sin embargo, se relacionan mas con el romanticismo y la primavera.

violeta

dos

2. Significado del color. // colores frios. // violeta.

http://asprey.com/

dos

2. Significado del color. // colores frios. // violeta.

http://www.newcastle-shopping.co.uk/

dos

2. Significado del color. // colores neutros.

- Los colores frios incluyen al verde, el azul, el morado y a veces incluso a colores clidos virados. El azul es el nico color primario en la gama fra, por lo que todos los dems estn creados con una mezcla de este con colores calidos.

En general, suelen dar una impresin mas calmada, profesional y a veces tecnolgica.

colores neutros

dos

2. Significado del color. // colores neutros. // negro.

- El negro es el color mas potente de los neutros. Se le asocia comnmente con el poder, la elegancia y la formalidad. Tambin se le puede asociar con la tragedia, lo oculto y Halloween (en este ultimo caso junto con el naranja).

En diseo, se usa para disenos muy elegantes, conservadores y modernos. Se usa, sobre todo, para la tipografa, elementos funcionales y puramente de diseo, lo que los hace mas sofisticados.

negro

dos

2. Significado del color. // colores neutros. // negro.

http://www.reducetuhuella.org/

dos

2. Significado del color. // colores neutros. // negro.

http://theswishlife.com/

dos

2. Significado del color. // colores neutros. // negro.

http://www.blakeallendesign.com/

dos

2. Significado del color. // colores neutros. // negro.

http://mediasoldier.net/

dos

2. Significado del color. // colores neutros. // blanco.

- El blanco esta en el lado opuesto completamente del espectro cromtico que el negro, pero, al igual que este, funciona muy bien con cualquier color. Se asocia al blanco con la pureza, virtud, pero tambin con la industria de la salud, la bondad y la claridad y transparencia.

En diseo, el blanco pasa desapercibido, dejando el protagonismo al resto de colores. Ayuda a enfatizar la limpieza, simplicidad y apoya el minimalismo.

blanco

dos

2. Significado del color. // colores neutros. // blanco.

http://timeger.com/

dos

2. Significado del color. // colores neutros. // blanco.

http://www.microsoft.com/windowsphone/es-es/

dos

2. Significado del color. // colores neutros. // blanco.

http://co-work.co/

dos

2. Significado del color. // colores neutros. // blanco.

http://www.girlfriendnyc.com/

dos

2. Significado del color. // colores neutros. // gris.

- Se denomina a veces al gris como un color triste y serio. Lo cierto es que tiene muchas posibilidades, dando matices interesantes, como por ejemplo substituir un blanco por un gris claro y un negro por un gris oscuro, suavizando as el contraste.

En diseo, el gris es modernos y sinnimo de tecnologa, sobriedad y diseo. Es apropiado para diseos corporativos, porque da toques de seriedad y profesionalidad. Resulta ideal para la tipografa.

gris

dos

2. Significado del color. // colores neutros. // gris.

http://symphony-cms.com/

dos

2. Significado del color. // colores neutros. // gris.

http://www.apple.com/

dos

2. Significado del color. // colores neutros. // gris.

http://aside.in/

dos

2. Significado del color. // colores neutros. // gris.

http://www.warchild.org.uk/

dos

2. Significado del color. // colores neutros. // marrn.

- Se asocia al marrn con la tierra, piedras y la madera. Es un color muy natural y con una componente clida.

En diseo, el marrn se suele usar para fondos de pantalla. Tambin cuando se quiere resaltar la textura de madera. Trae un sentimiento de integridad y calidez a los diseos. A veces, en sus versiones mas oscuras, puede sustituir al negro.

marrn

dos

2. Significado del color. // colores neutros. // marrn.

http://www.tabororthopedics.com/

dos

2. Significado del color. // colores neutros. // marrn.

http://austintownhall.com/

dos

2. Significado del color. // colores neutros. // marrn.

http://dcraigmusic.com/

dos

2. Significado del color. // colores neutros. // beige.

- El beige es un color bastante unico en el espectro de color, porque puede tomarse como un tono calido o frio dependiendo de aquellos tonos que esten a su alrededor, ya que combina la frialdad del blanco con la calided del marron.

En diseo, el beige se usa generalmente para los fondos, sobre todo cuando colocamos textura de papel. Tiene, por si solo, poco impacto en el diseno, por lo que es un buen complemento para otros colores con mas personalidad.

beige

dos

2. Significado del color. // colores neutros. // beige.

http://www.calicott.com/

dos

2. Significado del color. // colores neutros. // beige.

http://tonyleighton.com/

dos

2. Significado del color. // colores neutros. // beige.

http://analog.coop/

dos

2. Significado del color. // colores neutros. // beige.

http://www.good.is/

dos

2. Significado del color. // colores neutros. // marfil y crema.

- El marfil es un color sofisticado, que posee una algo de la calidez del marrn y mucha de la frialdad del blanco. Con frecuencia, retrotrae un sentimiento de historia. Se asocia a la pureza del blanco, pero un poco mas clido.

En diseo, el marfil y el crema se asocian con la elegancia y la calma. Cuando se combinan con tonos marrones o anaranjados dan una sensacin terrosa muy elegante.

marfil / crema

dos

2. Significado del color. // colores neutros. // marfil y crema.

http://www.craft-sale.co.uk/

dos

2. Significado del color. // colores neutros. // marfil y crema.

http://www.playattitude.com/

dos

2. Significado del color. // colores neutros. // marfil y crema.

http://artinmycoffee.com/

dos

2. Significado del color. // colores neutros. // marfil y crema.

http://culinaryculture.com/

uno

3. Paletas de color.

- Una vez que hemos entendido los diferentes colores, sus aplicaciones y vinculaciones culturales y compositivas, debemos de pasar a crear nuestras propias paletas de colores para nuestros trabajos.

El uso de paletas de colores propias har que cada web y trabajo tengan un ahuecamiento cromtico optimo.

paletas
de color

3.

uno

3. Paletas de color. // monocromticos.

monocromticos
- Las paletas monocromticas estn compuestas por un nico color, con mltiples variantes de oscuridad, saturacin, etc .

Es la forma de paleta mas simple, porque todos se encuentran en la misma linea en el espectro cromtico, por lo que conseguir analogas chirriantes es complicado. Es en definitiva, una paleta segura..

uno

3. Paletas de color. // anlogos.

anlogos

- Son tonos que estn cercanos el uno del otro en la rueda cromtica. Generalmente, todos tienen el mismo tipo de intensidad y saturacion parecida.

Varindolos entre si con diferentes valores de oscuridad, tincin y tono, podemos obtener una paleta interesante con diferentes valores para diferentes niveles de resalte cromtico.

uno

3. Paletas de color. // complementarios.

complementarios
- Surgen cuando combinamos tonos que se encuentran en el lado opuesto del espectro cromtico. En sus formas mas bsicas se componen tan solo de dos colores, pero podemos complementarlos con sus variantes en sombras, luces y grises.

Hay que tomarlos con cuidado, ya que pueden ser muy agresivos si no se ponen colores intermediarios o si no se le da prioridad a uno de ellos sobre el resto.

uno

3. Paletas de color. // triadas.

triadas

- Las triadas se componen de tonos que tienen una distancia entre si igual en la escala cromatica.

Las triadas son una de las escalas cromticas con mas posibilidades y variedad.

uno

3. Paletas de color. // Crear nuestras propias paletas de color.

- Es esencial que aprendamos a crear nuestras propias paletas de color de forma que podamos gestionar los recursos y diseo de nuestra web y que podamos dirigir al usuario como queramos, ademas de realizar un diseo de interfaz agradable e interesante.

crear nuestras paletas


de color

uno

3. Paletas de color. // Crear nuestras propias paletas de color.

- Adobe Kuler es una interesante herramienta que nos ayuda a encontrar diferentes paletas y patrones de color y a crear nuestros propios presets de colores.

uno

3. Paletas de color. // Crear nuestras propias paletas de color.

http://kuler.adobe.com

Você também pode gostar