Kotisivu » Toolkit » Automaattisesti hallita UI-värejä piirroksessa ketjulla

    Automaattisesti hallita UI-värejä piirroksessa ketjulla

    Värit sopivat sivullesi mukaan. Tämä pätee myös verkkosivuston makroihin ja mobiilisovellusten käyttöliittymiin - molemmat edellyttävät a suuri värimaailma, joka sekoittuu kaikkien sivuelementtien kanssa.

    Jos käytät usein värityökaluja, et löydä hyviä paletteja. Mutta entä jos voisit automatisoida prosessin? Kyllä, se on mahdollista Chainin kautta.

    Ketju on a vapaa Sketch-lisäosa jonka avulla voit automatisoida värivalinnan (hyvin, enimmäkseen). Valitse vain pääväri ja “ketju” muiden elementtien kanssa. Tämä plugin tekee kaiken raskaan nostamisen sinulle.

    Chainin avulla voit valita värityypin tyylin ja kuinka paljon vaihtelua haluat. Periaatteessa se toimii eri sivuelementtien sekoittaminen yhteen, hieman vaaleampi ja tummempi, kaikki vetävät yhdestä perusväristä. Tämä on yllättävän yksi kätevä työkalu jokainen, joka haluaa luonnoksen yli Photoshopin tavoin.

    Oletetaan siis, että sinulla on navigointipalkki, sankarin otsikko ja kirkas CTA-painike. Sinä haluat päivitä kaikki nämä elementit kerralla ja sekoita ne saumattomaksi värityyliksi.

    Ketjun avulla voit tehdä tämän yhdestä valikosta Sketchissa. Voit jopa luoda useita “kahleet” sivun elementtejä, joista jokaisella on oma ainutlaatuinen tyyli ja ainutlaatuiset tavoitteet.

    Jokaisessa ketjussa on neljä värivaihtoehtoa:

    • Värisävy
    • alfa
    • kyllästys
    • Kirkkaus

    Tällä tavoin voit valita, miten värejä yhdistetään ja miten ne sekoitetaan tavalla, joka näyttää hyvältä.

    Vaikka se on erittäin hyödyllinen laajennin suunnittelijoille, se ei luultavasti ole koko AI-suunnittelun ratkaisu. Haluat silti vetää värivalinnat itse ja varmista, että ne ovat todella näyttää hyvältä.

    Voit ladata Chain-kopion GitHub-reposta täysin ilmaiseksi elämälle. Kun olet tarkastellut ketjua ja vie se koeajoon, olet yllättynyt siitä, kuinka paljon se voi auttaa suunnittelun työnkulussa.

    Jos et vieläkään ole varma, miten tämä toimii, katsele heidän 1 minuutin demovideota, jossa on runsaasti esimerkkejä silmän miellyttämiseksi.