Sur des plans de travail prédéfinis : Faites glisser le point le plus bas du plan de travail afin qu’il soit plus long que l’écran de l’appareil. Le début du contenu défilant est indiqué par une ligne en pointillé.
Découvrez comment créer des plans de travail défilants.
Lorsque vous créez un design XD, il arrive parfois qu’un plan de travail ne soit pas suffisamment long pour s’adapter à votre contenu. En rallongeant un plan de travail et en choisissant des options en fonction de vos besoins de conception, vous pouvez faire défiler verticalement un plan de travail pour l’adapter à différentes tailles d’appareils.
Le défilement vertical permet de simuler des effets de défilement lors de la conception de listes déroulantes défilantes ou de sites Web. Cependant, vous pouvez utiliser des groupes de défilement pour ajouter un nouveau niveau d’interaction lors de la conception d’interfaces à plusieurs panneaux, de mappages et de galeries d’images horizontales.
Sur des plans de travail prédéfinis : Faites glisser le point le plus bas du plan de travail afin qu’il soit plus long que l’écran de l’appareil. Le début du contenu défilant est indiqué par une ligne en pointillé.
En mode Design, sélectionnez les options suivantes sous Inspecteur Propriétés :
Vous pouvez appliquer un effet de défilement vertical pour déplacer le contenu de votre plan de travail vers le haut et vers le bas.
Reliez les plans de travail en mode Prototype.
En mode Prototype, sélectionnez les options suivantes sous Inspecteur Propriétés :
Pour prévisualiser le plan de travail, sélectionnez Aperçu sur ordinateur
. Faites glisser la fenêtre d’aperçu pour afficher le défilement vertical.Vous souhaitez utiliser des paramètres de plans de travail prédéfinis pour créer une liste déroulante avec un défilement vertical ?
Téléchargez les exemples de fichiers et testez-les, ou regardez cette vidéo pour plus d’informations.
Temps de visionnage : 1 minute.
Lorsque vous créez vos conceptions pour ordinateur ou appareil mobile, souhaitez-vous voir des parties de votre site Web uniquement lorsque vous faites défiler et épingler les éléments de conception sans qu’ils soient flottants ? Regardez cette vidéo pour en savoir plus sur les plans de travail défilants et les éléments fixés.
Temps de visionnage : 1 minute.
Vous pouvez également consulter la communauté XD pour obtenir d’autres tutoriels et exemples de fichiers.
Pour créer des effets de défilement horizontal dans vos créations, utilisez des groupes de défilement. Les groupes de défilement vous permettent de prototyper une fenêtre de contenu qui peut défiler horizontalement, verticalement ou dans les deux directions.
Accéder à votre compte