Онлайн-курс Wed Design
О чём курс
Роман Горелик, преподаватель МГТУ им. Баумана, обучает веб-дизайну с нуля — от предпроектных исследований и аналитики до финального макетирования интерфейсов и подготовки их к разработке.
О чём курс
Программа охватывает полный цикл создания цифрового продукта. Основная практическая работа проходит в Figma, а возможности Photoshop привлекаются для ретуши, коллажирования и оформления презентаций на мокапах.
Помимо проектирования визуальной части курс знакомит с основами фронтенд-разработки: принципами верстки на HTML и CSS, инспектором браузера и конструктором Webflow. Это помогает дизайнеру понимать технические ограничения и говорить с разработчиками на одном языке.
Чему вы научитесь
- Проводить интервью с клиентами, собирать данные и применять методики CusDev и CJM.
- Создавать текстовые прототипы, писать лаконичные тексты по правилам инфостиля и рекламных формул.
- Работать с композицией, визуальными акцентами, иерархией элементов и сетками.
- Разбираться в типографике: сочетать шрифты и выстраивать удобочитаемый текстовый блок.
- Проектировать адаптивные версии страниц для десктопных экранов и мобильных устройств.
- Готовить кейсы для портфолио на Behance, вести переговоры с заказчиками и определять стоимость своей работы.
Формат обучения
По словам автора, курс построен на балансе 80 % практики и 20 % теории. Обучение включает выполнение практических и творческих заданий, сопровождение тренера и подробный разбор студенческих макетов.
Об авторе
Автор программы — Роман Горелик, преподаватель МГТУ им. Н. Э. Баумана.
Программа обучения
- 1 Основы web-дизайна
- 3 занятия, 8 уроков,
- О курсе, как будет проходить
- Цели курса и веб-дизайна
- Принципы дизайна
- Human–Centered Design (HCD)
- Как использовать правила
- Процесс работы
- Инструменты
- Качаем вкус
- Доп уроки:
- Photoshop
- Интерфейс+настройка
- Основные инструменты
- Слои
- Figma
- Настройка и интерфейс
- Основные инструменты
- Первый интерфейс
- Личная эффективность:
- Построение рабочего процесса
- 2 Аналитика
- 3 занятия, 5 уроков,
- Интервью с клиентом
- Сбор информации
- Customer Development (CusDev)
- Customer Journey Map (CJM)
- Сторителинг на сайте
- Инфостиль
- Создание текстового прототипа
- Доп уроки:
- Копирайтинг
- Текст без воды
- AIDA и компания
- Photoshop
- Работа с текстом
- Стили текста
- Figma
- Работа с текстом
- Стили текста
- 5 Прототипирование. (Композиция, типографика, верстка)
- 7 занятий, 15 уроков
- Композиция и ее законы
- Акценты в дизайне
- Иерархия
- Conversion Centered Design (CCD)
- Сетки
- Типографика
- История шрифта
- Виды шрифтов и как их сочетать
- Идеальный абзац
- Для чего нужен прототип
- Где создавать
- Основы верстки
- HTML & CSS
- Основы верстки на примере webflow
- Web-инспектор в браузере
- Приложения в браузере
- Photoshop
- Сетки и смарт-объекты
- Figma
- Стили и сетки
- Творческое задание
- 6 Дизайн
- 6 занятий, 7 уроков
- Тайная творческая работа (1 кейсы)
- Создание дизайна сайта
- Подробный разбор дизайна с тренером
- Photoshop
- Фильтры
- Коллажирование
- Figma
- Прототипирование
- Творческое задание
- 7 Адаптивная верстка
- 4 занятия, 5 уроков
- Типы верстки
- Особенности мобильной версии
- Создание 5 вариантов макета под разные устройства
- Photoshop
- Мокапы
- Презентация
- Figma
- Адаптивная верстка
- Настройка смартфона
- Творческое задание
- 8 Выход на рынок и работа с клиентом
- 2 занятия, 3 урока
- Упаковываем кейсы
- публикуем на Behance
- Как общаться с клиентом
- С чего начинать работу
- Как оценить стоимость
- Где искать клиентов
- Как быстро получать заказы
- Figma
- Все, что не вошло в основной курс
- Творческое задание
Теги курса
Другие материалы школы 6
НД Наука дизайна Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.