Hjemmeside » Værktøjskasse » Automatisk styring af brugergrænseflader i skitse med kæde

    Automatisk styring af brugergrænseflader i skitse med kæde

    Matchende farver, der passer til din side, kan være en besvær. Dette gælder også for website mockups og mobil app UI'er - begge kræver en Flot farveskema, der passer sammen med alle sideelementer.

    Hvis du ofte bruger farveværktøjer, har du ingen problemer med at finde flotte paletter. Men hvad nu hvis du kunne automatisere processen? Ja, det er muligt gennem Chain.

    Kæden er a gratis skitse add-on som lader dig automatisere farvevalg (godt, for det meste). Du vælger simpelthen en hovedfarve og “lænke” andre elementer sammen med den farve. Dette plugin gør alt tungt til dig.

    Med Chain kan du vælge stilen til farve matching og hvor meget variation du ønsker. Dybest set fungerer det af Blanding af forskellige sideelementer sammen, nogle lettere og lidt mørkere, alle trækker fra en basisfarve. Dette er overraskende et praktisk værktøj til enhver der foretrækker Sketch over behemoths som Photoshop.

    Så lad os sige, at du har en navigationslinje, en helthoved og en lys CTA-knap. Vil du Opdater alle disse elementer på én gang og bland dem i en sømløs farve stil.

    Kæde lader dig gøre det fra en enkelt menu i Sketch. Du kan endda oprette flere “kæder” af sideelementer, hver med deres egen unikke stil og unikke mål.

    Hver kæde har fire farveindstillinger:

    • Hue
    • Alpha
    • Mætning
    • lysstyrke

    På den måde kan du vælge, hvordan man blander farver sammen, og hvordan man blander dem på en måde, der ser godt ud.

    Selv om det er et super nyttigt plugin til designere, er det nok ikke den eneste løsning til AI-design. Du vil stadig gerne dyrke farvevalgene selv og sørge for dem faktisk ser godt ud.

    Du kan downloade en kopi af Chain fra GitHub repo helt gratis for livet. Når du kigger på kæden og tager den til en testtur, bliver du overrasket over, hvor meget det kan hjælpe din design-arbejdsgang.

    Hvis du stadig ikke er sikker på, hvordan dette virker, skal du bare se deres 1-minutters demo-videofremvisning, masser af eksempler for at behage øjet.