Objetivo General
Formar al estudiante en los principios esenciales del **diseño web moderno**, comprendiendo la estructura visual de un sitio, la organización del contenido, la experiencia de usuario y los fundamentos estéticos. Al finalizar, el alumno será capaz de diseñar sitios web funcionales y atractivos, aplicando criterios de usabilidad, coherencia visual, accesibilidad y buenas prácticas de diseño digital.
1 Módulo 1: Fundamentos del Diseño Web
Conceptos básicos de la estructura visual y conceptual de un sitio web. Organización de la interfaz, composición, jerarquía, alineación y principios de diseño limpio.
Contenidos Clave (Semanas 1-4)
- Principios del diseño visual aplicado a la web.
- Estructura básica: secciones, jerarquías y bloques.
- Composición, alineación y uso del espacio.
- Proporción, ritmo y equilibrio visual.
- Buenas prácticas de diseño limpio y claro.
2 Módulo 2: Tipografía, Color y Estilo Visual
Elementos estéticos que definen la identidad. Selección de tipografías, jerarquía legible, teoría del color aplicada a digital y construcción de paletas armónicas.
Contenidos Clave (Semanas 5-8)
- Tipos de tipografías y sus aplicaciones.
- Jerarquía tipográfica y legibilidad.
- Teoría del color aplicada al diseño digital.
- Construcción de paletas armónicas.
- Estilos visuales, branding y coherencia estética.
3 Módulo 3: Diseño de Interfaces y Navegación (UX)
Planificación y diseño de interfaces intuitivas. Principios de UX, diseño de menús y barras de navegación, flujo del usuario y creación de *wireframes*.
Contenidos Clave (Semanas 9-12)
- Principios de UX aplicados al diseño web.
- Diseño de menús, barras de navegación y estructura global.
- Elementos interactivos y patrones de interfaz.
- Flujo del usuario y arquitectura de la información.
- Wireframes y diseño de prototipos básicos.
4 Módulo 4: Diseño Responsive y Adaptación Multidispositivo
Adaptación visual del sitio a diferentes pantallas. Conceptos de *mobile-first*, distribución de contenido en distintas resoluciones y buenas prácticas de accesibilidad.
Contenidos Clave (Semanas 13-16)
- Conceptos de diseño responsive.
- Diseño *mobile-first* y adaptación progresiva.
- Distribución del contenido en distintas resoluciones.
- Escalado de imágenes y elementos visuales.
- Buenas prácticas de accesibilidad y usabilidad.
5 Módulo 5: Componentes Visuales, Imágenes y Recursos Gráficos
Uso avanzado de elementos gráficos: selección y optimización de imágenes, iconografía, diseño de componentes (botones, tarjetas) y creación de microinteracciones.
Contenidos Clave (Semanas 17-20)
- Selección y optimización de imágenes.
- Iconografía: estilos y coherencia.
- Microinteracciones y retroalimentación al usuario.
- Diseño de botones, tarjetas y componentes visuales.
- Organización de *assets* y estilo consistente.
6 Módulo 6: Maquetación, Prototipado y Presentación
Creación de prototipos completos de alta fidelidad. Maquetación de páginas finales, corrección visual, documentación del diseño y presentación profesional de proyectos.
Contenidos Clave (Semanas 21-24)
- Maquetación de páginas completas.
- Prototipos de alta fidelidad.
- Corrección visual y ajustes finales.
- Documentación del diseño (guías y sistemas visuales).
- Presentación profesional de proyectos web.