Нейросети для дизайна сайта

Искусственный интеллект помогает быстрее придумывать дизайн сайта, рисовать иконки, писать текст для страниц. Чтобы вы знали, какими сервисами пользоваться, мы протестировали 6 нейросетей для дизайна и 8 вспомогательных сервисов — в них можно генерировать элементы сайта, текст, лица людей.

Если вы дизайнер — советуйте своим клиентам OkoCRM. Предприниматели получат мощный инструмент для управления продажами и управления лидами, а вы — 20% комиссии с их оплаты по тарифу.

С помощью искусственного интеллекта можно решить сразу 3 задачи.

1. Разработать дизайн. Есть нейросети для создания дизайна сайта, которые по текстовому описанию сгенерируют прототип. Сервисы на основе ИИ делают это быстро, за 10 минут можно набросать десяток вариантов и показать заказчику — пусть выбирает, какой вариант больше нравится.

2. Создать элементы сайта. Можно нарисовать иконку, кнопку или форму от руки → ИИ превратит это в готовый элемент.

3. Написать текст. ИИ поможет сгенерировать разные тексты: блок о компании, заголовок для лендинга, призыв к действию.

Чтобы получить хороших результат, надо правильно писать запрос. Иначе дизайн будет так себе. Или вообще не дизайн. Как написать правильный запрос:

1. Пишите на языке, который понимает сервис, чаще всего это английский. Бывает, ИИ понимает русский, но лучше работает на английском: делает меньше ошибок и результат лучше.

2. Описывайте подробно, что хотите получить. Неправильно: дизайн сайта для ветклиники. Правильно: баннер для лендинга 9:16, синий фон, на нём изображен лабрадор и сиамская кошка.

3. Выставляйте настройки, если такие есть. Например, в Midjourney можно указать формат, качество и уровень стилизации картинки вот такими настройками: —ar 16:9, —4К, —stylize 1000.

Ни одна нейросеть не заменит дизайнера, но они помогут выполнить работу быстрее. Стоит использовать сразу несколько сервисов, например, сгенерировать картинку для шапки сайта в Midjourney, обработать её в Photoshop или Figma, затем добавить в Webflow или TeleportHQ, собрать прототип.

Appypie website

Что умеет: генерирует веб-страницы

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: от 15 £ в месяц

Для использования сервиса нужно пройти регистрацию, ввести email и код. Регистрация с помощью гугл аккаунта не доступна. Дальше придётся привязать карту, чтобы активировать 7-дневную бесплатную пробную версию. Без подключения оплаты протестировать сервис не получится. В этом его минус.

Из плюсов: есть много настроек. Можно выбрать разные цвета и шрифты, варианты прототипов сайтов и даже мобильных приложений.

DreamStudio

Что умеет: генерирует картинки

Сложность использования: ❌

Результат: ⭐⭐

Стоимость: от 10 $

Здесь лучше писать запросы на английском языке, но это не гарантирует хороший результат. Протестировать Dream Studio можно бесплатно. После регистрации пользователю дают 25 токенов — внутреннюю валюту, которую можно тратить на запросы. Когда закончатся, нужно докупать, минимально — 1000 токенов за 10 $.

В настройках можно выбрать количество изображений: от 1 до 10. За каждую картинку отнимают 2,6 токена. Если нарисуете 4 иллюстрации, снимут 10,4 токена. Если 10, снимут 26 токенов.

Я зарегистрировалась и протестировала Dream Studio по нескольким запросам, пытаясь подобрать слова так, чтобы ИИ меня понял. Это оказалось сложнее, чем со многими другими нейросетями. Идём от простого запроса к сложному.

За эти 4 неудачные картинки у меня забрали 10 токенов. Дальше попробую генерировать по 2.

Могу сделать вывод: создать дизайн сайта с помощью нейросети сложно, но с её помощью можно делать иллюстрации.

Midjourney

Что умеет: генерирует любые картинки, дизайн сайта тоже

Сложность использования: ❌❌❌❌

Результат: ⭐⭐⭐⭐⭐

Стоимость: от 8 $

Midjourney — нейросеть, рисует дизайн сайта и любые картинки по запросу: логотипы, баннеры, визитки. Это один из лучших сервисов для генерации иллюстраций, но испытать его бесплатно нельзя. Минимальный тариф стоит 8 $, оплатить с российской карты не получится, надо заводить виртуальную зарубежную.

Midjourney понимает сложные запросы, главное писать их на английском, понятно, без воды и витиеватых фраз. А ещё здесь много дополнительных настроек, например:

