Образовательно-развлекательный курс «Интерактивный и генеративный дизайн в вебе» для дизайнеров, которые всегда хотели изучить кодинг, но «пока не нашли времени»
Я преподаю кодинг дизайнерам и другим представителям креативного класса с 2014 года и знаю, что изучать кодинг с нуля не просто. За коды практики со студентами я разработал несколько подходов, которые позволяют изучать сложные вещи на интересных творческих проектах.
Этот курс создан дизайнером для дизайнеров. Все материалы объясняются на простых аналогиях в Figma. На курсе вы создадите три творческих проекта в дизайне и коде, освоите технологии HTML, CSS и JavaScript, узнаете больше про возможности современной цифровой среды.
Состав, объём и устройство курса
Длительность курса
6 месяцев
Объём контактных часов
192 академических часа (из них 96 часов лекций и воркшопов, и 96 часов совместной работы по проектам, ревью и консультаций)
Регулярность занятий
Занятия будут проводиться два вечера в неделю с 19:10 до 22:00 в выбранные общим голосование в группе дни
Пропуск занятий
Все онлайн-встречи (лекции, воркшопы, ревью) будут записываться и выкладываться для просмотра в удобное время, если пропустили или хотите повторить материал
Устройство курса
На курсе каждый из вас создаст 3 проекта (3 модуля). Работа над каждым проектом будет длиться 2 месяца и дальше каждый проект может быть доработан в течение следующего модуля.
Раз в неделю два занятия предназначены для регулярного проведения лекций/воркшопов и ревью по домашним заданиям и вашим проектам.
В процессе курса автором курса будет собран отчётный сайт (на тех же технологиях, что мы будем изучать) с работами группы.
Таймлайн пилотного проекта
Набор группы
1–14 апреля — для самых лояльных и желающих хорошая скидка
15–30 апреля — для думающих и ждущих финансы тоже скидка
1–26 мая — для тех, кто поздно узнал и тоже хочет присоединиться, просто очень подъёмная стоимость курса
Проведение курса
26 мая — 20 июля — первый модуль
21 июля — 14 сентября — второй модуль
15 сентября — 9 ноября — третий модуль
Завершение курса
10 ноября — 20 ноября — выдача сертификатов, освещение в медиа
Стоимость обучения и порядок приёма в группу
Порядок приёма в группу
Так как это пилотный курс результат работы на котором будет выставлен на сайте, рассмотрю на курс знакомых дизайнеров с опытом (вас) и ваших друзей.
Размер группы
Группа будет маленькая: 10–15 человек. На крайний случай, если внезапно появится много классных дизайнеров, желающих поучиться, сделаем 2 группы, но размер обоих групп будет маленький, чтобы можно было достаточно времени посвятить каждому.
Стоимость участия в пилоте
Полная стоимость курса 80 000 ₽
(при оплате с 1 мая)
До 15 апреля 60 000 ₽
До 1 мая 70 000 ₽
Портфолио работ студентов с похожих курсов
Уже 8 лет я и мои коллеги в Школе дизайна НИУ ВШЭ преподаём цифровой дизайн, брендинг и айдентику и технологии дизайна.
Из рабочей практики для вас я выделил два проекта, с помощью которых можно не душно, а вполне творчески изучить основы веб-технологий.
Третий проект, который вы сделаете — более комплексный продукт, который выделен из моей пятилетней работы по дипломам со студентами. Он предназначен для закрепления основ и углубления в сферу креативного программирования, алгоритмического, параметрического, генеративного и интерактивного веб-дизайна и цифрового арта.
Ниже представлены некоторые работы сгрупированные по релевантности к проектам по модулям.
Модуль 1. Статичный веб-плакат
Веб-дисциплина, в которой мы изучаем HTML и CSS, техники резиновой и адаптивной вёрстки. Создаём арт-проект веб-плакат, главная цель которого быть по дизайнерски классным и продемонстрировать максимум возможностей HTML и CSS, которые вы изучите.
Веб-плакат должен подстраиваться под все актуальные устройства (компьютеры, планшеты, телефоны). JavaScript использовать запрещено.
Модуль 2. Динамический веб-плакат
В этом проекте разрешено и обязательно нужно использовать JavaScript, который мы изучим с нуля.
Задача проекта (как всегда быть классным) продемонстрировать изученные возможности по генерации дизайна в JS, возможности по работе с пользовательским интерактивом на всех актуальных устройствах, умение пользоваться сторонними библиотеками.
Часто, студенты делают что-то на подобии игр в браузере. Это не ответвление от жанра веб-плакат. Лучше если и внедрять игровые маханики, то делать это в рамках расширения визуальных возможностей плаката.
Модуль 3. Алгоритмический проект
Существует уже известные нам форматы проектов и те, которые ещё предстоит придумать. Главная суть проекта — использовать изученные технологии и создать мини-продукт, который будет на основе алгоритмов предопределённой случайности генерировать какой-то утилитарный дизайн.
Это может быть генератор мерча, цветовой палитры, айдентики, коммуникационных носителей, придумайте сами что ещё (может быть что-то, что вы всегда хотели).
Ally — генератор айдентики для НКО
Figma-плагин, в котором можно настроить параметры стиля и генерировать носители с заменяемым контентом.
Coversea — генератор музыкальных обложек
Сайт с возможностью генерации и скачивания обложки для музыкального трека, альбома, подкаста и т. п.
Генератор мерча для Platform V (Сбер)
Сайт с возможностью генерации изображения для печати на футболку, кружку и прочие носители.
Ай Виш Ю — генератор открыток с персональным сообщением
Сайт с возможностью сгенерировать открытку, написать на обратной стороне текст и отправить кому-нибудь в подарок.
Le generator — инструмент, с помощью которого можно создавать композиции на основе имеющихся деталей конструктора Lego
Сайт с возможностью ввода данных об имеющихся деталях Lego и генерации шаблона для сборки композиции на плейте.
В нашем портфолио есть большое количество проектов, которые находятся в той же области дизайна, но выходят за рамки курса. Эти проекты будут продемонстрированы на вебинаре в субботу 5 апреля с 16:00 до 18:00.
Вопросы можно задать в чате курса и в личных сообщениях.
Отправить заявку для записи на курс можно в личные сообщения или заполнить гугл-форму.