Як інтегрувати ШІ в роботу дизайнеру? | SKVOT
Skvot Mag

ШІ на радість дизайнеру

Про AI-генерований контент у дизайн-системах і щоденній комунікації бренду — колонка TWID agency.

ШІ на радість дизайнеру
card-photo

Алекс Твіста

засновник TWID

7 травня, 2025 Дизайн Стаття

Щотижня з’являються все нові й нові інструменти для роботи з AI-генерованим контентом. Часто використання ШІ виглядає як самоціль — бренди й креатори реагують на популярні промпти, нові фічі або трендові стилізації. Це лише посилює стереотипи про те, яким може бути ШІ-контент.

Водночас AI-генерована графіка поступово стає просто ще одним універсальним інструментом. Створений цей креатив за допомогою ШІ чи ні — вже не має великого значення. Це лише спосіб розширити можливості там, де раніше щось було недоступним або занадто складним для виробництва.

В цій колонці засновник TWID Marketing & Tech Agency Алекс Твіста на прикладах розповідає, як інтегрувати ШІ в повсякденну роботу — як у регулярній комунікації, так і для спецпроєктів.


Штучний інтелект у дизайн-системах

Я розповім про ШІ на прикладі дизайн-систем. Під дизайн-системою я маю на увазі набір прийомів — ключові елементи айдентики, візуальну мову, різноманітні пресети й правила роботи з ними. Часто дизайн-системи асоціюють виключно з цифровими продуктами (типу мобільних застосунків), але я розглядаю це поняття значно ширше. 

Завдяки дизайн-системі брендова комунікація виглядає цілісною навіть у різних форматах і каналах. А завдяки наперед продуманим інструментам і прийомам створювати нові матеріали стає просто і швидко.

Штучний інтелект може стати великим джерелом для наповнення дизайн-системи. Нижче я розповім, як саме це наповнення сформувати. І головне — для чого воно може бути корисним.

AI-тули для різних форматів

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

А от у перформанс-комунікації або соцмережах важливіші різноманітність і здатність контенту дивувати. Тут цілісність забезпечує не стиль зображень, а типографія, логотип, колір або наскрізна метафора бренду. В роботі з ШІ варто відштовхуватись від повідомлення й вибирати той спосіб візуалізації, який найбільш ефектно, наочно та емоційно його зобразить. Тут працюватимуть такі інструменти, як гумор, конфлікт, гіпербола. Стилізація — далеко не на першому місці.

Які інструменти працюють найкраще

Перш ніж перейти до конкретних прикладів, хочу виділити набір ШІ-інструментів, якими я користуюся найчастіше:

#1. Cosmos та Anything.io — для пошуку візуальних референсів

#2. ChatGPT і Claude — для формування промпту на генерацію зображень, який використаємо в чат-боті

#3. Midjourney та RunDiffusion — для генерування статичної графіки

#4. Adobe Photoshop — для доопрацювання статичної графіки

#5. Sora, Runway та RunDiffusion — для анімації

#6. Adobe After Effects, CapCut і Canva — для монтажу

Ця схема показує послідовність дій для створення динамічного контенту. У випадку зі статикою шлях просто буде коротшим і завершиться на третьому кроці.

Набір тулів на кожному етапі може змінюватися. Наприклад, зараз ChatGPT з DALL-E генерують графіку досить вдало, але Midjourney, на мою думку, все ще дає якісніші результати. 

Далі я наведу кілька прикладів, як цей флоу може працювати на практиці.

#1. ШІ для генерації стилетвірних елементів

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

Паралельно ми почали використовувати реалістичні AI-генеровані обличчя, схожі на відомих в категорії людей (наприклад, Білл Гейтс).

Але з часом нам цих прийомів стало недостатньо — і ми почали шукати нові. В результаті знайшли специфічну лялькову стилістику, яка виглядає цілісно та впізнавано. Її велика перевага — гумор, який вдало супроводжує суху та конкретну інформацію. Ми не маємо робити кожну нову ілюстрацію абсолютно схожою на попередню в плані стилістики. Вплетення гумору в подачу дає додаткову свободу навіть у роботі зі стилетвірними елементами.

#2. ШІ для абстрактної 3D-анімації

Ще один кейс використання AI для стилетвірних елементів — робота з абстрактними 3D-анімаціями. Розповім про цей напрямок на прикладі однієї компанії, що працює у сфері інтернету речей. Історія нашого проєкту для них дещо драматична і показова, бо тут стався саме той кейс, якого всі бояться, — ШІ витіснив людину. 

