7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

1/7

Riobamba 27 de Mayo de 2016

Nombre: Giannella Montao

Cdigo: 5509

TEORA DEL COLOR Y SU APLICACIN EN DISEO WEBEn el diseo, el color es muy subjetivo. Lo que produce una reaccin en una persona puede

provocar una muy distinta en otra. A veces esto se debe a las preferencias personales, otras

debido a factores culturales.

Dicen que la primera impresin lo es todo. Cmo te ves y cmo te muestras determinar cmo

te perciben los dems. Lo mismo es aplicable al diseo web de nuestro sitio. La impresin que

generemos en nuestros usuarios depender de muchos factores, y uno de los ms importantes

es el color.

El color genera sensaciones y emociones, incluso recuerdos. Por tanto es importante conocer

losfundamentos de la teora del color y que si la conoces te ayudar a transmitir el mensaje que

deseas en tu sitio web o bien generar nuevas ideas.

El color no es una caracterstica de una imagen u objeto, sino que es ms bien una apreciacin

subjetiva nuestra. Se puede definir como, una sensacin que se produce en respuesta a la

estimulacin del ojo y de sus mecanismos nerviosos, por la energa luminosa de ciertas

longitudes de onda.

Las teoras modernas del uso del color determinan que sus propiedades son dos: matiz y

luminosidad. El matiz tiene que ver con el tipo de color: verde, negro titanio, blanco marfil, rosa,

etc. La luminosidad es la cantidad de luz que cada color tiene y es posible de ser diferenciada en

oposicin a otros colores, por ejemplo, un amarillo es ms claro que un azul o un verde msclaro que un marrn.

El mundo es de colores, donde hay luz, hay color. La percepcin de la forma, profundidad o

claroscuro est estrechamente ligada a la percepcin de los colores.

Ejemplo: Los tonos rojos oscuros en este diseo le dan una sensacin poderosa y elegante al

sitio.

http://es.wikipedia.org/wiki/Teor%C3%ADa_del_colorhttp://es.wikipedia.org/wiki/Teor%C3%ADa_del_color

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

2/7

Grfico de Impacto creado por el Autor sobre la teora del color

Es importante que al momento de utilizar el color en un mensaje grfico, tenga un por qu y se

est consiente del resultado que este dar.

APLICACIN AL PROYECTO FINAL

SwatchMatic es una aplicacin que nos permitir identificar cualquier color que captemos con

la cmara de nuestro dispositivo Android. La aplicacin nos mostrar en todo momento unespectro de colores (con su correspondiente nombre), que podremos seleccionar con tan slo

pulsar sobre l. (Ver Figura 1)

Figura 1 Grfico de impacto de la aplicacin

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

3/7

Pasos para descargar la aplicacin

Para descargar la aplicacin se debe tener la Versin de Android: desde 2.1

1.

Tomar su celular dar clic en men y luego seleccionar la aplicacin Play Store. (Ver

Figura 1.1)

Figura 1.1

2. Una vez dentro de la aplicacin digitar donde dice Google Play el nombre de la aplicacin

a descargar en este caso SwatchMatic, y luego dar clic en la lupa que aparece en el

teclado (Ver figura 2)

3.

Nos aparece la aplicacin y damos clic sobre ella, luego damos clic en instalar (Ver

Figura 3)

Figura 2

Seleccionar, dar

clic sobre l

Dar clic en la

lupa

Digitar aqu

Clic en instalar

Clic en

aplicacin

Figura 3

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

4/7

4. Nos aparece las caractersticas de la aplicacin damos clic en aceptar y la aplicacin se

empezar a descargar. (Ver Figura 4)

Figura 4

5. Ahora podemos ver la aplicacin en nuestro celular y la podemos empezar a usar. (Ver

Figura 5)

Figura 5

Aplicacin en el Diseo 3D

Pasos para empezar a usar la aplicacin SwatchMatic

1.

Ir al lugar donde se encuentra la casa de la cual se quiere obtener el color, en mi caso

dirigirme a las calles (Juan de Velasco y Olmedo).

2.

Sacar el celular y dar clic sobre la aplicacin SwatchMatic. (Ver figura 6)

Clic en

aceptar

Descargando

aplicacin

Aplicacin

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

5/7

Figura 6

3.

Al dar clic sobre la aplicacin esta aparece en forma de cmara y en el centro una

rueda con varios colores. (Ver Figura 7)

Figura 7

4. Apuntar con la cmara hacia el objeto, en mi caso apuntar a la casa real, para que la

aplicacin identifique el color y as poder conocer el color que est utilizando la casa y

sus valores RGB. (Ver Figura 8)

Figura 8

Dar clic

Color que identific

Dar clic

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

6/7

5. Para observar los valores del color damos clic en el recuadro que aparece en la parte

superior derecha (Ver Figura 9) y nos mostrar el nombre del color con sus valores.

(Ver Figura 10)

Figura 9

Figura 10

6.

Para tener una mejor visibilidad de los valores de nuestro color damos clic sobre l, y

nos aparecer una pantalla un poco ms amplia de nuestro color. (Ver Figura 11)

Clic en

recuadro

Aqu estnuestro

color

7/26/2019 TEORA DEL COLOR Y SU APLICACIN EN DISEO WEB

7/7

Figura 11

Esta aplicacin nos ayuda a obtener el color real de un objeto, nos da el nombre del color y sus

valores en RGB, HSV y Web. Es muy til para el proyecto que estamos realizando ya que al

obtener el color real de la casa que se va a disear podemos utilizar el mismo color o uno similar

para que nuestra casa 3D quede lo ms parecida posible a la casa real.

Bibliografa:

Estudio, i. (19 de Abril de 2013). http://www.ipixelestudio.com. Obtenido de

http://www.ipixelestudio.com: http://www.ipixelestudio.com/teoria-color-diseno-

web/

http://www.xatakandroid.com/. (s.f.). Obtenido de http://www.xatakandroid.com/:

http://www.xatakandroid.com/productividad-herramientas/swatchmatic-creando-

paletas-de-colores-a-traves-de-la-camara-de-tu-android

jjvelasco. (31 de Agosto de 2012). http://hipertextual.com. Obtenido de

http://hipertextual.com: http://hipertextual.com/archivo/2012/08/swatchmatic-app-

android-pantones/

MARIA, F. S. (13 de MAYO de 2014). http://www.staffcreativa.pe. Obtenido de

http://www.staffcreativa.pe: http://www.staffcreativa.pe/blog/teoria-del-color-

disenadores/

Clic sobre

el color

Mejor visin

de nuestro

color