• «—no dogs» — означает что чего-то не должно быть на картинке, например, никаких собак на иллюстрации
• «—ar 9:16» — для настройки формата картинки
• «— chaos 50» — устанавливает, насколько неожиданным станет результат, от 0 до 100, 0 — что-то обыденное, 100 — очень креативное
• «—stylize 20» — для установления уровня стилизации — насколько художественным будет изображение от 0 до 1000
• «—nigi» — рисуем картинку в стиле аниме

Все настройки описаны на сайте сервиса. Можно поиграться и добавить параметры от себя, например, «4К» — картинка будет в качестве 4К. Вот что умеет генерировать Midjourney.

В последнем примере очень подробный запрос, поэтому хороший результат. Я перевела его на русский язык, чтобы было понятнее, как сгенерировать дизайн сайта через нейросеть.

Нарисуй сложный лазурно-голубой интерфейс приложения для iOS под названием «Souvenir Scout». Главный экран разделен на две основные части. В верхней части преобладает яркая карта высокого разрешения с маленькими маркерами, указывающими места расположения сувениров.

В нижней части представлена карусель сувениров, доступных для покупки, с высококачественными изображениями и краткими описаниями. В нижней части экрана находится панель навигации с четырьмя опциями: кнопка «Домой», корзина покупок для сувениров, компас для навигации и кнопка профиля пользователя.

Midjourney разделил экран на 2 части только на втором и четвёртом рисунках, но все 4 варианта получились хорошие — каждый по своему. Эта нейросеть — топовый инструмент для генерации референсов. Конечно, дизайн придётся дорабатывать вручную — ни один сервис не справится полностью самостоятельно.

TeleportHQ

Что умеет: конструировать интерфейс

Сложность использования: ❌❌

Результат: ⭐⭐⭐⭐

Стоимость: от 15 € в месяц

В TeleportHQ можно бесплатно создать один проект, для этого нужно зарегистрироваться. А дальше собираем и настраиваем сайт по шаблонам из галереи. Процесс напоминает создание картинок в сервисах типа Canva.

Сначала выбираем понравившийся шаблон → проходим обучение → настраиваем шаблон. Ещё здесь можно добавить прототип из Figma. Так выглядит процесс настройки в TeleportHQ.

Webflow

Что умеет: конструировать интерфейс

Сложность использования: ❌❌

Результат: ⭐⭐⭐⭐

Стоимость: от 14 $

У Webflow такие же функции, как и у TeleportHQ. По сути это конструктор, в котором можно собрать сайт: выбрать шрифты, цвета, кнопки, настроить структурные элементы. Здесь более подробное обучение: пользователя шаг за шагом учат создавать веб-страницу и её мобильную версию.

Galileo AI

Что умеет: генерирует лендинги

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: бесплатно

Сервис генерирует UI-макеты, их можно загрузить в Figma и работать с ними дальше. Работает просто: создаёт макет по текстовому описанию. Как Midjourney, только вместо картинки сразу макет. Сейчас Galileo AI работает в тестовом режиме, можно подать заявку на его использование и протестировать.

ChatGPT

Что умеет: пишет текст

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: бесплатно

ChatGPT — чат-бот, отвечает на вопросы и выполняет задания. Он генерирует посты, статьи, описания товаров, умеет анализировать данные и много чего ещё. Понимает запросы на русском языке, но часто выдаёт ошибку и не очень хороший результат. Поэтому лучше писать задание на английском.

Чат-бот работает бесплатно, но на версии GPT-3.5. Чтобы получить доступ к продвинутой версии GPT-4, нужно покупать подписку — 20 $ в месяц.

ChatGPT можно попросить сгенерировать задание для Midjourney или контент для сайта. Скорее всего, результат нужно будет редактировать: у ИИ обычно много воды и мало сути. Вот какие запросы бот придумал для Midjourney.

Ещё пробуем, как ChatGPT напишет текст для лендинга. Для этого даю подробное задание.

Напиши текст для лендинга ветеринарной клиники. Текст состоит из 3-х блоков. Блок 1: «Ветеринарная клиника — лечим с любовью». Напиши 2 предложения о 10-летнем опыте лечения и заботливых врачах. Блок 2: «О клинике». Напиши 4 предложения: у нас есть квалифицированные врачи, мы проводим лабораторные исследования, мы лечим всех животных, мы заботимся, как о своих. Блок 3: «Груминг». Напиши 5 преимуществ груминга в нашей клинике.

Инструкция: как подключить ChatGPT в России →

AutoDraw

Что умеет: преобразует рисунки

Сложность использования: ❌❌

Результат: ⭐⭐⭐

Стоимость: бесплатно

