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 Propriétés

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

  1. Sélectionnez un ou plusieurs objets.

  2. 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 sont +, -,/, *.


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.

 

Remarque :

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
Objets alignés horizontalement
Objets alignés horizontalement
Objets alignés verticalement
Objets alignés 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 sur la grille de pixels. Pour ce faire, XD arrondit à des valeurs entières les propriétés X, Y, L et H d’un élément afin de garantir un affichage 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.

Aligner sur la grille de pixels
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.

XD prend en charge des grilles de plan de travail, ce qui est différent d’un aperçu en pixels. XD ne prend pas en charge les aperçus en pixels. La grille de plan de travail par défaut dans 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 > Disposition > Premier plan : place l’objet devant tous les autres objets
  • Objet > Disposition > En avant : place l’objet devant celui qui se trouve immédiatement au-dessus
  • Objet > Disposition > En arrière : place l’objet derrière celui qui se trouve immédiatement en dessous
  • Objet > Disposition > Arrière-plan : place l’objet derrière tous les autres 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.

Faire passer l’image sélectionnée sur le dessus de la pile
Faire passer l’image sélectionnée sur le dessus de la pile
Rapprocher l’image sélectionnée
Rapprocher l’image sélectionnée
Éloigner l’image sélectionnée
Éloigner l’image sélectionnée
Envoyer l’image sélectionnée en bas de la pile
Envoyer l’image sélectionnée en bas de la pile

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne