Sélectionnez un ou plusieurs objets.
Apprenez à déplacer, aligner, répartir et disposer des objets dans Adobe XD.
Déplacement d’objets
Vous pouvez déplacer des objets de plusieurs manières :
- Déplacement d’objets avec le curseur
- Utilisation des flèches du clavier
- Saisie de valeurs d'opérations mathématiques précises (+, -./, *) dans l'Inspecteur de propriété
Appuyez sur la touche Maj pour vous assurer que les objets seront déplacés à l’horizontale ou à la verticale par rapport à l’orientation actuelle des axes X et Y.
Vous pouvez également utiliser le panneau Alignement pour aligner les objets les uns par rapport aux autres.
Déplacement d’un objet par glissement
Sélectionnez un ou plusieurs objets, puis faites-les glisser vers leur nouvel emplacement.
Déplacement d’un objet à l’aide des touches fléchées
Appuyez sur la flèche correspondant à la direction souhaitée.
Déplacement d’objets en fonction des abscisses et ordonnées
Sélectionnez un ou plusieurs objets. Dans l’Inspecteur Propriétés, saisissez de nouvelles valeurs pour les coordonnées X et/ou Y. Vous pouvez également cliquer sur les valeurs X et Y et utiliser les flèches pour augmenter ou diminuer chaque valeur.
Déplacement d’un objet à l’aide de calculs mathématiques
Sélectionnez un ou plusieurs objets. Dans l’Inspecteur Propriétés, vous pouvez réaliser des opérations mathématiques simples dans tous les champs qui acceptent les valeurs numériques. Par exemple, si vous voulez déplacer un objet sélectionné de 3 unités vers la droite en utilisant les unités de mesure actuelles, entrez +3 après la valeur actuelle.
Les opérations mathématiques prises en charge pour calculer les modifications incluent +, -./, *.
Effectuez l’une des opérations suivantes dans une zone de texte acceptant des valeurs numériques :
- Pour remplacer l’ensemble de la valeur actuelle par une expression mathématique, sélectionnez la valeur.
- Pour utiliser la valeur actuelle dans une expression mathématique, cliquez avant ou après cette valeur.
Pour augmenter la valeur de 10 px en une fois, maintenez la touche Maj enfoncée tandis que vous appuyez sur les flèches.
Alignement et répartition d’objets
Vous pouvez utiliser le panneau d’alignement pour aligner ou espacer des objets sélectionnés, horizontalement ou verticalement par rapport à la sélection ou au plan de travail.
Alignement ou répartition d’objets les uns par rapport aux autres
Sélectionnez les objets à aligner et cliquez sur l’une des options suivantes dans l’Inspecteur Propriétés :
- Aligner en haut
- Aligner au milieu
- Aligner en bas
- Aligner à gauche
- Centrer
- Aligner à droite
- Répartir les objets horizontalement ou verticalement
Alignement d’un objet ou d’un groupe par rapport au plan de travail
Sélectionnez l’objet ou le groupe à aligner et cliquez sur l’une des options suivantes dans l’Inspecteur Propriétés :
- Aligner en haut
- Aligner au milieu
- Aligner en bas
- Aligner à gauche
- Centrer
- Aligner à droite
Alignement d’objets sur une grille de pixels
Vous pouvez aligner le bord d'un objet avec la grille de pixels.Pour ce faire, XD arrondit les valeurs entières pour les propriétés X, Y, W, H d'un élément afin de garantir un aspect net et précis.
Pour aligner un objet sur la grille de pixels, faites un clic droit sur l’objet en question et sélectionnez Aligner sur la grille de pixels.
L’alignement sur la grille de pixels ne signifie pas que les propriétés X/Y/L/H n’auront jamais de fractions. Pour les lignes et tracés (formes à contour central), il est parfois nécessaire que la propriété X/Y se termine par 0,5 pour conserver un alignement impeccable sur les pixels.
Adobe XD prend en charge des grilles de plan de travail qui sont différentes d’un aperçu en pixels. Adobe XD ne prend pas en charge les aperçus en pixels. La grille de plan de travail par défaut dans Adobe XD est une grille de 8 pixels. Vous pouvez modifier les paramètres de la grille pour créer une grille de 1 pixel. Pour en savoir plus, reportez-vous à la section Positionnement d’éléments sur le plan de travail à l’aide des grilles.
Disposition des objets
Adobe XD « empile » les objets tracés, le plus récent se trouvant au premier plan.
Vous pouvez également sélectionner, classer et déplacer des objets dans différents calques à l’aide du panneau Calque. Pour en savoir plus, reportez-vous à la section Utilisation de calques.
Sous Mac:
Pour déplacer un objet vers le haut ou le bas de la pile, sélectionnez-le, puis choisissez l’option qui vous semble la plus adaptée :
- Objet > Organisation > Mettre au premier plan - Permet de placer l'objet au premier plan de tous les objets.
- Objet > Organisation > Avancer - Pour déplacer l'objet devant l'objet immédiatement au-dessus.
- Objet > Organisation > Reculer - Pour déplacer l'objet sous l'objet immédiatement derrière lui.
- Objet > Organisation > Mettre à l'arrière-plan - Pour déplacer l'objet en bas de tous les objets.
Vous pouvez également cliquer sur un objet tout en appuyant sur la touche Ctrl et sélectionner l’une des options de disposition proposées dans le menu contextuel.
Sous Windows :
Faites un clic droit sur un objet et sélectionnez l’une des options de disposition proposées dans le menu contextuel.
Articles connexes
Concevoir des prototypes UX avec Adobe XD
Créez des maquettes interactives pour sites web et applications mobiles.