Можно ли получить из нейронки рабочий дизайн интерфейса?

Десять месяцев назад я завёл отдельный телеграм-канал и начал публиковать результаты своих экспериментов с нейросетями.

Суть экспериментов - получить из нейронки (в данном случае Midjourney) максимально рабочие концепты дизайнов для сайтов, CRM, дашбордов и мобильных приложений.

Евгений Еликов

В чём проблема?

В том, что нейронки натренированы на 2D-иллюстрации всех возможных стилистик, 3D-графику и фотографии. Но всё, что касается кнопок, инпутов, лэйаутов выглядело крайне печально. Особенно на фоне истеричной возни "помогите, нас всех заменят!".

Я решил покопаться в теме и попробовать извлечь реальную пользу.

Начало

Начал я с самых простых запросов типа "ui design for mobile app". Нейронка генерировала мешанину пикселей, мало пригодную хоть для какой-то обработки. Это была, кажется, ещё четвёртая версия Midjourney.

Я почти отчаялся, но тут стали выходить апдейты движка 5, 5.1, 5.2, 5.3. И я решил продолжить эксперименты.

Усложняем запросы

Дальше я начал добавлять в запрос дополнительные общие слова: dribbble, behance, pinterest.

Тематики: e-commerce, banking, marketplace, CRM, dashboard, travel, taxi.

Описание стилистик: minimalistic, modern, contemporary.

Детали: sign up and main screens, components, light background, blue and purple colors, .

Разумеется, также играл с размерами, весами и отрицательными запросами.

Кстати, все дополнительные запросы выше реально помогают получить сносный результат.

Альтенативные сети

Параллельно я попробовал работать с Leonardo AI, Шедеврум, Кандинским и Dall-E. Однако, реально интересных результатов мне получить не удалось.

Если у вас иной опыт, киньте в комментарии, может я что-то не так делал.

На текущий момент из Midjourney можно спокойно получать:

  • Интересные лэйауты для сайтов и приложений
  • Хорошие, сбалансированные цветовые гаммы
  • Частично иконки, текстуры и паттерны
  • Отличные фото-клипарты (сам применял в проектах)
  • Отличные иллюстрации
  • Мокапы и фото продуктов
  • Кое какие 3D объекты (не забываем добавлять в запрос "isolated on background")
  • Конечно, обои на любой гаджет всех цветов радуги :)

Запросы к картинкам

1. UI Design of an Offerwall lists of apps and games

3. modern mobile UI design, flat style, dark theme, purple colors

4. landing page for experience design agency, realistic, blocks and components, detailed and precise, no text, clear, rarefied, front view centered, style of futuristic minimalism, white background --ar 1:2 --q 2

5. High-quality figma-based design of used equipment trading platform app, vajra area including buy used equipment, sell used equipment, find repair master, consulting customer service four modules, simple wind,trending on dribbble,HQ,4K

6. beautiful compass mobile app design --v 5.1

7. High-quality UI design for a real estate mobile app, trending on Dribbble, Behance, brand colors #0066cc, #ffffff , and #000000 --ar 9:16 --v 5.1 --s 250

8. A furniture e-commerce app which has three pages: product display page, product details page, and shopping cart page. Each page is independently displayed on the same canvas,ui,ux,gui, cleaning and muted color scheme, white background, trending on dribbble & behance,--ar 4:3

9. An e - commerce mobile app design( business logic similar to vinted) , with pastel colours, that is trending in dribbble and pinterest. I need 8 screens: Splash screen, home, product details, cart, payments, order confirmation, user profile. This is like vinted but to buy and sell products from farmers and local producers --v 5.1

10. smarthome mobile app --v 5.2

.

2K2K показов
384384 открытия
6 комментариев

Спасибо, интересно

Ответить

Можно такие фотографии использовать для референсов и брать иллюстрации и многое другое, топчик

Ответить

Да, забыл указать, что в чистов виде, конечно, нельзя прям брать и использовать - надо напильником доработать )) Но явно уже где-то рядом

Ответить

Кстати, мне тут подсказали ещё два инструмента.
Правда результаты пока не впечатляют...

Первый: UIzard.io

Ответить

Второй: Framer.
Но он прям совсем плох. Видно, что не понимает

Ответить

Больше экспериментов - в тгшечке: https://t.me/elikovdesign/2

Если что

Ответить