Farben der Benutzeroberfläche in der Skizze mit Kette automatisch verwalten
Das Anpassen der Farben an Ihre Seite kann mühsam sein. Dies gilt auch für Website-Mockups und mobile App-Benutzeroberflächen - beide erfordern eine Tolles Farbschema, das sich mit allen Seitenelementen verbindet.
Wenn Sie häufig Farbwerkzeuge verwenden, haben Sie keine Probleme, großartige Paletten zu finden. Aber was wäre, wenn Sie den Prozess automatisieren könnten? Ja, es ist durch Chain möglich.
Kette ist ein kostenloses Sketch-Add-On Damit können Sie die Farbauswahl automatisieren (hauptsächlich). Sie wählen einfach eine Hauptfarbe und “Kette” andere Elemente zusammen mit dieser Farbe. Dieses Plugin erledigt alle schweren Aufgaben für Sie.
Mit Chain können Sie die Art der Farbanpassung und die gewünschte Variation auswählen. Grundsätzlich funktioniert es mit Verschmelzen verschiedener Seitenelemente, einige heller und andere dunkler, alle aus einer Grundfarbe. Dies ist überraschend ein praktisches Werkzeug für Jeder, der Sketch bevorzugt über Giganten wie Photoshop.
Nehmen wir an, Sie haben eine Navigationsleiste, eine Helden-Kopfzeile und eine helle CTA-Schaltfläche. Du möchtest Aktualisieren Sie alle diese Elemente gleichzeitig und mischen Sie sie zu einem nahtlosen Farbstil.
Mit Chain können Sie dies über ein einziges Menü in Sketch ausführen. Sie können sogar mehrere erstellen “Ketten” von Seitenelementen, jedes mit einem eigenen Stil und einzigartigen Zielen.
Jede Kette hat vier Farboptionen:
- Farbton
- Alpha
- Sättigung
- Helligkeit
Auf diese Weise können Sie auswählen, wie Farben zusammengemischt werden und wie sie auf eine Weise gemischt werden, die gut aussieht.
Obwohl es ein sehr hilfreiches Plugin für Designer ist, ist es wahrscheinlich nicht die alles andere Lösung für das AI-Design. Sie möchten dennoch die Farbauswahl selbst prüfen und sicherstellen, dass sie ausgewählt werden tatsächlich gut aussehen.
Sie können eine Kopie von Chain aus dem GitHub-Repo kostenlos herunterladen. Wenn Sie sich Chain einmal angesehen haben und eine Probefahrt machen, werden Sie überrascht sein, wie viel es Ihnen beim Entwurfsprozess helfen kann.
Wenn Sie sich immer noch nicht sicher sind, wie das funktioniert, schauen Sie sich einfach das 1-minütige Demo-Video an, das zahlreiche Beispiele enthält, die das Auge erfreuen.
