Domača » Toolkit » Samodejno upravljanje barv uporabniškega vmesnika v skici z verigo

    Samodejno upravljanje barv uporabniškega vmesnika v skici z verigo

    Ujemanje barv, ki ustreza vaši strani, je lahko težavno. To velja tudi za makete spletnih mest in uporabniška uporabniška vmesnika za mobilne aplikacije - oba zahtevata a odlična barvna shema, ki se meša z vsemi elementi strani.

    Če pogosto uporabljate barvna orodja, potem ne boste imeli težav pri iskanju odličnih palet. Kaj pa, če bi lahko avtomatizirali proces? Da, možno je prek Chaina.

    Veriga je a brezplačen dodatek Sketch ki vam omogoča avtomatizacijo izbire barv (večinoma). Preprosto izberete glavno barvo in “verigo” druge elemente skupaj s to barvo. Ta vtičnik za vas opravi težko dvigovanje.

    S Chain lahko izberete slog usklajevanja barv in koliko različic želite. V bistvu deluje mešanje različnih elementov strani skupaj, nekaj svetlejših in nekaj temnejših, vse vleče iz ene osnovne barve. To je presenetljivo eno priročno orodje za vsakogar, ki ima raje Sketch nad velikani, kot je Photoshop.

    Recimo, da imate navigacijsko vrstico, glavo junaka in svetel gumb CTA. Ti hočeš posodobite vse te elemente hkrati in jih združite v brezšivni barvni slog.

    Chain vam omogoča, da to naredite iz enega menija v Sketch. Ustvarite lahko celo več “verig” elementov strani, vsak s svojim edinstvenim stilom in edinstvenimi cilji.

    Vsaka veriga ima štiri barvne možnosti:

    • Hue
    • Alfa
    • Nasičenost
    • Svetlost

    Na ta način lahko izberete, kako združiti barve in kako jih mešati na način, ki izgleda odlično.

    Čeprav je to zelo koristen čep za oblikovalce, verjetno ni vseobsegajoča rešitev za načrtovanje umetne inteligence. Še vedno si boste želeli sami izbrati barvne izbire in se prepričati, da so dejansko dobro izgleda.

    Lahko prenesete kopijo Chain iz GitHub repo popolnoma brezplačno za življenje. Ko pogledate Chain in ga vzamete za testno vožnjo, boste presenečeni, koliko vam lahko pomaga pri oblikovanju delovnega toka.

    Če še vedno niste prepričani, kako to deluje, si oglejte njihov 1-minutni demo video, ki prikazuje veliko primerov, ki bodo zadovoljili oči.