Comment utiliser la fonction Répéter la grille dans Adobe XD

La grille de répétition est l'une des principales fonctionnalités de gain de temps d'Adobe XD. La fonction Répéter la grille vous permet de créer un ensemble d'éléments répétés d'un simple clic et glisser. Lorsqu'ils sont répétés, vous pouvez modifier un ensemble d'éléments répétés et faire en sorte que ces changements se reflètent instantanément dans le reste des éléments. Les étapes que vous trouverez ici vous aident à découvrir cette fonctionnalité intéressante.

Il est préférable de suivre les instructions si vous le pouvez. Vous pouvez trouver un exemple de fichier contenant une image et du texte dans le dossier LuckyTemplatesCCfiles . Ouvrez le dossier XD et choisissez le fichier RepeatGrid-Sample. Suivez ensuite ces étapes :

Ouvrez un fichier contenant des éléments que vous souhaitez répéter verticalement (vers le bas) sur la page. Comme mentionné précédemment, vous pouvez créer le vôtre ou utiliser le fichier RepeatGrid-Sample qui a été fourni sur notre site.

Sélectionnez tous les éléments à répéter, puis appuyez sur le bouton Répéter la grille dans le panneau Propriétés. Vous pouvez également choisir d'utiliser le raccourci clavier Ctrl+R (Windows) ou ⌘ +R (Mac).

Des poignées apparaissent sur les côtés droit et inférieur de vos éléments.

Comment utiliser la fonction Répéter la grille dans Adobe XD

Sélectionnez les éléments que vous souhaitez répéter, puis appuyez sur le bouton Répéter la grille dans le panneau Propriétés.

Cliquez et faites glisser vers le bas sur la poignée inférieure pour voir qu'une répétition est créée automatiquement lorsque vous faites glisser. Faites glisser au-delà du modèle pour étendre l'illustration en dehors du bas.Comment utiliser la fonction Répéter la grille dans Adobe XD

Répétez facilement les éléments sélectionnés à l'aide de la fonction Répéter la grille.

Revenez à votre art original et effectuez un simple changement. Modifiez peut-être la taille du texte du titre ou redimensionnez un peu l'image. Notez que lorsque vous apportez des modifications à ce premier élément, les modifications sont répercutées tout au long de la répétition.

Cela peut vous faire gagner beaucoup de temps, mais suivez les étapes suivantes pour voir comment vous pouvez facilement remplacer l'image et le texte répétés.

Importation d'images mises à jour dans votre grille répétée

Après avoir répété les éléments, vous souhaiterez peut-être montrer comment votre application va fonctionner avec un contenu plus réaliste. L'élément répété ne permet pas d'afficher les différentes données que votre application peut proposer. Ci-dessous, vous prenez un dossier d'images et les déposez au-dessus de votre grille répétée afin de remplacer votre image d'origine. Suivez simplement ces étapes :

Recherchez un dossier d'images dans un format pris en charge par XD, tel que JPEG, PNG ou GIF. Si vous accédez au dossier LuckyTemplatesCCfiles , vous pouvez trouver un dossier nommé Insectes dans le dossier XD Files.

Positionnez votre fenêtre XD qui contient le plan de travail avec la répétition afin que vous puissiez le voir ainsi que le dossier plein d'images.

Assurez-vous de sélectionner toutes les images, puis cliquez et faites-les glisser sur la grille répétée. Les images sont remplacées.Comment utiliser la fonction Répéter la grille dans Adobe XD

Vous pouvez faire glisser et déposer plusieurs images dans la grille répétée pour remplacer le contenu de votre image.

Vous pouvez également faire glisser des images de l'application Bridge vers Adobe XD.

Mise à jour de votre texte dans votre grille répétée

Ici, vous découvrez comment mettre à jour votre texte dans une grille répétée. Cela se fait à peu près de la même manière qu'avec les images, mais le format .txt est essentiel pour que ce processus fonctionne :

Créez du texte dans n'importe quelle application pouvant enregistrer le fichier au format Texte brut, c'est-à-dire avec une extension .txt. Le texte peut être généré à partir du Bloc-notes, Word, téléchargé à partir de Google Docs en tant que texte brut ou exporté à partir de nombreuses autres applications. Pour cet exemple, vous pouvez utiliser l'exemple de fichier texte nommé Bugtext.txt dans le dossier XD-Files sur notre site.

Positionnez le dossier qui contient le fichier texte de manière à voir le fichier et la grille répétée.

