Original size 1334x2000

Выставка веб-плакатов студентов Школы дизайна НИУ ВШЭ в Светловке

30 января 2026 года в пространстве Молодежного медиацентра библиотеки «Светловка» состоялось открытие выставки веб-плакатов студентов Школы дизайна НИУ ВШЭ.

Модерировала мероприятие Анна Комкова — преподаватель на направлении «Цифровой продукт и искусственный интеллект» в Школе дизайна НИУ ВШЭ. Специалистка в области веб-дизайна и визуализации данных. Магистр направления «Журналистика данных». Организацией выставки и мероприятием занималась Полина Куревлева.

Посетить экспозицию в «Светловке» можно до 9 марта 2026 года.

Вкратце рассказываем тезисы мероприятия.

«CREATIVE HUB» — промокод на скидку 5% на все курсы ДПО

Анна Комкова: «На первом курсе мы не заставляем студентов сразу разрабатывать цифровые продукты. Они еще успеют это сделать позже. А сейчас можно побыть еще немного панками и придумывать невероятные вещи, воплощать их в реальность с помощью таких веб-плакатов».

Студенты первого курса направления «Цифровой продукт и искусственный интеллект» под руководством двух кураторов — по дизайну и технологиям — разработали плакаты и анимировали их.

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

Как «оживить» плакаты?

  1. Откройте камеру в телефоне;
  2. Наведите на QR-код в правом нижнем углу плаката;
  3. Наслаждайтесь просмотром анимаций на сайте, созданном студентами.
Original size 2000x1334

Анна Комкова: «Сейчас быть онлайн — это способ почувствовать себя комфортно, где бы вы ни были. Задача дизайнеров и программистов стала сложнее. Нам необходимо сделать не просто хорошо работающий продукт, а незаменимый, встроенный идеально в нашу реальность».

post

Анна Комкова рассказала, как устроен образовательный процесс на направлении «Цифровой продукт и искусственный интеллект», где студентов обучают, как разрабатывать свои цифровые продукты. С 2025 года в Школе дизайна обучается 11 учебных групп на разных профилях этого направления.

Уже начиная со II курса студенты разрабатывают свои первые цифровые продукты — медиа-сервисы, многостраничные сайты. В современном мире цифровое пространство может иногда заменять нам дом, где мы чувствуем себя безопасно и комфортно, поэтому задача — разработать продуманный, приятный в использовании интерфейс.

В первый год обучения студенты учатся не только придумывать красивую картинку, но и «кодить» её, изучают основы веб-вёрстки. Чтобы сделать процесс обучения программированию веселее, кураторы отказались от обычных тестов и придумали веб-плакат — формат, в рамках которого студенты могут воплощать в жизнь самые смелые идеи. Веб-плакат — одностраничный сайт с интерактивными анимациями, не является частью веб-дизайна в привычном понимании лендинга или лонгрида, хотя существует в браузере. Такой подход позволяет эффективно обучать веб-вёрстке дизайнеров без технического бэкграунда.

Original size 2000x1334

Максим Кириллов: «Веб-плакат — одностраничный сайт и самостоятельное краткое высказывание. Это универсальный формат. Он может быть просто произведением искусства, а может информировать вас о чем-то».

Максим Кириллов, студент IV курса профиля «Дизайн и программирование», рассказал про веб-плакаты, исследование которых легло в основу его дипломной работы.

Веб-плакат косвенно наследует как традиции печатного плаката, так и net.art — авангардного движения, возникшего в 90-е годы. Цифровые художники использовали всемирную сеть одновременно как медиум и как тему: создавали работы, доступные через браузеры, исследуя цифровые сети, интерактивность и эфемерность онлайн-контента. В университете веб-плакат является образовательным инструментом, но может быть полноценным и самостоятельным авторским высказыванием.

Особенностью веб-плаката является трансмедийный формат: его можно распечатать и повесить на стену, как обычный плакат, однако при наведении камеры на QR-код зритель перейдёт на сайт и увидит ожившее полотно. У бумажного плаката есть ограничения материала, а в цифровом пространстве он может жить сразу в нескольких вариациях и видоизменяться.

Создать свой веб-плакат можно с помощью HTML, CSS и JavaScript. Такой образовательный формат помогает ребятам пройти все стадии создания первого цифрового продукта: продумывание концепции, разработка визуального стиля и композиции, воплощение в виде одностраничного сайта с интерактивными элементами и анимациями.

Дипломная работа Максима посвящена разработке интерактивного сайта-учебника, который соберёт в одном месте теоретические и практические знания о веб-плакате. Уже было выпущено визуальное исследование в виде книги, где подробно исследуются выразительные, образовательные и прочие особенности веб-плаката. Результат проведённого исследования ложится в основу для создания сайта-учебника. Сейчас с исследованием можно ознакомиться в электронном виде, вскоре планируется выпуск печатных изданий.

Роман Шарычев, студент II курса программы «Управление в креативных индустриях», рассказал про свой опыт работы над веб-плакатом во время обучения.

Идея плаката — университет для лошадей, в котором они могут пройти обучение от стойла до кафедры. Целью было погрузить зрителя в веселую расслабленную атмосферу при помощи простых интерактивных взаимодействий: например, можно порисовать или поперетаскивать книги с полки на стол. Всего сайт состоит из нескольких блоков: карта учебного кампуса, «рисовалка» и книги. На ноутбуке Романа можно было повзаимодействовать собственноручно.

В финале гости встречи задали вопросы выступающим и поделились своими впечатлениями. За лучший вопрос одному из гостей подарили набор мерча от Школы дизайна НИУ ВШЭ.

Мероприятие прошло 30 января с 18:00 до 19:30 в пространстве Молодежного медиацентра библиотеки «Светловка».

Подробнее об этом и других событиях HSE CREATIVE HUB, можно узнать на сайте https://creative.hse.ru/hub.

We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more