Как дизайнеру все успевать и не сойти с ума: ТОП-3 сервиса в помощь
Нашли крутые AI сервисы, потестировали за вас и рассказываем в статье.
Всем привет! На связи команда корпоративного мессенджера 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% при оплате за год вперед. Для тестирования понадобится только почта.
А если вы и сами знаете, как создать супер веб-сайт, но коммуникацию в команде подтянуть хочется — попробуйте бизнес-мессенджер Compass. Для команды до 10 человек приложение бесплатное. Если пользователей больше 10, у нас есть бесплатный пробный период на 30 дней. И самое приятное — теперь мессенджер можно установить на своем сервере.