Как дизайнеру все успевать и не сойти с ума: ТОП-3 сервиса в помощь

Нашли крутые AI сервисы, потестировали за вас и рассказываем в статье.

Всем привет! На связи команда корпоративного мессенджера Compass.

Проштудировали фьючерпедию и продуктхант, выбрали самые полезные сервисы, а потом сами их протестировали. Подробнее в статье.

Начинаем рабочий день с Syntx

Syntx AI — Telegram-бот, в котором есть огромное количество полезных функций для дизайнеров. Бот дает доступ к MidJourney, DALL-E 3, IdeoGram, Stable Cascade и ChatGPT-4. И все это не выходя из мессенджера.

Официальная видео-визитка Syntx AI

Что можно делать в боте?

  • Генерировать изображения.
  • Проанализировать и отредактировать изображения.
  • Написать GPT-4.
  • Отследить прогресс и управлять проектами.
  • Персонализировать настройки.
У бота удобное виджет-меню. Можно посмотреть все данные аккаунта
У бота удобное виджет-меню. Можно посмотреть все данные аккаунта

Рабочий процесс

Представим, что вам нужно быстро сгенерировать несколько концепт-артов по техническому заданию клиента. Берите Syntx AI, закидывайте ноги и наслаждайтесь. Как это будет:

Шаг 1. Просим GPT-4 внутри бота помочь сформулировать промт на основе ТЗ клиента для MidJourney.

Шаг 2. После отправляем запрос в чат Syntx AI с указанием, что нужно использовать MidJourney.

Шаг 3. Бот обрабатывает запрос и генерирует несколько вариантов концепт-артов.

Шаг 4. Если результаты подходят, дизайнер может сохранить их и приступить к дальнейшей работе. Если что-то не так, можно отправить новый запрос с уточнениями или использовать другой инструмент генерации изображений, например, DALL-E 3.

Шаг 5. Готовое изображение несем на доработку и апскейл в Wondershare.

На создание картинки потратили 2 минуты вместе с апскейлом
На создание картинки потратили 2 минуты вместе с апскейлом

Процесс создания картинки с помощью MidJourney такой же, как и в Discord, но с тем преимуществом, что все функции доступны в Telegram. Можно получить заказ в одном чате, а выполнить его тут же в другом.

Модели ИИ для работы просят разное количество токенов. Например, MidJourney потребуется 1 токен за промт, а Dall-e 3 Turbo — от 1,5 до 5 токенов. Токены продаются пакетами, чем больше пакет — тем он дешевле. 100 токенов будут стоить 360₽, а 1000 — 2350₽. Оплачивать можно как российской картой, так и иностранной. Самое приятное, что токены не сгорают по истечению месяца, как в том же официальном GPT.

После поке на обед в Gamma делаем макет

Gamma — это инструмент для создания презентаций, документов, веб-страниц и других визуальных материалов. Сервис кардинально упрощает жизнь дизайнерам и другим специалистам, которые работают с визуалом. Можно сфокусироваться на концепции и содержании, не отвлекаясь на рутинные задачи бекенда.

Сервис поддерживает русский язык. На старте есть 3 готовых сценария работы — презентация, документ и сайт
Сервис поддерживает русский язык. На старте есть 3 готовых сценария работы — презентация, документ и сайт

Что можно делать в сервисе?

  • Создать с нуля презентацию, документ, веб-страницу по текстовому запросу. Просто введите описание вашей идеи, а ИИ сгенерирует полноценный визуальный макет.
  • Использовать большую библиотеку готовых тем оформления и шаблонов для различных целей. Выберите подходящий шаблон в качестве отправной точки.
  • Загрузить свои изображения, видео, GIF-анимации и бесшовно вставлять их в макеты созданные ИИ.
  • Работать в режиме реального времени. Каждое изменение моментально обновляет соответствующие визуальные объекты макета.
  • Менять одним кликом всю тему оформления, цветовую палитру и шрифты всего макета.
  • Работать совместно с командой. Можно удобно делиться созданными материалами с коллегами и клиентами, а потом внутри сервиса получать их отзывы и предложения.
  • Скачать работу в различных форматах. PDF, HTML, PowerPoint и изображения.
  • Получить аналитику и рекомендации ИИ для дальнейшего улучшения макетов с учетом специфики аудитории.

