Ми всі бачили в соціальних мережах запуски нових штучних інтелектів для створення зображень, таких як DALL-E-2, Зображення, Стабільна дифузія ou Серед подорожі. Ці штучні інтелекти створюють із короткого тексту зображення будь-якого бажаного стилю. Дехто навіть отримав нагороди за свою творчість! Бачачи використання штучного інтелекту у світі мистецтва та графічного дизайну, є можливість поставити питання про його використання в наших професіях. Ця технологія, безсумнівно, змінить багато способів використання, починаючи з інструментів, які ми використовуємо. Як інструмент, штучний інтелект вже дозволяє нам досліджувати та оптимізувати певні аспекти дизайну інтерфейсу. Я пропоную вам невелику добірку інструментів, які можуть бути цікаві для тестування, щоб прискорити наш дизайн інтерфейсу.
Створення інтерфейсів
Uizard — це інструмент для створення каркасів і макетів. Він містить прискорену штучним інтелектом службу для перетворення паперових каркасів у редаговані макети. Різні стилі можна швидко протестувати завдяки модулю вилучення стилів із скріншотів. Їхні послуги, незважаючи на те, що вони платні, здаються цікавими для швидкого створення прототипів рішень у невеликих командах, які не обов’язково включають дизайнера інтерфейсу користувача, або для проектів із дуже короткими термінами за рахунок збільшення конструкторських семінарів. Використання комп’ютерного зору (виявлення та інтерпретація зображень ШІ) і обробка природної мови (розуміння набору слів ШІ) в їхньому рішенні є цікавим прикладом потенційних прискорень розробки інтерфейсів у нашому бізнесі.
Ціна: gбезкоштовні (в межах 3 проектів і 10 шаблонів), потім платні формули
Створення зображень
Stable Diffusion — це штучний інтелект для створення зображень. Його перевага полягає в тому, що він є одним із рідкісних рішень за ліцензією Creative ML OpenRAIL-M, а це означає, що його можна вільно та безкоштовно використовувати для комерційного чи некомерційного використання. Ще однією перевагою є те, що ця платформа є найбільш легкодоступною та повністю безкоштовною. Але чим корисний цей інструмент для наших професій?
Ми можемо створювати інтерфейси, щоб черпати натхнення з певних елементів або представленого інтерфейсу користувача.
Набір інтерфейсів і елементів інтерфейсу, отриманих за запитом «цільова сторінка електронної комерції настільних ігор» на Stable Diffusion
Ми можемо створити фотографії та ілюстрації, щоб доповнити наші існуючі ресурси:
- Фотографії персон із контролем різних рис особистості (наприклад, фотографія 35-річного чоловіка у светрі)
Vance AI — це набір інструментів штучного інтелекту для оптимізації та покращення зображення. Цей набір інструментів дозволяє:
- Покращте роздільну здатність і різкість зображення
- Видалення фону із зображення
- Видалити цифровий шум із зображення
- Застосуйте складні фільтри до зображення
Усі ці функції автоматизовані та можуть бути певною мірою налаштовані. Хоча пробна версія досить обмежена, обробка зображень цікава і може бути автоматизована на сторонній платформі через API. Це робить цей інструмент корисним як для дизайнерів, так і для розробників, які бажають включити цей сервіс у свою платформу.
Ціна: платно (ціна за кредитами)
Альтернативи Vance AI
Remove BG — це швидкий і зручний інструмент для видалення фону із зображень завдяки штучному інтелекту. Це рішення дозволяє швидко обробляти цей тип ретуші, не вимагаючи переходу в Photoshop (або сторонніх альтернативах).
Ціна: безкоштовні + платні кредити для завантаження HD
Let's Enhance — ефективний інструмент для підвищення роздільної здатності зображень без втрати якості. 100% автоматичний і швидкий. Таким чином, можна швидко підвищити роздільну здатність зображення низької чіткості або під час очікування зображення високої чіткості, або як коректив для зображення занадто низької основної якості.
Ціна: 10 безкоштовних фотографій + платні кредити.
Відредагуйте його інтерфейси

