Publication date : 03/27/2025

Course : Adobe XD, responsive web design

Practical course - 3d - 21h00 - Ref. AXW

Adobe XD, responsive web design



New course

Explore Adobe XD to design responsive, interactive websites. In three days, learn how to create UI/UX models, integrate dynamic animations and collaborate effectively with your teams. Bring your ideas to life and boost your digital creativity!


INTER
IN-HOUSE
CUSTOM

Practical course
Disponible en anglais, à la demande

Ref. AXW
  3d - 21h00
Contact us




Explore Adobe XD to design responsive, interactive websites. In three days, learn how to create UI/UX models, integrate dynamic animations and collaborate effectively with your teams. Bring your ideas to life and boost your digital creativity!


Teaching objectives
At the end of the training, the participant will be able to:
Understand the principles of UI/UX design and responsive design
Using Adobe XD to create interactive website models
Design smooth prototyping adapted to different screens
Integrating dynamic components and animations
Exporting designs for developers and integrators

Intended audience
Professionals wishing to optimize the user experience on their websites.

Prerequisites
Sensitivity to responsive design and web design.

Course schedule

1
Introduction to Adobe XD and responsive design

  • Introduction to the basics of UX/UI design.
  • Navigating the Adobe XD interface.
  • Understand responsive design and mobile-first adaptation.
Hands-on work
Explore the Adobe XD interface and create your first project.

2
Creation of interactive web models

  • Definition of adaptive grids, guides and columns.
  • Use of global components and styles.
  • Color, typography and image management.
Hands-on work
Design of a responsive home page for desktop and mobile.

3
Adding interactions and dynamic prototyping

  • Create interactive links between pages.
  • Smooth animations and transitions.
  • Testing the user experience in preview mode.
Hands-on work
Prototyping an interactive e-commerce site.

4
Collaboration and export for development

  • Sharing of mock-ups for customer and team validation.
  • Generate specifications and assets for developers.
  • Export files in SVG, PNG and embeddable HTML/CSS formats.
Hands-on work
Export and test a complete web prototype.