Рабочий процесс

Допустим, вам нужно сделать прототип нового веб-сайта для дизайн-студии. Из ТЗ есть только маркетинговая стратегия и пожелания по цвету. Раньше вся работа заняла бы от нескольких дней до недели. Сейчас на создание макета, согласование и верстку уйдет от нескольких часов до суток.

Открываем Gamma и нажимаем «Создать новый проект». ИИ предлагает вам ввести описание проекта. Пишем примерно следующий промт:

Нужен корпоративный веб-сайт для современной веб-дизайн студии. Студия специализируется на создании уникальных веб-сайтов, логотипов и фирменного стиля для стартапов и малого бизнеса. Цель сайта — продемонстрировать профессиональный и креативный подход, портфолио последних работ и убедить потенциальных клиентов нанять студию. Целевая аудитория — молодые предприниматели и руководители компаний в IT и креативных индустриях

На основе этого описания Gamma сгенерирует примеры прототипа. Можно будет сразу выбрать готовую тему, цвета, шрифт и блоки. Если с промтом возиться не хочется — можно обратиться к Syntx AI или к новому Mistral. Рассказывали про Le Chat тут.

Базу можно перегенерировать пока ИИ не сделает подходящий вариант. Или можно сразу взять первый понравившийся макет и настраивать все вручную
Базу можно перегенерировать пока ИИ не сделает подходящий вариант. Или можно сразу взять первый понравившийся макет и настраивать все вручную

Но это лишь базовый скелет. Теперь начинается креативная работа дизайнера:

  • Редактируем текстовый контент, вносим точные формулировки в соответствии с ТЗ.
  • Загружаем реальные изображения работ из портфолио в раздел «Примеры».
  • Делаем точную подгонку визуального стиля по-фирменному бренд-буку: меняем цветовую гамму, шрифты и оформление элементов.
  • Добавляем дополнительные разделы.
  • Скрываем для смартфонов менее важные детали, сохраняя акцент на ключевом контенте.
  • Устанавливаем анимации для привлечения внимания к главным секциям и интерактивные элементы вроде слайдеров или лайтбоксов.
  • Публикуем тестовую версию сайта по прямой ссылке и собираем обратную связь от коллег.
В Gamma есть все необходимые инструменты для детальной ручной настройки страницы
В Gamma есть все необходимые инструменты для детальной ручной настройки страницы

В результате спустя 2-3 часа у вас полностью готовый к запуску промо-сайт. Вот что получилось у нас за 5 минут. Промт для ИИ составляли в Le Chat. Текст наполнения подготовил Gamma.

Сколько стоит?

В Gamma есть бесплатный базовый тариф с очень неплохим набором возможностей. Он включает 400 кредитов при регистрации, неограниченное число пользователей и проектов, экспорт в PDF и PowerPoint (с водяным знаком Gamma). Также доступны основные средства аналитики, история изменений и использование встроенных фото и иконок. К слову, у нас ушло 50 кредитов на 1 сайт.

Для постоянного использования есть два платных тарифа.

Плюс — $10/месяц или $96/год:

  • 400 кредитов ежемесячно
  • Удаление водяного знака Gamma с экспорта
  • 30-дневная история изменений
  • Неограниченное создание папок и проектов

Про — $20/месяц или $180/год:

  • Безлимитная генерация контента

  • Приоритетная поддержка

  • Использование пользовательских шрифтов

  • Расширенные средства аналитики

  • Неограниченная история изменений

