Веб-дизайн

Веб-дизайн — курс в Детской школе дизайна НИУ ВШЭ для учащихся 5–9 классов

2

модуля

Старт курса — 30 марта

4

месяца

Занятия проходят по субботам в кампусе по адресу: Пантелеевская, 53

44 800

₽ / МОДУЛЬ

В каждом модуле 8 занятий
по 4 академических часа

Курс Детской школы дизайна НИУ ВШЭ для подростков в возрасте 12–15 лет. За 4 месяца ребята научатся создавать привлекательные и удобные сайты и освоят азы востребованной профессии веб-дизайнера.

О КУРСЕ

Веб-дизайн — это создание удобных и красивых сайтов. На этом курсе ребята на практике изучат ключевые моменты в области визуального дизайна и научатся делать сайты с помощью Figma и Readymag. По итогу прохождения курса обучающиеся презентуют преподавателям и друг другу результат своей работы — созданный с нуля и размещённый в интернете сайт.
Курс состоит из 2 модулей.

Веб-дизайн — курс в Детской школе дизайна НИУ ВШЭ для учащихся 5–9 классов

КОМУ ПОДХОДИТ КУРС

Курс подойдёт для творческих подростков в возрасте 12–15 лет, которые интересуются веб-дизайном и хотят научится создавать стильные и функциональные сайты.

ЧЕМУ НАУЧИМ

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

Веб-дизайн — курс в Детской школе дизайна НИУ ВШЭ для учащихся 5–9 классов

ПРОГРАММА ОБУЧЕНИЯ

📱 1 модуль. Лонгрид

Знакомство с курсом. Введение в веб-дизайн. Знакомство с основными понятиями и терминологией. Знакомство с Figma и создание пробного макета в Figma по референсу.
Занятие 1. Выбор главной темы проекта из списка.  Подбор референсов. Изучение инструментария Figma: работа с сеткой и блоками проекта. Проработка логики проекта.
Занятие 2. Продолжение работы с уникальными элементами: кнопки, иконки, карточки продукта или услуги. Композиция в веб-дизайне и визуальная иерархия. Доработка макета сайта Figma с учётом обратной связи. 
Занятие 3. Продолжение работы с уникальными элементами. Иконки в едином стиле проекта. Композиция в веб-дизайне. Доработка макета сайта Figma с учётом обратной связи.
Занятие 4. Перенос сайта из Figma в Readymag. Шрифты, подбор шрифтовой пары и работа с типографикой в контексте лонгрида. Композиция в веб-дизайне.
Занятие 5. Знакомство с анимацией. Анимация элементов на скролл и появление. Настройка интерактивных элементов: кнопки, ссылки, анимация текста и изображений.
Занятие 6. Интерактив «хороший-плохой дизайн». Переходы между экранами и управление вниманием в лонгриде, фокус на ключевых элементах. Корректировка проекта с учетом обратной связи.
Занятие 7. Презентация и обложка. Создание обложки лонгрида для цифрового портфолио Школы дизайна. Презентация для портфолио. Презентация перед группой.

💻 2 модуль. Лендинг

Знакомство с темой курса. Введение в веб-дизайн. Знакомство с терминологией.  Знакомство с визуальными библиотеками. Знакомство с Figma. Создание пробного макета в Figma по референсу.
Занятие 1. Выбор главной темы проекта из списка (продукт, услуга, событие). Подбор референсов. Изучение инструментария Figma: работа с сеткой и блоками проекта. Проработка логики проекта: продукт, предложение для пользователя, блоки доверия и призыв к действию.
Занятие 2. Продолжение работы с уникальными элементами: кнопки, иконки, карточки продукта или услуги. Композиция в веб-дизайне и визуальная иерархия. Доработка макета сайта Figma с учётом обратной связи. 
Занятие 3. Композиция в веб-дизайне. Перенос сайта из Figma в Readymag. Шрифты, подбор шрифтовой пары, работа с типографикой в контексте лендинга.
Занятие 4. Знакомство с анимацией. Анимация элементов на скролл и появление. Анимация кнопок, текста и изображений.
Занятие 5. Интерактив «хороший-плохой дизайн». Переходы между экранами и управление вниманием, фокус на ключевых элементах. Корректировка лендинга с учётом обратной связи.
Занятие 6. Дорабатываем сайт на Readymag. Публикация сайта на Readymag в сеть интернет.  
Занятие 7. Презентация и обложка. Создание обложки лендинга для цифрового портфолио Школы дизайна. Презентация для портфолио. Презентация перед группой.

