DISEÑO Y DESARROLLO WEB

Webmaster
TEORIA DEL COLOR
 TEORIA DEL COLOR

Las propiedades del color son

aquellos atributos que cambian y
hacen único a cada color. Estos
atributos son tres: El tono, la
saturación y el brillo.
TEORIA DEL COLOR
Armonía del color
 TEORIA DEL COLOR
TIPS
• ¿No puedes igualar? Haz chocar colores complementarios
• Divide los contrastes si estos son muy intensos.
• Si necesitas más variaciones de color utiliza los dobles
complementarios.
• Para crear mayor variedad de color utiliza una tríada de
diferentes tonos.
• Conocer matices, tintas, sombras y tonos. ¿Qué funciona mejor y
dónde?
• Y por último: RGB, CMYK y Pantone no son lo mismo!
Psicología del color

https://www.youtube.com/watch?v=3RRuIxZX8ZU
Psicología del color
Psicología del color
Color y cultura
 TEORIA DEL COLOR
EJERCICIO

Busca tres logotipos y

explica que armonía y
psicología tiene cada uno
PIXELES
Tipo de archivos
 EJERCICIO 1

Abrir el archivo que se

encuentra en la carpeta y
guardarlo como JPG para
web.
 EJERCICIO 2

Abrir el archivo que se

encuentra en la carpeta
colocar color a la imagen por
medio de las herramientas
explicadas.
 EJERCICIO 3

Abrir el archivo que se

encuentra en la carpeta con
las imágenes seleccionadas
realizar una composición.
 EJERCICIO 4

Abrir el archivo que se

encuentra en la carpeta y
realizar el retoque de la
modelo quitando las
imperfecciones de su rostro.
SEO (Search Engine Optimization)
El posicionamiento en buscadores u optimización de
motores de búsqueda es el proceso de mejorar la
visibilidad de un sitio web en los resultados orgánicos
de los diferentes buscadores.
¿Porque es el SEO importante?
Tenemos un comercio electrónico dedicado a la venta de libros
infantiles, pues bien, para el término “dibujos para colorear” hay
unas 673.000 búsquedas mensuales, suponiendo que el primer
resultado que aparece tras hacer una búsqueda en Google
obtiene el 22% de clics (CTR = 22%), obtendríamos unas 148.000
visitas al mes.

Ahora bien ¿cuánto valen esas 148.000 visitas?

3 pasos para un correcto SEO
de imágenes
1. ELECCION DE LAS IMÁGENES
2. EDICION DE LAS IMÁGENES
3. SUBIDA DE LAS IMÁGENES A LA WEB
1. Elección de las imágenes
Se pueden utilizar bancos de imágenes o
imágenes propias que es la mejor opción.

- https://pixabay.com/
- https://www.flickr.com/search/?q=car
 2. Edición de las imágenes

- Tamaños
- Resolución
- Formato de guardado
3. Subida de imágenes a la web
 EJERCICIO 5
Con la imagen del ejercicio
anterior realizar los procesos
correctos para guardar la
imagen con características
acordes al tratamiento SEO
Como medir la velocidad
de una página web

https://developers.google.com/speed/pagespeed/insights/
ILLUSTRATOR
 ILLUSTRATOR

¿Que es un vector?
Los gráficos vectoriales son en su formato completamente distintos
a los gráficos de mapas de bits o también llamados matriciales, los
cuales están constituidos por pixeles.

Los vectores tienen la ventaja sobre los pixeles de ser escalables,

es decir, se puede aumentar su tamaño conservando su calidad
original. Lo que no ocurre con los gráficos a base de pixeles que
presentan degradación de la calidad al aumentar el tamaño.
ILLUSTRATOR
 ILLUSTRATOR

Ejercicio 6
Bocetar una maqueta para el
home del proyecto final, dejar
una lista de elementos
necesarios.