Перейти к содержимому
NEWЧат с 15 ИИ-моделями — попробуйте бесплатно / имейте совесть, когда будете делиться или копировать
>AISTUDY_

Модуль d.10

Финальный проект

Демо-видео, AI-анимация интерфейсов, полный дизайн-кейс, портфолио

4 уроков · ~2.5 часа

Уроки

  1. 1 Урок 1: Демо-видео продукта с AI
    30 мин
  2. 2 Урок 2: AI-анимация интерфейсов
    30 мин
  3. 3 Урок 3: Финальный проект — полный дизайн-кейс
    40 мин
  4. 4 Урок 4: Портфолио — как подавать AI-работы
    25 мин

Обзор модуля

Вы прошли 9 модулей и освоили десятки AI-инструментов. Осталось главное — собрать навыки в единый рабочий процесс и показать результат миру.

Этот модуль — не про новые инструменты. Он про связность: как провести проект от исследования до промо-видео за один день и оформить его так, чтобы портфолио работало на вас.

Уровень: Для начинающих (программирование не требуется) Время: ~2.5 часа Предварительные знания: Модули D.1—D.9


Чему вы научитесь

После прохождения модуля вы сможете:

[+] Создавать демо-видео продукта через arckep.ru (Kling, Nano Banana) [+] Добавлять микро-анимации в интерфейсы через Claude [+] Проводить полный дизайн-кейс от UX research до промо [+] Правильно подавать AI-работы в портфолио [+] Этично раскрывать использование AI в клиентских проектах


Содержание модуля

Модуль состоит из 4 уроков: от отдельных техник к полному кейсу и портфолио.

Урок 1: Демо-видео продукта с AI

30 мин | Открыть урок

Kling 3.0 генерирует видео по текстовому описанию, Nano Banana (Gemini) создает стилизованные кадры. Через arckep.ru — без VPN, оплата рублями. Полный pipeline от сценария до готового ролика.

Ключевые темы:

  • Kling 3.0: генерация видео по тексту и раскадровке
  • Nano Banana: AI-кадры для вставок и заставок
  • AI-озвучка: ElevenLabs и Yandex SpeechKit
  • Монтаж в CapCut и экспорт для лендинга

Урок 2: AI-анимация интерфейсов

30 мин | Открыть урок

CSS-анимации не нужно писать вручную. Claude генерирует пульсацию, появление, загрузку — с prefers-reduced-motion и Tailwind-совместимостью. AI CSS Animations и Workik — для быстрых результатов без промптов.

Ключевые темы:

  • Claude как генератор CSS-анимаций с итеративной доработкой
  • AI CSS Animations: бесплатный генератор без регистрации
  • Workik: экспорт в GSAP, Anime.js, Tailwind
  • Принципы хороших UI-анимаций и доступность

Урок 3: Финальный проект — полный дизайн-кейс

40 мин | Открыть урок

6 этапов за один день: UX research, прототип, готовый сайт, промо-видео, 3D-элементы, презентация. Все инструменты курса — в одном проекте.

Ключевые темы:

  • 6 этапов полного дизайн-кейса
  • Выбор инструментов на каждом этапе
  • Связывание результатов между этапами
  • Оценка времени: что занимало недели, теперь — часы

Урок 4: Портфолио — как подавать AI-работы

25 мин | Открыть урок

EU AI Act требует прозрачности. Behance маркирует AI-контент. Клиенты ожидают честности. Как превратить раскрытие AI из риска в конкурентное преимущество.

Ключевые темы:

  • Этика раскрытия AI в 2026: регуляция и ожидания рынка
  • Behance, pxpop, личный сайт — где публиковать
  • Позиционирование: AI-augmented Designer
  • Структура кейса, который продает

Финальное задание курса

Создайте полный дизайн-кейс по инструкции из урока 3 и опубликуйте его на одной из платформ:

  1. UX research — персоны и journey map (модуль D.9)
  2. Прототип — Figma Make или Google Stitch (модуль D.7)
  3. Готовый сайт — Framer или Bolt (модуль D.8)
  4. Промо-видео — Kling 3.0 + AI-озвучка (урок 1)
  5. Презентация — Gamma (модуль D.6)
  6. Публикация — Behance, pxpop или личный сайт

Часто задаваемые вопросы

Обязательно ли делать все 6 этапов? Нет. Минимальный кейс — UX research + прототип + публикация. Остальные этапы усиливают портфолио, но не обязательны.

Можно ли использовать AI-работы в коммерческом портфолио? Да, при условии прозрачного раскрытия. Подробнее — в уроке 4.

Какие платформы доступны из России? Behance работает напрямую. Генерация видео и изображений через arckep.ru — без VPN, оплата рублями.

// Обсуждение

Можно писать анонимно. Укажите email, чтобы получать уведомления об ответах.