ПРИМЕРЫ РАБОТ

Соловьев Илья
Соловьев Илья
Новосельцева Ольга
Новосельцева Ольга
Глебова Ярослава
Глебова Ярослава
Козарева Софья
Козарева Софья

День открытых дверей

16 марта, 12:00 подробнее узнаете о курсах, пообщаетесь с кураторами, увидите работы выпускников

Куратор

Веб-дизайнер, педагог направления «Дизайн и программирование» в Школе дизайна ВШЭ. Эксперт worldskills в направлении «Веб-дизайн и веб-разработка».

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Что делать, если не получилось подобрать курс?

Посетите День открытых дверей — там ребёнок поучаствует в мастер-классах, а вы познакомитесь с кураторами программ и узнаете больше о курсах.

По вопросам поступления пишите и звоните Наргизе Мирзакаримовой, менеджеру по работе со слушателями:
​​​​​​​
Тел.: +7 (499) 444-02-84, добавочный 707
WhatsApp: +7 (925) 655-83-00
E-mail: nmirzakarimova@hse.ru
Понедельник — пятница, 10:30-18:30

Можно ли записать ребёнка на курс, если он старше или младше нужного возраста?

Если ребёнок старше или младше нужного возраста на несколько месяцев, будем рады видеть его на курсе, однако лучше дополнительно проконсультироваться с преподавателем.

А если возраст отличается на год или более, лучше выбрать другую программу или подождать. Иногда для учёбы ребёнку нужен багаж школьных и житейских знаний — без него будет некомфортно, и это отобьёт интерес к занятиям.

Сколько учащихся в группах?

8–12 человек — это помогает уделить внимание каждому ребёнку и его проекту.

Нужно ли докупать материалы для занятий или устанавливать программы на домашний компьютер?

Если выбрали онлайн-курс, то преподаватели или администратор пришлют список программ, которые нужно установить на компьютер.

А если планируете учиться в кампусах Школы на «Павелецкой», «Рижской» или «Семёновской», докупать ничего не нужно.

Что делать, если пропустили занятие?

Ничего страшного — все ссылки, конспекты, задания и прочие материалы можно будет получить либо напрямую от преподавателя, либо непосредственно в чате курса, в котором происходит общение группы. В некоторых случаях преподаватель будет вести трансляцию занятия. Присылайте домашние задания — преподаватель обязательно даст обратную связь по проекту.

Кому можно задать срочный вопрос?
  • Куратору курса или администратору Детской школы дизайна: Анне Шашиной:
    Тел: +7 (916) 640-39-04
    E-mail: ashashina@hse.ru
  • Или пишите и звоните Наргизе Мирзакаримовой, менеджеру по работе со слушателями:
    Тел.: +7 (499) 444-02-84, добавочный 707
    WhatsApp: +7 (925) 655-83-00
    E-mail: nmirzakarimova@hse.ru
    Понедельник — пятница, 10:30-18:30

Какие документы получат выпускники курса?

Сертификат Детской школы дизайна НИУ ВШЭ.

Если закончили курс, куда идти учиться дальше?

Лучше уточнить у куратора программы или администратора Детской школы.

Если ребёнок закончил курсы Детской школы дизайна НИУ ВШЭ, ему будет легче поступить на программы бакалавриата?

Выпускники курсов Детской школы дизайна не получают дополнительных баллов или других формальных преимуществ, когда подают документы в бакалавриат.

Как можно оплатить курс?

Курс можно оплатить онлайн по договору оферты. Также доступна оплата от юридического лица.

Есть ли скидки для детей из многодетных или неполных семей?

К сожалению, в Детской школе дизайна НИУ ВШЭ нет скидок. Если появятся, обязательно сообщим.

Все программы Детской школы дизайна

По вопросам поступления пишите и звоните Наргизе Мирзакаримовой, менеджеру по работе со слушателями:
​​​​​​​
Тел.: 499 888-15-41, добавочный 707
WhatsApp: +7 (925) 655-83-00
E-mail: nmirzakarimova@hse.ru
Понедельник — пятница, 10:30–18:30

Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную информацию об использовании файлов cookies можно найти здесь, наши правила обработки персональных данных – здесь. Продолжая пользоваться сайтом, вы подтверждаете, что были проинформированы об использовании файлов cookies сайтом НИУ ВШЭ и согласны с нашими правилами обработки персональных данных. Вы можете отключить файлы cookies в настройках Вашего браузера.