diseño de productos digitales
TRANSCRIPT
![Page 1: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/1.jpg)
Joshua Daza Rincon• Ingeniero Informático• Especialista en Diseño Multimedia• Docente Universitario 5 Años• C. Magister en Gestión de la
tecnología Educativa
![Page 2: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/2.jpg)
![Page 3: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/3.jpg)
Mapa de Contenidos
![Page 4: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/4.jpg)
Diseño Interface de Usuario
Wireframe Mockup Prototipo Navegable
![Page 5: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/5.jpg)
Cuadros Jerarquía Contenidos
![Page 6: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/6.jpg)
Frontend
![Page 7: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/7.jpg)
Relax…No es programar
![Page 8: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/8.jpg)
HTML Lenguaje de Marcado de Hipertexto
Estructura (semántica)
![Page 9: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/9.jpg)
css3 Hojas de Estilo en Cascada
Diseño !!
![Page 10: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/10.jpg)
css3 Hojas de Estilo en Cascada Diseño !!
![Page 11: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/11.jpg)
JsJavascript
¡ Interactividad !!
![Page 12: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/12.jpg)
Optimizar Velocidad, Estabilidad, Escalabilidad
Diseño InterfacesExperiencia UsuarioToque mágico
![Page 13: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/13.jpg)
Creación de Productos
![Page 14: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/14.jpg)
Creación de Contenidos
![Page 15: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/15.jpg)
![Page 16: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/16.jpg)
![Page 17: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/17.jpg)
![Page 18: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/18.jpg)
![Page 19: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/19.jpg)
Diseño de Wireframes
![Page 20: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/20.jpg)
![Page 21: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/21.jpg)
![Page 22: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/22.jpg)
![Page 23: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/23.jpg)
Diseño de Responsivo
Smat tv -PC – Tablet – Moviles - Werables
![Page 24: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/24.jpg)
![Page 25: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/25.jpg)
![Page 26: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/26.jpg)
![Page 27: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/27.jpg)
![Page 28: Diseño de productos Digitales](https://reader035.vdocuments.net/reader035/viewer/2022081604/58e744d31a28ab49038b630f/html5/thumbnails/28.jpg)
Ejercicio Diseño Inverso