Úvodná » toolkit » Automaticky spravovať farby používateľského rozhrania v náčrte pomocou reťazca

    Automaticky spravovať farby používateľského rozhrania v náčrte pomocou reťazca

    Zodpovedajúce farby, ktoré vyhovujú vašej stránke, môžu byť ťažké. Platí to aj pre makety webových stránok a používateľské rozhrania pre mobilné aplikácie - obe vyžadujú skvelá farebná schéma, ktorá sa mieša so všetkými prvkami stránky.

    Ak často používate farebné nástroje, nebudete mať problém nájsť veľké palety. Ale čo keď by ste mohli automatizovať proces? Áno, je to možné prostredníctvom reťazca.

    Reťaz je a free add-on Sketch ktorý vám umožní automatizovať výber farieb (dobre, väčšinou). Stačí si vybrať hlavnú farbu a “reťaz” iné prvky spolu s touto farbou. Tento plugin robí pre vás všetky ťažké zdvíhanie.

    S reťazcom si môžete vybrať štýl zhody farieb a koľko variácií chcete. V podstate funguje zmiešanie rôznych prvkov stránky spolu, niektoré ľahšie a niektoré tmavšie, všetko ťahanie z jednej základnej farby. Prekvapujúco je to jeden praktický nástroj kto uprednostní Sketch nad behemoths ako Photoshop.

    Povedzme teda, že máte navigačnú lištu, hrdinovú hlavičku a jasné tlačidlo CTA. Chceš aktualizovať všetky tieto prvky naraz a spojí ich do bezšvíkového farebného štýlu.

    Reťaz vám to umožňuje urobiť z jednej ponuky v náčrte. Dokonca môžete vytvoriť viacero “reťaze” prvkov stránky, každý s vlastným jedinečným štýlom a jedinečnými cieľmi.

    Každý reťazec má štyri farebné možnosti:

    • odtieň
    • alpha
    • nasýtenia
    • jas

    Týmto spôsobom si môžete vybrať, ako kombinovať farby a ako ich miešať spôsobom, ktorý vyzerá skvele.

    Aj keď je to super užitočný doplnok pre dizajnérov, pravdepodobne to nie je riešenie AI. Aj napriek tomu budete chcieť zvážiť výber farieb sami a uistite sa, že skutočne vyzerajú dobre.

    Kópiu reťazca z replikácie GitHub si môžete stiahnuť úplne zadarmo. Akonáhle sa pozriete na reťazec a vezmite si ho na skúšobnú jazdu, budete prekvapení, ako veľmi to môže pomôcť vášmu pracovnému postupu.

    Ak si stále nie ste istí, ako to funguje, stačí sledovať ich 1-minútové demo video prezentujúce veľa príkladov, aby oko.