Ici, vous êtes dirigé à travers les étapes pour créer un bouton simple avec un remplissage uni et du texte dans Adobe XD. Suivez ces étapes simples.
Sélectionnez l'outil Rectangle et cliquez et faites glisser pour créer un rectangle de n'importe quelle taille sur un plan de travail.
Dans cet exemple, le modèle standard iPhone 6 est sélectionné.
Avec le rectangle toujours actif, tapez 200 dans la zone de texte Largeur et 70 dans la zone de texte Hauteur. Appuyez sur Tab après avoir tapé chacun pour confirmer la valeur.
Application d'un remplissage uni
Ici, vous ajoutez une couleur de remplissage unie à votre forme :
Assurez-vous que votre rectangle est toujours sélectionné. Cliquez sur la case blanche à gauche de Remplir le panneau Propriétés pour ouvrir le sélecteur de couleurs.
Faites défiler les couleurs en cliquant et en faisant glisser le curseur Teinte. Après avoir entré la couleur de teinte que vous aimez, cliquez sur une couleur dans le panneau de couleur pour l'appliquer à votre rectangle.
Vous pouvez enregistrer des couleurs que vous pourriez utiliser souvent en cliquant sur le signe plus Enregistrer l'échantillon de couleur en bas du sélecteur de couleurs.
Vous pouvez appliquer de la transparence à votre remplissage en utilisant le curseur sur le côté droit de la fenêtre du sélecteur de couleurs.
Décochez la case à gauche de Bordure pour supprimer le trait autour du rectangle.
Appliquez une couleur avec le sélecteur de couleurs. Enregistrez une couleur en cliquant sur le signe Save Color Swatch +.
Arrondir vos coins
Vous pouvez laisser les coins carrés ou suivre l'une des étapes suivantes pour arrondir les coins de la forme :
Maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée et faites glisser un rayon d'angle pour en faire une valeur indépendante.
Ajouter du texte à votre bouton
Maintenant, vous ajoutez le texte au bouton :
Sélectionnez l'outil Texte dans le panneau Outils, puis cliquez à l'intérieur de votre bouton. Un curseur de texte apparaît. Ne vous inquiétez pas de l'emplacement exact de la zone de texte car elle peut être déplacée plus tard.
Tapez le mot Soumettre, puis sélectionnez le texte en appuyant sur Ctrl+A (Windows) ou Commande+A (Mac).
Une fois le mot sélectionné, modifiez les propriétés dans la zone Texte du panneau Propriétés pour sélectionner une police et une taille de type que vous aimez. Vous pouvez également modifier l'alignement en sélectionnant les boutons Aligner à gauche, Centre ou Aligner à droite.
Vous pouvez sélectionner votre taille de police actuelle dans la zone de texte Taille de police et appuyer sur la flèche vers le haut ou vers le bas pour augmenter ou diminuer la taille de la police.
Cliquez sur la case Remplir pour changer la couleur de votre texte.
Sélectionnez vos propriétés de type à l'aide de la section Texte du panneau Propriétés.