Ejercicios para fundamentos de interactividad.
En este espacio colocaremos algunos ejercicios en videotutoriales que te permitirán tener los fundamentos generales para el aprendizaje de sobre la interactividad y el diseño de interfaz.
Conforme el curso vaya avanzando se agregarán cada uno de los ejercicios.
¡Disfruta el curso!
Proyecto integrador 2
Ejercicio 1
Ejercicio de producción de un mailing
La actividad tiene como objetivo realizar un diagnóstico de su sensibilidad y conocimiento para el diseño de información que se visualiza en pantalla.
Instrucciones de ejercicio:
Durante la primera sesión deberás realizar este breve ejercicio que te ayudará a conocer o recordar algunos fundamentos del HTML y la interacción entre documentos.
Entrega este ejercicio en Brightspace por medio de la Actividad 1.
La fecha de vencimiento es el sábado 21 de enero antes de las
En este tutorial contarás con los siguientes elementos o recursos:
1) ZIP: recursos de imágenes y textos para realizar la el mailing.
2) Vínculo a sitio de SUBLIME para descargar editor HTML
3) Video 1: realización de estructura HTML
4) Video 2: edición de estilos del mailing
Video: primera parte
Video: segunda parte
Ejercicio 2
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
Proyecto integrador 1
Etapa 2
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.
El prototipo deberá estar terminado antes de las 23:59 horas del sábado 4 de marzo de 2022.
Cómo hacer un link público de un proyecto de inVision.
Otros temas de apoyo e interés
Ninguno de estos materiales son parte del curso pero pueden ayudarte a comprender más temas multimedia
Conceptos generales de desarrollo web