Ми вже сформували концепт — планували зробити великий набір анімованих і статичних візуалізацій. Почали брифувати 3D-дизайнера, виділили під цю роботу досить великий бюджет. Але буквально тоді ж в публічний доступ вийшла Sora, і перші тести справді вражали. Тож ми вирішили затестити нове рішення — і використати ШІ-анімації в проєкті. Цей підхід підкупав чисто концептуально, бо сама компанія робить великий акцент на AI-технологіях у своїх продуктах. Якби в їхньому контенті злегка зчитувалось, що він генерований, це мало б спрацювати лише в плюс. 

Вже перші тести показали себе дуже вдало. Цей підхід був зручним, бо спрощував пошук образів та сюжетів анімації. В роботі з 3D-дизайнером кожна невдала ідея тягнула б за собою години перероблень. Плюс фінансове питання — на той момент преміумтариф Sora коштував $200 на місяць, а зараз навіть у мінімальному пакеті за $20 доступно майже все те саме. Не вдаватимусь у деталі, але економія була дуже суттєвою.

Пишу це з сумом, хоч і розумію, що ці зміни неминучі — ті ж 3D-дизайнери вже активно інтегрують AI-тули в роботу. Однак проєктів, в які потрібно глибоко залучати скілових спеціалістів, справді стає менше. Тут важливішою стає компетенція артдирекшену — і це виглядає як один із напрямків розвитку для креатора.

#3. ШІ для роботи з клоузапами

Абстрактні ілюстрації та клоузапи окремих деталей — один із найпоширеніших кейсів використання AI для генерування зображень. Саме з такими задачами сьогодні ШІ справляється краще, бо тут складніше помітити нестиковку з реальністю або дефекти, яких досі вистачає в генерованому контенті. 

Наприклад, в одному нашому проєкті у сфері military tech ми не могли показувати реальні продукти з міркувань безпеки. Тому згенерували атмосферні зображення, які будують асоціацію з категорією, передають технологічність і несуть стилетвірну функцію.

Штучний інтелект у регулярній комунікації

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

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

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

Оптимізація механічної роботи

Інша історія — оптимізація механічної роботи. Тут можна навести приклад зборів. З погляду дизайн-системи в таких проєктах все зводиться до підготовки уніфікованих віжуалів для мікробанок. AI в цьому випадку може використовуватись для глибшої та якіснішої стилізації зображень. Ось приклад — збір, який ми готували для «Вовків Да Вінчі».

Буквально під час написання цього тексту ми знайшли метод, що дозволяє художньо видозмінювати фото власників банок під потрібний сюжет. Але кілька тестів на власних фотографіях — і стало очевидно, що це не працює. Людина на ілюстраціях була схожа на себе лише віддалено. Якщо докласти більше зусиль, більшої схожості можна було б досягти за допомогою діпфейку. Але такий підхід непрактично застосовувати для зборів, коли тобі треба відкрити 100+ банок.

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

AI в спецпроєктах

У спецпроєктах AI-інструменти можна використовувати для складного сторітелінгу — коли постає питання, як візуалізувати ідею. Буває, ідею можна відзняти на майданчику, але то завжди складно і затратно. Робити анімацію традиційним способом, за допомогою моушн-графіки, — це теж завжди складний процес. В цьому плані ШІ може суттєво спростити задачу. 

Наприклад, для створення фрагменту ролику нижче, де ми розповідаємо історію світла, використана зв’язка: Midjourney → Photoshop Beta → Runway.

ШІ вже змінює ілюстрацію

Свого часу фотографія змінила ринок мистецтвареалістичність живопису перестала бути цінністю. Схожа трансформація відбувається зараз із появою AI-генерованого контенту: змінюється саме поняття ілюстрації, а межі між стилями та рівнем реалістичності поступово стираються. 

Раніше вибір підходу до ілюстрування інформації диктував бюджет і дедлайни. Але зараз проілюструвати щось можна навіть за допомогою кастомного фотореалістичного зображення. Людина сприйматиме його як живу фотографію, але на практиці це буде ілюстрація, яку зробив ШІ. І в цій ілюстрації може бути будь-який сюжет — навіть такий, що в реальності просто неможливо було б уявити. 

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

Поки я писав цей текст, вийшов Gen-4 — інструмент, який впевнено зайшов на територію моушн-айдентики. Це підштовхує до приємної думки: зовсім скоро нам більше не доведеться бачити статті з клікбейтними заголовками, де слово AI винесене наперед. Бо ці інструменти стануть звичною базою для створення будь-яких комунікаційних матеріалів, а штучний хайп поступово зникне.

ПРИЄДНУЙСЯ