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_color7/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