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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В результате спустя 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) и точное измерение процента внимания, которое они получают. Это позволяет оценить эффективность важных элементов дизайна, таких как призывы к действию, заголовки, логотипы и т.д.

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

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

Сервис интегрируется с популярными инструментами, такими как 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% при оплате за год вперед. Для тестирования понадобится только почта.