AutoDraw как Paint, только с искусственным интеллектом. Здесь можно нарисовать что-то от руки, а сервис обработает рисунок. Подойдёт не для всех картинок, так как AutoDraw распознаёт только часть предметов. Например, иконку с изображением телефонной трубки он не узнал, а вот нарисованного кота опознал и смог преобразовать.

Если не умеешь рисовать, а очень надо, AutoDraw выручит. Только изображение не получится уникальным: здесь просто много разнообразных шаблонов рисунков. Иллюстрацию можно отредактировать, сделать непохожей на шаблон и уже в изменённом виде добавить на сайт. Так интереснее.

RemoveBg

Что умеет: удаляет фон

Сложность использования: ❌

Результат: ⭐⭐⭐⭐⭐

Стоимость: от 9 $

С помощью RemoveBg можно за минуту удалить фон, не придётся стирать его вручную ластиком. А ещё здесь есть инструмент замены фона. Сервис хорошо удаляет фон, не оставляет недочищенных мест, но на всякий случай есть редактор, чтобы подправить недочёты.

Сервис бесплатный, но есть ограничения: скачиваем картинку маленького размера. Чтобы скачать полное изображение, нужно заплатить один кредит. После регистрации пользователь как раз получает один кредит. Если потратите, придётся покупать новые. 40 кредитов стоят 9$.

Looka

Что умеет: генерирует логотипы

Сложность использования: ❌❌

Результат: ⭐⭐⭐⭐

Стоимость: от 20 $

В Looka легко создавать логотипы. Для этого выбираем некоторые параметры: какой хотим цвет и стиль, какие символы нужны, указываем, какие логотипы нравятся. Сервис сгенерирует десяток вариантов, можно выбрать лучший.

Looka — один из немногих инструментов, в котором можно получить логотип без водяных знаков. И сразу добавить его на плашки для веб-сайта.

Imglarger

Что умеет: улучшает качество фото

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: от 9 $

Imglarger или AI Image Enlarger делает фотографии и иллюстрации чётче, поможет увеличить картинку и не потерять качество. Бесплатно можно обработать до 8 изображений в месяц. Если нужно больше, надо покупать подписку.

This Cat Does Not Exist

Что умеет: создаёт картинки кошек

Сложность использования: ❌

Результат: ⭐⭐⭐

Стоимость: бесплатно

Если вдруг срочно нужна картинка кота, не защищённая авторским правом, сервис This Cat Does Not Exist её сгенерирует. И не одну, а сразу штук 40. Правда, половина из них будут с ошибками: много лап или хвостов, нет головы, но что-нибудь выбрать можно. Генерация запускается нажатием единственной кнопки на странице.

This Person Does Not Exist

Что умеет: генерирует лица людей

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: бесплатно

This Person Does Not Exist справляется лучше, чем нейросеть с котиками. Тут лица людей получаются правдоподобными. Настройки простые: нужно выбрать пол, возраст и национальность. Дальше можно бесплатно сгенерировать хоть 100 картинок, пока не получите подходящий вариант. Обычно неплохо получается с первых же попыток.

Rytr

Что умеет: пишет тексты

Сложность использования: ❌

Результат: ⭐⭐⭐⭐

Стоимость: от 9 $ в месяц

Rytr работает по шаблонам: напишет призыв к действию для баннера, текст для раздела на сайте, описание для товара или мета-теги. Русский язык он воспринимает плохо и много ошибается. Рекомендую писать запросы на английском.

Я протестировала, как Rytr напишет текст о компании для главной страницы. Выбрала шаблон «Landing page» → указала, для чего нужен текст: блок «О компании»→ расшифровала, о каких услугах написать.

Текст закинула в переводчик и вот, что получилось.

1. С помощью искусственного интеллекта можно решить сразу 3 задачи: разработать дизайн, создать элементы сайта, написать текст
   
2. Результат работы с ИИ зависит от запроса. Пишите на языке, который понимает сервис, чаще всего это английский. Описывайте подробно, какой результат хотите
3. Appypie website, Webflow, TeleportHQ — конструкторы на основе ИИ, в которых можно создать сайт. В Midjourney и Dream Studio можно сгенерировать картинки, в том числе дизайн веб-страницы. Midjourney справляется с задачей намного лучше. Galileo AI создаёт макеты по текстовому описанию
4. Чтобы написать текст для сайта, попробуйте Rytr или ChatGPT. Убрать фон поможет RemoveBG, а Imglarger увеличит картинку и улучшит её качество. В AutoDraw можно нарисовать что-то от руки, он обработает рисунок и сделает его красивым. This Cat Does Not Exist генерирует картинки кошек, This Person Does Not Exist — фотографии людей