Comment ajouter une capacité de défilement à un plan de travail Adobe XD

Il arrive souvent que vous souhaitiez afficher des éléments défilant dans votre prototype Adobe XD. Vous pouvez simuler le défilement en modifiant la taille du plan de travail tout en conservant ce qu'on appelle le point de vue à la taille d'origine du plan de travail. Si vous avez suivi plus tôt, vous pouvez utiliser l'un des plans de travail que vous avez créés ou créer un nouveau fichier avec un plan de travail de n'importe quelle taille.

Vous devrez d'abord créer du contenu qui s'étend au-delà de votre zone d'écran. Pour cela, vous ajoutez quelques formes faciles :

Sélectionnez l'outil Ellipse et cliquez et faites glisser pour ajouter un cercle à votre plan de travail.

Choisissez l'outil Sélection. Maintenez la touche Alt (Windows) ou Option (Mac) enfoncée et faites glisser le cercle vers le bas pour le cloner. Répétez cette opération autant de fois que nécessaire pour que le contenu soit positionné en dehors de la taille du modèle par défaut.

Ajoutez du contenu qui s'étend au-delà de la zone de visualisation afin que vous puissiez voir comment implémenter le défilement.

Maintenant, sélectionnez le plan de travail soit en cliquant sur le nom du plan de travail, soit en Ctrl-clic (Windows) ou ⌘-clic (Mac) sur le plan de travail.

Assurez-vous que Défilement est sélectionné dans la section Défilement de l'inspecteur des propriétés. Notez la valeur dans la hauteur de la fenêtre.

Cliquez et faites glisser la poignée en bas au milieu. Cela étend le plan de travail, mais si vous avez utilisé un modèle par défaut, vous devriez voir un guide en pointillé où se terminait le plan de travail. Si vous ne voyez pas ce guide en pointillés, consultez la note suivante.

Si vous utilisez un modèle par défaut, la valeur de la hauteur de la fenêtre ne changera pas lorsque vous cliquez et faites glisser pour allonger votre plan de travail. Si la hauteur de la fenêtre change, vous avez plus que probablement créé votre plan de travail avec des valeurs personnalisées. Pas de soucis; il suffit de retaper la hauteur d'origine dans le contrôle de la zone d'affichage après avoir étendu votre plan de travail.

Vous pouvez maintenant tester le défilement en cliquant sur le bouton de lecture Desktop Preview en haut à droite de votre espace de travail. Notez que lorsque l'aperçu apparaît, vous pouvez faire défiler votre contenu.

Maintenant que vous connaissez les bases de la création et de l'organisation des plans de travail, vous êtes prêt à commencer à mettre plus de contenu sur ces écrans.