M3.A1. Design of Low-Fidelity Wireframes and Prototypes.

This subject focuses on detailed, interactive visual design through high-fidelity prototyping. The course covers the transition from basic schematics to fully functional interfaces, integrating principles of visual design, accessibility, composition and design systems.

THEORETICAL FOUNDATIONS - Introduction to high-fidelity prototyping. - Introduction to mockups: definition and differences with wireframes and prototypes. - Transition from low-fidelity prototypes to high-fidelity prototypes. - Use of typography: legibility, visual hierarchy and typographic harmony. - Accessible use of colour: contrast, colour blindness and WCAG standards. - Working with icons: visual semantics and consistency. - Composition and proportion: grids, alignment and visual rhythm. - Negative space in design: balance, breathing space and emphasis. - Design system libraries: reusable components, consistency and scalability. - The critical sessions in design: design review and structured feedback. - Documenting, sharing and delivering final designs: best practices and tools.

ACTIVITIES AND PRACTICAL ASSIGNMENTS - Creation of basic models. - Application of Gestalt principles to mock-ups. - Exploration and use of design systems (e.g., Material Design, Design Kits). - High-fidelity prototyping. - Design of simple interactions and animations in high-fidelity prototypes.