UI-kleuren automatisch beheren in een schets met ketting
Overeenkomende kleuren die passen bij uw pagina kunnen een gedoe zijn. Dit geldt ook voor de gebruikersmodellen voor websites en mobiele apps - beide vereisen een geweldig kleurenschema dat past bij alle pagina-elementen.
Als u vaak kleurhulpmiddelen gebruikt, heeft u geen problemen om geweldige paletten te vinden. Maar wat als u het proces zou kunnen automatiseren? Ja, het is mogelijk via Chain.
Chain is a gratis Sketch-add-on waarmee je de kleurselectie automatiseert (nou ja, meestal). U kiest eenvoudig een hoofdkleur en “keten” andere elementen samen met die kleur. Deze plugin doet al het zware werk voor u.
Met Chain kun je de stijl van kleurafstemming kiezen en hoeveel variatie je wilt. In principe werkt het door verschillende pagina-elementen samenvoegen, wat lichter en wat donkerder, allemaal uit één basiskleur. Dit is verrassend een handig hulpmiddel voor iedereen die Sketch de voorkeur geeft over reuzen zoals Photoshop.
Dus laten we zeggen dat je een navigatiebalk, een hero-header en een heldere CTA-knop hebt. U wilt update al deze elementen tegelijk en meng ze in een naadloze kleurstijl.
Chain laat je dit doen vanuit een enkel menu in Sketch. Je kunt zelfs meerdere creëren “kettingen” van pagina-elementen, elk met hun eigen unieke stijl en unieke doelen.
Elke ketting heeft vier kleurenopties:
- Tint
- Alpha
- Verzadiging
- Helderheid
Op deze manier kunt u kiezen hoe u kleuren combineert en hoe u ze combineert op een manier die er geweldig uitziet.
Hoewel het een super nuttige plug-in is voor ontwerpers, is het waarschijnlijk niet de alles-in-één oplossing voor AI-ontwerp. U wilt de kleurkeuzes nog steeds zelf onderzoeken en controleren ziet er echt goed uit.
Je kunt een exemplaar van Chain van de GitHub-repo downloaden, helemaal gratis voor het leven. Als je eenmaal naar Chain hebt gekeken en het voor een proefrit hebt genomen, zul je verbaasd zijn hoeveel het je ontwerpworkflow kan helpen.
Als je nog steeds niet zeker weet hoe dit werkt, bekijk dan hun demo-video van 1 minuut met voorbeelden om je te helpen.
