Hjemmeside » Toolkit » Automatisk styring av brukergrensesnitt i skisse med kjede

    Automatisk styring av brukergrensesnitt i skisse med kjede

    Matchende farger som passer til siden din, kan være et problem. Dette gjelder også for nettstedet mockups og mobil app UIer - begge krever a Flott fargevalg som passer sammen med alle sidene.

    Hvis du ofte bruker fargeværktøy, har du ingen problemer med å finne flotte paletter. Men hva om du kan automatisere prosessen? Ja, det er mulig gjennom kjeden.

    Kjeden er en gratis skisse tillegg som lar deg automatisere fargevalg (vel, det meste). Du velger bare en hovedfarge og “kjede” andre elementer sammen med fargen. Denne plugin gjør alt tungt for deg.

    Med Chain kan du velge stilen til fargevalg og hvor mye variasjon du vil ha. I utgangspunktet fungerer det av blander ulike sideelementer sammen, litt lettere og litt mørkere, alt trekker fra en basefarge. Dette er overraskende et praktisk verktøy for alle som foretrekker skisse over behemoter som Photoshop.

    Så la oss si at du har en navigeringslinje, en helt-header og en lys CTA-knapp. Vil du Oppdater alle disse elementene samtidig og bland dem i en sømløs fargestil.

    Kjede lar deg gjøre dette fra en enkelt meny i Sketch. Du kan til og med opprette flere “kjeder” av sideelementer, hver med sin egen unike stil og unike mål.

    Hver kjede har fire fargevalg:

    • Hue
    • Alpha
    • metning
    • lysstyrke

    På denne måten kan du velge hvordan du blander farger sammen og hvordan du blander dem på en måte som ser bra ut.

    Selv om det er et super hjelpsomt plugin for designere, er det sannsynligvis ikke fangst-all-løsningen til AI-design. Du vil fortsatt ønske å dyrke fargevalgene selv og sørge for at de faktisk ser bra ut.

    Du kan laste ned en kopi av kjede fra GitHub repo helt gratis for livet. Når du tar en titt på kjeden og tar den til en testtur, blir du overrasket over hvor mye det kan hjelpe designprosessen din.

    Hvis du fortsatt ikke er sikker på hvordan dette virker, bare se deres 1-minutters demo-videofremvisning, mange eksempler for å behage øyet.