⚠️ Генерує лише тексти англійською мовою.
Ando — це плагін Figma, який дозволяє генерувати зображення з ресурсів, уже наявних в інтерфейсах, які ми створили безпосередньо у Figma. Намалюйте форму того, що ви хочете бачити в інтерфейсі, або візьміть ілюстрацію, близьку до того, що ви шукаєте. Додайте короткий опис, щоб уточнити ваш запит. Андо подбає про решту. Ми навіть можемо вказати, який елемент є важливішим між нашим входом і елементом натхнення. Ніби цього було недостатньо, Ando також дозволяє нам збільшувати розмір або видаляти фон зображень, які вже є в нашому файлі Figma. Таким чином, плагін є досить завершеним і продовжує розширюватися, щоб найкращим чином задовольнити різні потреби візуальних елементів у наших моделях.
Ціна: безкоштовний (42 дизайни на початку кожного місяця + 20 дизайнів за щоденну реєстрацію) і необмежений платний план
Незважаючи на обмежений доступ, цей плагін є дуже перспективним. Для створення піктограм, текстів і зображень, здається, це все в одному плагіні, щоб полегшити реалізацію вмісту для дизайнерів UX/UI. Студія Diagram, яка розробила цей плагін, здається, є хорошим джерелом плагінів для полегшення різноманітних завдань дизайнерів від макетів до розширеного прототипування. На жаль, нам доведеться набратися терпіння, щоб побачити більше повних демонстрацій цього плагіна, ніж очікує значна частина спільноти дизайнерів на Figma.
Ціна: на сьогоднішній день не визначено (відповідно до цін на попередні плагіни цієї компанії: безкоштовно для обмеженого використання + план підписки для необмеженого використання)
У нас завжди була проблема мати моделі, елементи яких добре названі. Однак перейменування елементів моделі потребує часу та енергії. Це стільки ж маленьких секунд, витрачених тут і там, щоб отримати чистий документ або очистити наданий ресурс. Таким чином, Figma Autoname, плагін Figma, дозволяє автоматично перейменовувати кадри та елементи моделі за допомогою ШІ.
При: безкоштовно
Перевірка правильного використання системи проектування в макетах може бути досить складною, якщо використовуються схожі на вигляд елементи. Кожен елемент необхідно перевірити, щоб переконатися, що зв’язок із системою проектування не порушено або що це не локальна реалізація. Ці перевірки, однак, необхідні для забезпечення гарної еволюції моделей шляхом відстеження впровадження та модифікацій системи проектування. За допомогою Figma ML дизайнери можуть швидко та візуально перевірити, чи є елементи, реалізовані в моделях, частиною бібліотек, імпортованих у проект. Плагін візуально вказує на помилки в моделях і дає позиціонування елементів, які потрібно виправити, на панелі шарів.
Ціна: безкоштовно
Перевірте його інтерфейси
Attention Insight — це рішення для моделювання тестів інтерфейсу за допомогою айтрекера. Вони навчили штучний інтелект симулювати теплову карту, яку створив би тест трекера зору без обладнання та залучення персоналу, які вимагали б для цього типу тесту. Тести відстеження очей — чудовий спосіб визначити, як користувачі взаємодіють з інтерфейсом. Однак ці тести не замінюють тестування користувачів, наприклад опитування та інтерв’ю, щоб визначити, чому користувачі поводяться так, як вони. Таким чином, цей інструмент буде розміщено на додаток до користувальницьких тестів, які проводяться у випадку обмеження проекту з точки зору бюджету, часу або кількості залучених дизайнерів.
Ціна: 7-денна безкоштовна пробна версія, потім різні формули залежно від розміру організації
укласти
За допомогою цих різних інструментів ми бачимо, наскільки штучний інтелект може полегшити роботу дизайнерів UX/UI. Хоча все ще недосконалі, ця автоматизація, яку підтримує ШІ, з роками урізноманітнилася та задовольняє дедалі різноманітніші потреби. Зіткнувшись із цією автоматизацією завдань і зростаючими можливостями штучного інтелекту для вирішення нових викликів, ми можемо поставити собі питання про майбутнє наших професій перед лицем такої конкуренції. Це питання важливе для кращого розуміння майбутнього наших професій, а також унікальності наших можливостей перед обличчям машини.
AI, загроза чи можливість для цифрового дизайну? Це буде темою наступної статті, яка з’явиться в січні на нашому блозі.
ЗГІДНО З ГРАФІКОМ РОЗПОДІЛКИ
Мартін ОБЕЙЛІ, дизайнер UX @UX-Republic



















