Materiales de Diseño gráfico aplicado al desarrollo WEB
Introducción
Instrucciones:
En esta sección contarás con los siguientes elementos o recursos:
1) PDF con la presentación de introducción al curso.
2) Vínculo a video introducción parte 1
3) Vínculo a video introducción parte 2
Descarga la presentación y ver en la sesión del 4 de febero el video 1.
En la sesión del 9 de febrero discutiremos el video número 2.
Estudia, pregunta y toma nota para preparar el QUIZ sobre el tema.
Video: primera parte
Video: segunda parte
NOTA SOBRE LOS VIDEOS:
Los videos son parte de una presentación en vivo durante la explicación de la introducción del curso. El profesor explica al grupo diversos temas del desarrollo web.
El audio puede tener ligeras variaciones.
Contesta las preguntas que se hacen en algunas partes del video pues son la guía para el QUIZ.
Ejercicio 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
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.