Comme pour le processus de remplacement de l'image répétée, cliquez et faites glisser le fichier .txt sur votre texte de grille répété. Le texte est remplacé par le texte de votre fichier.Comment utiliser la fonction Répéter la grille dans Adobe XD

Cliquez et faites glisser un fichier .txt sur la grille répétée pour remplacer le texte.

Vous pouvez voir l'exemple tel qu'il apparaît une fois que les images et le texte ont été remplacés ici.

Comment utiliser la fonction Répéter la grille dans Adobe XD

La grille répétée avec de nouvelles images et du texte.

Si vous avez étendu au-delà de la zone d'affichage, assurez-vous de cliquer sur le nom du plan de travail au-dessus du plan de travail pour le sélectionner.

Faites glisser la poignée inférieure pour l'étendre à la longueur de votre grille répétée. Cela permet de faire défiler l'écran dans l'aperçu. La ligne pointillée représente la zone qui prévisualise avant le défilement.Comment utiliser la fonction Répéter la grille dans Adobe XD

Cliquez et faites glisser pour étendre la zone d'affichage de votre grille répétée.

Cliquez sur le bouton Aperçu du bureau et faites défiler pour voir votre grille répétée en action.

Leave a Comment

Surligner, souligner et barrer le texte dans les documents PDF

Surligner, souligner et barrer le texte dans les documents PDF

Apprenez à surligner, souligner et barrer le texte dans les documents PDF à l

Comment insérer une image darrière-plan dans Dreamweaver

Comment insérer une image darrière-plan dans Dreamweaver

Apprenez à insérer efficacement une image d

Comment traiter des actions par lots dans Photoshop CS6

Comment traiter des actions par lots dans Photoshop CS6

La fonction Lot de Photoshop CS6 vous permet d

Comment habiller des objets dans les documents Adobe InDesign CS6

Comment habiller des objets dans les documents Adobe InDesign CS6

Découvrez comment habiller des objets dans Adobe InDesign CS6 pour optimiser vos mises en page. L

Comment enregistrer des couleurs dans Illustrator CC

Comment enregistrer des couleurs dans Illustrator CC

Apprenez à enregistrer vos couleurs dans Illustrator CC pour maintenir la cohérence et faciliter les modifications futures. Suivez notre guide étape par étape sur l

Menus de filtres et deffets dans Adobe CS5 Illustrator

Menus de filtres et deffets dans Adobe CS5 Illustrator

Découvrez comment utiliser le menu Filtre et les effets dans Adobe CS5 Illustrator pour améliorer vos illustrations. Apprenez les techniques essentielles pour des modifications non destructives.

Capture décran dune section dun fichier PDF

Capture décran dune section dun fichier PDF

Vous pouvez utiliser l'outil Instantané d'Adobe Acrobat CS5 pour sélectionner à la fois du texte et des images et créer une image d'une certaine zone dans un fichier PDF. Le résultat est communément appelé une capture d'écran d'une section dans un fichier PDF. Le résultat est une image, et votre texte n'est pas […]

Mesurer, compter et analyser les pixels dans Photoshop CC

Mesurer, compter et analyser les pixels dans Photoshop CC

Conçues pour les chercheurs et les scientifiques, les capacités de mesure de Photoshop CC sont assez puissantes. Vous pouvez mesurer à peu près n'importe quoi et compter le nombre de n'importe quoi dans une image technique, peut-être à partir d'un microscope ou d'un télescope. Si vous connaissez la taille exacte de n'importe quel élément d'une image, vous pouvez alors découvrir à peu près n'importe quoi […]

Les outils de fluidification dans Adobe CS5 Illustrator

Les outils de fluidification dans Adobe CS5 Illustrator

Lorsque vous utilisez les outils Fluidité d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, vous pouvez plier des objets (les rendre ondulés, gluants ou hérissés) en créant des distorsions simples à complexes. Les outils Liquify peuvent accomplir toutes sortes de distorsions créatives ou farfelues (selon la façon dont vous les regardez) sur vos objets. Tu […]

Comment ajuster les propriétés du texte dans Adobe XD

Comment ajuster les propriétés du texte dans Adobe XD

Lorsque vous avez du texte dans votre projet Adobe XD, vous pouvez commencer à modifier les propriétés du texte. Ces propriétés incluent la famille de polices, la taille de la police, l'épaisseur de la police, l'alignement, l'espacement des caractères (crénage et suivi), l'espacement des lignes (interlignage), le remplissage, la bordure (trait), l'ombre (ombre portée) et le flou d'arrière-plan. Voyons donc comment ces propriétés sont appliquées. À propos de la lisibilité et de la police […]