Автоматичне керування кольорами інтерфейсу в ескізі з ланцюжком
Відповідні кольори відповідно до вашої сторінки можуть бути неприємними. Це також стосується макетів веб-сайтів і інтерфейсів для мобільних додатків - обоє вимагають відмінна кольорова схема, яка поєднує всі елементи сторінки.
Якщо ви часто використовуєте інструменти кольору, то вам не завадить знайти великі палітри. Але що робити, якщо ви могли б автоматизувати процес? Так, це можливо через Chain.
Ланцюг - це безкоштовний додаток Sketch що дозволяє автоматизувати вибір кольору (ну, в основному). Ви просто вибираєте основний колір і “ланцюга” інші елементи разом з цим кольором. Цей плагін робить всю важку роботу для вас.
За допомогою ланцюжка ви можете вибрати стиль відповідності кольору і скільки ви хочете змінити. В основному, вона працює змішування різних елементів сторінки разом, Деякі світліші і трохи темніші, все тягне від одного базового кольору. Це дивно один зручний інструмент для тих, хто віддає перевагу Sketch над бегемотами, як Photoshop.
Отже, скажімо, у вас є панель навігації, заголовок героя і яскрава кнопка CTA. Ти хочеш оновлювати всі ці елементи одночасно і змішати їх у безшовний стиль кольору.
Це дозволяє зробити це з одного меню в Sketch. Ви навіть можете створити кілька “ланцюги” елементів сторінки, кожен зі своїм унікальним стилем і унікальними цілями.
Кожен ланцюжок має чотири варіанти кольору:
- Hue
- Альфа
- Насиченість
- Яскравість
Таким чином ви можете вибрати, як поєднувати кольори разом і як їх змішувати таким чином, щоб вони виглядали чудово.
Хоча це дуже корисний плагін для дизайнерів, це, ймовірно, не всеохоплююче рішення для дизайну AI. Ви все одно захочете самостійно вирішити вибір кольорів і переконатися, що вони насправді добре виглядати.
Ви можете завантажити копію Chain з GitHub repo абсолютно безкоштовно. Як тільки ви подивитеся на Chain і візьміть його на пробну поїздку, ви будете здивовані, наскільки це може допомогти вашому дизайну робочого процесу.
Якщо ви все ще не впевнені, як це працює, просто подивіться їх 1-хвилинний демо-відео, який демонструє безліч прикладів для задоволення очі.