Отримано 04.04.2024, Доопрацьовано 10.06.2024, Прийнято 11.07.2024

Використання інструментів нейромереж для пришвидшення розробки веб-інтерфейсів

Дмитро Петрина, Володимир Корнута, Олена Корнута

Стаття присвячена розгляду сучасних інструментів нейромереж, що дозволяють пришвидшити розробку веб-інтерфейсів та спростити роботу UI/UX дизайнерів. Одна з основних проблем сучасного дизайну – швидкий доступ до загальної інформації та можливого структурування сайту зі спеціалізованим контентом, а також отримання візуального його наповнення. Зараз нейромережі ще не можуть замінити дизайнерів, але значною мірою допомагають їм вирішувати поставлені завдання.   Всі нейромережі, що можуть використовуватися у дизайні веб-інтерфейсів, можна поділити на чотири основні типи: конволюційні, рекурентні, мережі прямого розповсюдження та генеративна змагальна мережа. В своїй роботі дизайнер може використовувати переважно генеративні мережі, класифікацію їх можна здійснити за принципом «інформація на вході – інформація на виході». При роботі над проектом дизайнер може створити запит до нейромережі та отримати декілька варіантів, генерувати різні ідеї та створювати мудборди на їх основі, підбирати кольори, градієнти, текстуру, типографіку тощо. Нейромережа може створити різноманітні графічні елементи: іконки, кнопки, ілюстрації та фотографії з потрібною перспективою, стилем, кольорами. Також є перспективним використання нейромереж для покращення зображень, домальовування або видалення необхідних елементів. Розглянуто процес пришвидшення створення інтерфейсу лендингової сторінки за допомогою додатку Midjourney. Наведені приклади написання запитів (promts), які впливатимуть на остаточну якість згенерованого зображення. Отримані результати є якісним візуальним контентом, який можна або розмістити в проекті, або використати ідею, розташування елементів, композицію, кольорову гаму, фотографії, іконки тощо.  Після створення графічних елементів дизайну за допомогою Chat GPT 3.5 був створений контент лендингової сторінки.  Безпосередньо в середовищі Figma для швидкої генерації потрібного контенту можна використати плагін FIG GPT. Існуючі певні недоліки та неточності генерування, що виникають в роботі, можуть бути виправлені шляхом швидкого оновлення та створення нових версій нейромереж

нейромережа, веб-інтерфейс, UI/UX дизайн, Chat GPT, Midjourney
42-50
Petryna, D., Kornuta, V., & Kornuta, O. (2024). Using neural network tools to accelerate the development of Web interfaces. Information Technologies and Computer Engineering, 21(2), 42-50. https://doi.org/10.31649/1999-9941-2024-60-2-42-50

Використані джерела

Використані джерела в процесі публікації