Gérer automatiquement les couleurs de l'interface utilisateur dans l'esquisse avec une chaîne
Faire correspondre les couleurs à votre page peut être un problème. Ceci est également vrai pour les maquettes de sites Web et les interfaces utilisateur d'applications mobiles. superbe palette de couleurs qui se fond avec tous les éléments de la page.
Si vous utilisez fréquemment des outils couleur, vous n'aurez aucun mal à trouver de superbes palettes. Mais si vous pouviez automatiser le processus? Oui, c'est possible par la chaîne.
La chaîne est un Sketch gratuit cela vous permet d'automatiser la sélection des couleurs (enfin, surtout). Vous choisissez simplement une couleur principale et “chaîne” d'autres éléments avec cette couleur. Ce plugin fait le gros du travail pour vous.
Avec la chaîne, vous pouvez choisir le style de correspondance des couleurs et le degré de variation souhaité. Fondamentalement, cela fonctionne par mélanger différents éléments de page ensemble, certains plus clairs et certains plus sombres, tirant tous d'une couleur de base. C’est étonnamment un outil pratique pour quiconque préfère Sketch sur des mastodontes comme Photoshop.
Supposons donc que vous ayez une barre de navigation, un en-tête de héros et un bouton CTA brillant. Tu veux mettre à jour tous ces éléments à la fois et les mélanger dans un style de couleur homogène.
Chaîne vous permet de le faire à partir d’un seul menu dans Sketch. Vous pouvez même créer plusieurs “Chaînes” d'éléments de page, chacun avec son propre style et ses objectifs uniques.
Chaque chaîne a quatre options de couleur:
- Teinte
- Alpha
- Saturation
- Luminosité
De cette façon, vous pouvez choisir comment mélanger les couleurs et comment les mélanger de manière esthétique..
Bien qu'il s'agisse d'un plugin extrêmement utile pour les concepteurs, il ne s'agit probablement pas de la solution miracle au design IA. Vous voudrez toujours vérifier vous-même les choix de couleurs et vous assurer qu'ils effectivement bien paraître.
Vous pouvez télécharger une copie de Chain à partir du dépôt GitHub totalement à vie. Une fois que vous aurez jeté un œil à Chain et que vous en ferez l’essai, vous serez étonné de voir à quel point cela peut aider votre flux de travail.
Si vous ne savez toujours pas comment cela fonctionne, regardez simplement leur vidéo de démonstration d'une minute présentant de nombreux exemples pour le plaisir des yeux..
