Diseño aplicado a la web
En este espacio colocaremos algunos ejercicios en videotutoriales que te permitirán tener los fundamentos generales para el aprendizaje de sobre el diseño gráfico para un sitio web.
Conforme el curso vaya avanzando se agregarán cada uno de los ejercicios.
¡Disfruta el curso!
Ejercicio Práctico 1
Diseño de interfaz con Photoshop
Instrucciones de ejercicio:
En este tutorial contarás con los siguientes elementos o recursos:
1) ZIP: recursos de imágenes llamadas ElementosInterfaz
2) Video1: introducción al diseño de interfaz web
3) Video 2: realizar el header del sitio y una sección de contenido
4) Video 3: realizar segunda sección de contenido y footer
Video con introducción a diseño de interfaz
Video con explicación de sección 2 y footer.
Video con explicación de diseño de header y contenido
Acotación importante: al final del video 3 se menciona el sitio: templated.co
El recurso lo han dado de baja los desarrolladores, te dejo dos opciones en las que puedes ver cientos de ejemplos de diseño de inferfaz para web.
Da click en las imágenes para ver ejemplos
ejemplo1
ejemplo2
ejemplo3
Proyecto integrador 1
Diseño de prototipo de sitio para la empresa HAPIR
Diseño de un prototipo con invision
Aprende a realizar un prototipo de una página web por medio de inVision. Sube varios bocetos en formato .jpg y conéctalos entre sí por medio de zonas activas.
Cómo compartir un vínculo público de inVision.
(Hacer caso omiso de Brightspace, subir a OneDrive archivo de Word por equipo).