Naviguer dans les options de design peut être un défi pour les utilisateurs d’Adobe XD qui cherchent à personnaliser leurs projets.
Sans une compréhension claire des outils disponibles, votre créativité peut être limitée, entravant la réalisation de designs optimaux.
Cet article vous guidera à travers l’utilisation du panneau des propriétés d’Adobe XD pour configurer vos designs efficacement et libérer votre créativité.
Maîtrisez les fonctionnalités de base d'Adobe XD-UX Designer et créez des prototypes d'interface utilisateur interactifs
Comme dans la plupart des logiciels de design, le panneau des propriétés d’Adobe XD est un panneau qui est consacré aux modifications et manipulations des différentes propriétés pour les objets, et ce, grâce à diverses options et fenêtres intégrées à ce panneau.
C’est avec ce panneau qu’on pourra configurer les tailles et les apparences des objets qui composeront notre travail. On pourra voir aussi d’autres fonctionnalités comme la grille, il y en a encore d’autres, mais d’abord, on va commencer par les bases :
- L’aperçu :comme son nom l’indique, c’est pour avoir un aperçu de notre projet en simulation.
- Le panneau transformation :ce panneau sert principalement à modifier la taille et l’emplacement des objets de notre prototype, mais il possède d’autres fonctions qu’on va découvrir ultérieurement.
- Le redimensionnement actif :cet outil est utilisé pour qu’un élément s’adapte automatiquement aux différentes tailles du plan de travail et résolution. Si vous redimensionnez un élément ou un groupe d’éléments, la mise en page et l’espacement d’autre réglage se feront automatiquement. Il est conseillé de l’utiliser.
- Le défilement :il sert à configurer la hauteur où se situera laligne de flottaison, cette ligne marque la limite de ce qui s’affichera sur la page quand on visionnera notre prototype en modeaperçu. Pour voir ce qui est en dessous de cette ligne en modeaperçu, il va falloir faire un mouvement dedéfilementou scroller.
La ligne de flottaison apparaît si on augmente la hauteur de notre plan de travail, mais qu’on voudra quand même utiliser ou visionner le prototype dans le format initial qu’on a choisi. Par contre, si on la désactive, on ne pourra plus visionner notre prototype dans le format choisi initialement.
- L’apparence :c’est là qu’on configure leFond(couleur du fond d’un élément) et de laBordure(couleur, taille et caractéristiques de la bordure d’un élément).
On peut aussi enlever ou désactiver le Fond ou le Bourdure .
Le panneau Apparence possède aussi un outil appelé Pipette . Elle sert à appliquer la couleur de toutes les choses qui s’affichent sur notre écran, à un élément de notre projet.
- La grille :Ce panneau sert à afficher des grilles. Ils aident à faire des alignements précis et faciles ; ils permettent de placer des éléments plus facilement ; ils permettent aussi de créer des interfaces qui s’adaptent à différentes tailles d’écrans.
Le panneau de propriété est l’un des outils qui sont indispensables d’Adobe XD. Grâce à lui on pourra modifier les éléments de nos prototypes. C’est l’outil qui vous permettra d’illustrer votre imagination.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment configurer la taille des objets dans Adobe XD?
Qu'est-ce que le redimensionnement actif dans Adobe XD?
Comment utiliser la grille dans Adobe XD?
Quel est le rôle de la ligne de flottaison dans Adobe XD?
Comment appliquer des couleurs avec la pipette dans Adobe XD?
Conclusion
Le panneau des propriétés d’Adobe XD est indispensable pour tout designer cherchant à optimiser son workflow. Quelles autres fonctionnalités d’Adobe XD aimeriez-vous explorer pour améliorer vos projets de design?
