Diseño de Interfaces Web: apuntes, temario y ejercicios de DAW

De la investigación al prototipo: UX y UI, mapa web y wireframes, principios visuales (jerarquía, rejilla, proximidad), color y tipografía, guías de estilo, sistemas de diseño y design tokens.

Cascada y especificidad, modelo de caja y unidades, Flexbox, CSS Grid, diseño adaptable mobile first con media queries, container queries y clamp, con retos de CSS que miden el resultado.

Variables CSS y temas claro y oscuro, el preprocesador Sass (parciales, anidamiento, mixins), la metodología BEM y frameworks como Bootstrap y Tailwind, con retos de temas y componentes.

Formatos de imagen (JPEG, WebP, AVIF, SVG) y optimización, imágenes adaptables con srcset y picture, vídeo y audio con subtítulos, licencias Creative Commons y animaciones CSS que respetan el movimiento reducido.

Por qué y para quién, normativa en España (RD 1112/2018 y Ley 11/2023), las pautas WCAG 2.2 y sus niveles, HTML semántico y ARIA, teclado, foco y contraste, y cómo se audita, con retos de contraste y de HTML accesible.

Las diez heurísticas de Nielsen, navegación y formularios usables, Core Web Vitals y diseño para el móvil, y pruebas con usuarios, pruebas A/B y analítica, con retos de formularios y navegación.

12 ejercicios con pistas y solución de los 6 resultados de aprendizaje (tokens, Grid, Sass, imágenes, lightbox, auditoría, heurísticas, Core Web Vitals), un proyecto de rediseño y 2 retos de maquetación completa.