web-dev-qa-db-fra.com

Esquisse: comment créer une palette de couleurs dans la page des symboles

Je suis nouveau dans l'application Mac Sketch, et j'ai regardé quelques tutoriels où une palette de couleurs (une grille de rectangles colorés) est créée sur la page des symboles, et une couleur de la palette est affectée à un élément d'un symbole, ce qui signifie que chaque fois que la couleur est mise à jour, toutes les instances du symbole ont la couleur de l'élément mise à jour.

Je veux savoir si une couleur est un composant de page de symboles spéciaux.

Dans l'exemple ci-dessus, comment se fait le lien entre la couleur de la palette et l'élément du symbole?

Que dois-je faire pour pouvoir sélectionner une couleur dans la palette de la page des symboles et pouvoir l'assigner comme couleur d'un élément sur ma toile?

Aide appréciée.

1
Steve

Pour que les symboles de couleur mettent à jour d'autres composants lorsque les couleurs du symbole sont mises à jour elles-mêmes, vous devrez inclure le symbole de couleur dans ces autres composants. Par exemple, si vous créez un bouton rectangulaire, au lieu de définir la couleur d'arrière-plan à l'aide du sélecteur de couleurs de l'inspecteur dans la barre latérale droite, vous souhaitez ajouter votre symbole de couleur à l'arrière-plan du bouton, puis créer éventuellement un masque à l'aide du calque de forme du bouton.

Il est un peu difficile d'expliquer cela dans le texte, mais la chaîne YouTube "Sketch Together" de Pablo Stanley a excellent exemple de la façon d'accomplir cela dans le contexte de la création d'un système de boutons.

Cela étant dit, il est maintenant recommandé d'utiliser les styles de calque pour accomplir ce même comportement, à partir de l'esquisse 52. La méthode ci-dessus a été créée car les styles de calque n'étaient pas n'était pas pris en charge auparavant dans les symboles imbriqués, mais avec cette nouvelle version de Sketch, les styles de calque peuvent désormais être échangés dans les symboles. la documentation de Sketch couvre cette nouvelle fonctionnalité.

J'espère que ça aide!

3
Zack