Вайб-кодинг для графических и веб-дизайнеров

21 участник

О чём курс

Дима Зубков из Yodiz School показывает графическим и веб-дизайнерам, как пройти путь от идеи сайта и первого экрана до работающей страницы на собственном домене. На каждом уроке вы собираете проект и публикуете его.

Кому подойдёт

Новички в веб-дизайне получают последовательность действий от идеи до первой опубликованной ссылки. Если вы уже делаете макеты, курс показывает, как превратить их в адаптивные сайты с движением и разместить на хостинге. Дизайнеры с опытом смогут добавить в работу видео, 3D и интерактив, а затем представить проекты в портфолио.

Что вы будете делать

Работа начинается с визуальной подачи: идеи, первого экрана, ритма секций и акцента. Далее вы собираете страницу, в которой основную роль играет типографика, и сайт с видео, где нужно согласовать движение, монтажный ритм и читаемость текста. Для интерактивной страницы добавите 3D-объект, свет, камеру и реакции на курсор, прокрутку и наведение; перед публикацией проверите вес проекта.

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

Формат

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

Программа обучения

Урок 1. Вау-подача: сайт как визуальное событие Сразу работаем руками: формулируем идею, собираем первый экран, ритм секций и визуальный акцент. На этом же уроке покупаем домен в Beget, подключаем хостинг и публикуем первую версию. Итоговая работа: Промо-сайт с сильным первым экраном и авторской подачей Опубликованная работа на своем домене и хостинге Допрасходы: хостинг от 420 ₽/мес + домен .ru от 199 ₽ Урок 2. Типографика: сайт, который держится на буквах Собираем сайт, где вся выразительность держится на буквах: масштаб, сетка, контраст, переносы, ритм чтения и аккуратная кириллица. В конце урока выкладываем готовую страницу на хостинг. Итоговая работа: Типографический лендинг без лишней графики и шаблонных карточек Опубликованная версия проекта на своем хостинге Правила работы с крупными заголовками и текстовыми блоками Урок 3. Видео-сайт: атмосфера, движение, монтаж Практически собираем сайт с видео как главным носителем атмосферы: фон, затемнение, маски, монтажный ритм, текст поверх медиа и плавные переходы. Финальную версию публикуем на хостинг. Итоговая работа: Видео-сайт с атмосферным первым экраном и читаемым текстом Опубликованная версия проекта на своем хостинге Понимание, как подготовить видео для веба без тяжелой загрузки Урок 4. 3D и интерактив: сайт, который отвечает на движение Собираем интерактивную страницу: добавляем 3D-объект, свет, камеру, реакции на курсор, прокрутку и наведение. Проверяем вес проекта и публикуем рабочую версию на хостинг. Итоговая работа: Интерактивный сайт с 3D-элементом и осмысленным движением Опубликованная версия проекта на своем хостинге Понимание, где интерактив усиливает идею, а где мешает Урок 5. Итоговое портфолио: четыре проекта в одном сайте Собираем и публикуем итоговый сайт-портфолио: упаковываем четыре проекта с прошлых занятий, добавляем короткие описания, превью, ссылки, структуру страницы и понятный сценарий просмотра. Итоговая работа: Опубликованное портфолио с четырьмя готовыми веб-проектами Страница, которую можно отправить клиенту или работодателю Понимание, как показывать результат, а не просто список работ

Складчина создана 6 июня 2026 г. · описание обновлено 25 октября 2026 г.

Теги курса

Инструменты

Другие материалы автора 7

ДЗ Дима Зубков Все материалы
1 138 ₽ 19 990 ₽