Création d'une incrustation modale | Tutoriels Adobe XD
Simulez les interactions au sein de votre application sans avoir à dupliquer les plans de travail, grâce à la fonctionnalité Incrustation d'Adobe XD CC.
Main tenant un iPhone

Ouvrez le fichier d'exemple ou utilisez l'un de vos fichiers. Commencez avec un design contenant un plan de travail source et un plan de travail que vous incrusterez dans le premier. Dans ce projet, nous avons créé un plan de travail avec un menu contextuel devant un rectangle auquel est appliqué un flou en arrière-plan. Le flou en arrière-plan permettra de flouter tous les plans de travail sous-jacents auxquels l'incrustation est appliquée afin d'attirer l'attention de l'utilisateur sur le menu.

plan de travail avec menu contextuel dans Adobe XD

Passez en mode Prototype pour lier un plan de travail ou un objet au plan de travail de l'incrustation. Testez différents paramètres de transition pour trouver l'effet d'animation qui vous convient le mieux. Utilisez également la fonctionnalité Aperçu sur ordinateur.

aperçu sur ordinateur dans Adobe XD

Liez à l'incrustation autant de plans de travail ou d'objets que nécessaire.

image flou en arrière-plan

Observez comment l'incrustation avec le flou en arrière-plan interagit avec chaque plan de travail sous-jacent.

flou en arrière-plan avec plan de travail sous-jacent

Désormais, vous savez comment créer efficacement une expérience utilisateur réaliste grâce aux incrustations modales.

05/18/2020
Cette page vous a-t-elle été utile ?