Вайб-кодинг для графических и веб-дизайнеров
О чём курс
Дима Зубков из Yodiz School показывает графическим и веб-дизайнерам, как пройти путь от идеи сайта и первого экрана до работающей страницы на собственном домене. На каждом уроке вы собираете проект и публикуете его.
Кому подойдёт
Новички в веб-дизайне получают последовательность действий от идеи до первой опубликованной ссылки. Если вы уже делаете макеты, курс показывает, как превратить их в адаптивные сайты с движением и разместить на хостинге. Дизайнеры с опытом смогут добавить в работу видео, 3D и интерактив, а затем представить проекты в портфолио.
Что вы будете делать
Работа начинается с визуальной подачи: идеи, первого экрана, ритма секций и акцента. Далее вы собираете страницу, в которой основную роль играет типографика, и сайт с видео, где нужно согласовать движение, монтажный ритм и читаемость текста. Для интерактивной страницы добавите 3D-объект, свет, камеру и реакции на курсор, прокрутку и наведение; перед публикацией проверите вес проекта.
Курс также охватывает подключение домена и хостинга и публикацию каждой готовой работы. В конце вы объедините четыре проекта с предыдущих занятий в сайт-портфолио с превью, короткими описаниями, ссылками и продуманным порядком просмотра.
Формат
В тарифе «Базовый минимум» пять уроков в записи и чек-листы. В портфолио входят пять проектов: четыре сайта, созданных на занятиях, и итоговая страница, которая их объединяет.
Программа обучения
Урок 1. Вау-подача: сайт как визуальное событие Сразу работаем руками: формулируем идею, собираем первый экран, ритм секций и визуальный акцент. На этом же уроке покупаем домен в Beget, подключаем хостинг и публикуем первую версию. Итоговая работа: Промо-сайт с сильным первым экраном и авторской подачей Опубликованная работа на своем домене и хостинге Допрасходы: хостинг от 420 ₽/мес + домен .ru от 199 ₽ Урок 2. Типографика: сайт, который держится на буквах Собираем сайт, где вся выразительность держится на буквах: масштаб, сетка, контраст, переносы, ритм чтения и аккуратная кириллица. В конце урока выкладываем готовую страницу на хостинг. Итоговая работа: Типографический лендинг без лишней графики и шаблонных карточек Опубликованная версия проекта на своем хостинге Правила работы с крупными заголовками и текстовыми блоками Урок 3. Видео-сайт: атмосфера, движение, монтаж Практически собираем сайт с видео как главным носителем атмосферы: фон, затемнение, маски, монтажный ритм, текст поверх медиа и плавные переходы. Финальную версию публикуем на хостинг. Итоговая работа: Видео-сайт с атмосферным первым экраном и читаемым текстом Опубликованная версия проекта на своем хостинге Понимание, как подготовить видео для веба без тяжелой загрузки Урок 4. 3D и интерактив: сайт, который отвечает на движение Собираем интерактивную страницу: добавляем 3D-объект, свет, камеру, реакции на курсор, прокрутку и наведение. Проверяем вес проекта и публикуем рабочую версию на хостинг. Итоговая работа: Интерактивный сайт с 3D-элементом и осмысленным движением Опубликованная версия проекта на своем хостинге Понимание, где интерактив усиливает идею, а где мешает Урок 5. Итоговое портфолио: четыре проекта в одном сайте Собираем и публикуем итоговый сайт-портфолио: упаковываем четыре проекта с прошлых занятий, добавляем короткие описания, превью, ссылки, структуру страницы и понятный сценарий просмотра. Итоговая работа: Опубликованное портфолио с четырьмя готовыми веб-проектами Страница, которую можно отправить клиенту или работодателю Понимание, как показывать результат, а не просто список работ
Теги курса
Другие материалы автора 7
ДЗ Дима Зубков Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.