Можно воспользоваться бесплатным двухнедельным пробным периодом для тестирования возможностей Pro-тарифа. А еще можно неоднократно регистрироваться под новыми данными. Для начала триала банковская карта и мобильный телефон не нужны, достаточно только почты.

Вечерняя аналитика с Attention Insight

Attention Insight — это сервис, который анализирует распределение внимания пользователей на веб-страницах. С помощью этого инструмента дизайнеры могут проверить свою работу — выявить проблемные области, которые не привлекают внимание и оптимизировать расположение важных элементов.

Проверили наш сайт — показатели в норме
Проверили наш сайт — показатели в норме

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

Что можно делать в сервисе?

Главная фишка Attention Insight — это создание тепловых карт внимания на основе загруженных изображений. Чем ярче и насыщеннее цвет на карте, тем больше внимания, как правило, привлекает соответствующая область.

Еще сервис определяет зоны интереса (AOI) и точное измерение процента внимания, которое они получают. Это позволяет оценить эффективность важных элементов дизайна, таких как призывы к действию, заголовки, логотипы и т.д.

Как дизайнеру все успевать и не сойти с ума: ТОП-3 сервиса в помощь

В Attention Insight можно проверить Clarity Score — общая структурированность и четкость дизайна. Этот индикатор сравнивает анализируемую страницу с лучшими сайтами в разных отраслях, помогая определить зоны для улучшения.

Как дизайнеру все успевать и не сойти с ума: ТОП-3 сервиса в помощь

Режим сравнения помогает тестировать различные варианты одного дизайна, получая сведения для A/B тестирования. Дизайнеры могут сопоставлять тепловые карты, Clarity Score и проценты внимания для разных концепций и выбирать оптимальный вариант.

Как дизайнеру все успевать и не сойти с ума: ТОП-3 сервиса в помощь

Сервис интегрируется с популярными инструментами, такими как Figma, Adobe XD, Sketch. Кроме того, есть удобное расширение для Chrome, которое сравнивает сайты конкурентов.

Сколько стоит?

Attention Insight предлагает четыре тарифных плана: Free, Solo, Small Team и Team.

  • В бесплатном пакете только базовые функции и 5 кредитов для анализа.
  • В Solo дается 25 кредитов на месяц, стоимость подписки 15 евро.
  • Для небольших команд подойдет тариф Small Team за 99 евро/месяц. В нем есть 175 кредитов, поддержка PDF-отчетов и групповой доступ для 3 пользователей.
  • Пакет Team за 299 евро в месяц рассчитан на крупные агентства и компании. В нем 550 кредитов, приоритетная поддержка, доступ к API, индивидуальные консультации по нейромаркетингу и редактируемые PPTX-отчеты.

Также доступны корпоративные тарифы с неограниченными кредитами, обучением персонала и поддержкой от экспертов. Есть скидка 20% при оплате за год вперед. Для тестирования понадобится только почта.

А если вы и сами знаете, как создать супер веб-сайт, но коммуникацию в команде подтянуть хочется — попробуйте бизнес-мессенджер Compass. Для команды до 10 человек приложение бесплатное. Если пользователей больше 10, у нас есть бесплатный пробный период на 30 дней. И самое приятное — теперь мессенджер можно установить на своем сервере.

Что еще почитать, чтобы творить как Энди Уорхол:

6868
51 комментарий

Как-то пыталась найти хороший сервис по созданию сайтов, но все они не дружили с русским. А у этого ещё и триал нормальный. Лайк ♥️

2
Ответить

Сейчас мало где встретишь поддержку русского, это правда

1
Ответить

А что вообще тестировали? 😊

Ответить

Больше нейросервисов во славу ИИ! Слава роботам, админъ 🤘🏻

Но сервисы и правда любопытные, благодарю!

1
Ответить

Больше Топов, больше Ботов! 😎

3
Ответить

Вадим, всегда рады поделиться полезными нейросервисами 🤗

1
Ответить

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

1
Ответить