Homepage » Toolkit » Automatikusan kezelheti a felhasználói felület színeit a vázlatban

    Automatikusan kezelheti a felhasználói felület színeit a vázlatban

    A színeknek az oldalához illő illeszkedése problémát jelenthet. Ez igaz a webhely makettekre és a mobilalkalmazásokra is - mindkettő a nagy színséma, amely az összes oldalelemmel keveredik.

    Ha gyakran használja a színes eszközöket, akkor nem lesz nehéz megtalálni a nagyszerű palettákat. De mi van, ha automatizálná a folyamatot? Igen, a Láncon keresztül lehetséges.

    A lánc a ingyenes Sketch kiegészítő amely lehetővé teszi a színválasztás automatizálását (jól, többnyire). Egyszerűen kiválaszthat egy fő színt és “lánc” más elemekkel együtt. Ez a plugin mindent megtesz az Ön számára.

    A Chain segítségével kiválaszthatja a színmegfelelő stílust és a kívánt variációt. Alapvetően ez működik különböző oldalelemek összekeverése, néhány világosabb és néhány sötétebb, mindegyik egy alapszínről húz. Ez meglepően egy praktikus eszköz bárki, aki előnyben részesíti a vázlatot mint olyanok, mint a Photoshop.

    Tegyük fel, hogy van egy navigációs sáv, egy hős fejléc és egy világos CTA gomb. Akarsz frissítse ezeket az elemeket egyszerre és zökkenőmentes színstílusba keverjük őket.

    A lánc lehetővé teszi, hogy ezt a vázlat egyetlen menüjéből végezze el. Még többet is létrehozhat “láncok” az oldalelemek mindegyikének egyedi stílusa és egyedi céljai vannak.

    Minden lánc négy színválasztékkal rendelkezik:

    • Színárnyalat
    • Alpha
    • Telítettség
    • Fényesség

    Így kiválaszthatja, hogyan keverik össze a színeket és hogyan keverjük össze őket úgy, hogy jól nézzen ki.

    Habár ez egy szuper hasznos bővítmény a tervezők számára, valószínűleg nem az AI-dizájnhoz való minden megoldás. Még mindig szeretné, ha magára vetné a színválasztásokat, és győződjön meg róla, hogy ezek a színek valóban jól néz ki.

    Letölthet egy Chain másolatát a GitHub repóból, amely teljesen ingyenes az élet számára. Amint megnézed a Chain-t, és megpróbálod megtenni egy tesztútra, meglepődhetsz, mennyire segíthet a tervezési munkafolyamatban.

    Ha még mindig nem biztos benne, hogy ez hogyan működik, csak nézze meg az 1 perces demo videót, amely sok példát mutat be a szemnek.