Домашня » Інструментарій » Автоматичне керування кольорами інтерфейсу в ескізі з ланцюжком

    Автоматичне керування кольорами інтерфейсу в ескізі з ланцюжком

    Відповідні кольори відповідно до вашої сторінки можуть бути неприємними. Це також стосується макетів веб-сайтів і інтерфейсів для мобільних додатків - обоє вимагають відмінна кольорова схема, яка поєднує всі елементи сторінки.

    Якщо ви часто використовуєте інструменти кольору, то вам не завадить знайти великі палітри. Але що робити, якщо ви могли б автоматизувати процес? Так, це можливо через Chain.

    Ланцюг - це безкоштовний додаток Sketch що дозволяє автоматизувати вибір кольору (ну, в основному). Ви просто вибираєте основний колір і “ланцюга” інші елементи разом з цим кольором. Цей плагін робить всю важку роботу для вас.

    За допомогою ланцюжка ви можете вибрати стиль відповідності кольору і скільки ви хочете змінити. В основному, вона працює змішування різних елементів сторінки разом, Деякі світліші і трохи темніші, все тягне від одного базового кольору. Це дивно один зручний інструмент для тих, хто віддає перевагу Sketch над бегемотами, як Photoshop.

    Отже, скажімо, у вас є панель навігації, заголовок героя і яскрава кнопка CTA. Ти хочеш оновлювати всі ці елементи одночасно і змішати їх у безшовний стиль кольору.

    Це дозволяє зробити це з одного меню в Sketch. Ви навіть можете створити кілька “ланцюги” елементів сторінки, кожен зі своїм унікальним стилем і унікальними цілями.

    Кожен ланцюжок має чотири варіанти кольору:

    • Hue
    • Альфа
    • Насиченість
    • Яскравість

    Таким чином ви можете вибрати, як поєднувати кольори разом і як їх змішувати таким чином, щоб вони виглядали чудово.

    Хоча це дуже корисний плагін для дизайнерів, це, ймовірно, не всеохоплююче рішення для дизайну AI. Ви все одно захочете самостійно вирішити вибір кольорів і переконатися, що вони насправді добре виглядати.

    Ви можете завантажити копію Chain з GitHub repo абсолютно безкоштовно. Як тільки ви подивитеся на Chain і візьміть його на пробну поїздку, ви будете здивовані, наскільки це може допомогти вашому дизайну робочого процесу.

    Якщо ви все ще не впевнені, як це працює, просто подивіться їх 1-хвилинний демо-відео, який демонструє безліч прикладів для задоволення очі.