Мастерская дизайна для создания медиапроектов

Магистратура 2026/2027

Статус: Курс обязательный (Медиапроизводство и медиааналитика)

Кто читает: Департамент медиа

Где читается: Санкт-Петербургская школа гуманитарных наук и искусств

Когда читается: 1-й курс, 1, 2 модуль

Охват аудитории: для своего кампуса

Преподаватели: Ефремова Дарья Вадимовна, Климовская Дарья Игоревна

Язык: русский

Кредиты: 6

Контактные часы: 46

Дополнительные материалы в LMS Задать вопрос

Аннотация

Первый модуль направлен на всестороннее изучение семиотического потенциала визуальных коммуникаций, истории изобразительного искусства, композиционных парадигм, современного дизайна, и комплементарности в современных коммуникациях, а также изобразительных и выразительных средств композиции, фотографии и типографики. В процессе обучения студенты освоят различные методы анализа и создания визуальных сообщений, научатся применять принципы современного дизайна в медиапроектах, а также приобретут навыки эффективной коммуникации через визуальные образы. Второй модуль курса посвящен практическому освоению инструментов и принципов современного медиадизайна для создания эффективного визуального контента. Студенты познакомятся с полным циклом производства — от проектирования статичных элементов для социальных сетей до разработки интерактивных мультимедийных лонгридов. В процессе обучения особое внимание уделяется работе в профессиональных дизайнерских программах (Figma, Adobe Photoshop) и конструкторах сайтов (Tilda). Учащиеся освоят и закрепят на практике ключевые аспекты визуальной коммуникации: от работы с композицией, цветом и типографикой до основ нарративного дизайна, прототипирования и юзабилити. Итогом раздела станет приобретение навыков создания целостной визуальной концепции и её технической реализации для различных цифровых форматов.

Цель освоения дисциплины

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

Планируемые результаты обучения

Разбирается в основах графической выразительности, вовлечен в культурный контекст, знаком с композиционными парадигмами в графическом дизайне.
Способен проводить визуальный анализ фирменного стиля, айдентики или отдельных носителей, выявляя связь между композиционно-графическим решением и коммуникационными задачами проекта.
Знаком с профессиональной терминологией в области графического дизайна и умеет корректно ее использовать в устной и письменной речи.
Знает основные принципы типографики: имеет представление о классических и современных принципах набора, об основных шрифтовых классификациях, о макро- и микротипографике.
Умеет работать с визуальным контентом: различает и применяет средства дизайна, иллюстрации и фотографии; создает инфографические блоки и иконки.
Умеет проектировать элементы фирменного стиля (логотип, цветовую палитру, шрифтовую пару) и обосновывать их выбор через семантику, целевую аудиторию и задачи бренда.
Умеет применять визуальные константы в макетах различных носителей (плакат, карточки, лендинг), обеспечивая стилистическое единство серии.
Понимает композиционные и типографические особенности плаката, способен балансировать выразительность и читаемость, исходя из его задач.
Владеет спецификой проектирования карточек для социальных сетей: понимает ограничения формата, умеет выстраивать иерархию для быстрого восприятия, сохранять удобочитаемость в малом объеме и адаптировать визуальные константы к серийному формату.
Обладает навыками проектирования интерфейсов: понимает основы юзабилити и эргономики, умеет создавать интерактивные прототипы лендингов в Figma и реализовывать их в Tilda.
Понимает принципы структурирования лендинга, использует интерактивные элементы и анимации для вовлечения и удержания внимания аудитории.
Владеет графическим редактором Figma: создает и редактирует векторную графику, использует стили, компоненты, сетки и плагины для визуализации данных и прототипирования.
Владеет конструктором сайтов Tilda: переносит макеты из Figma, настраивает глобальные стили, работает с Zero-блоком для кастомизации элементов.

Содержание учебной дисциплины

Основы визуальной коммуникации и композиционного мышления. Визуальная коммуникация и брендинг: семиотические основания
Формальная композиция: базовые принципы
Эволюция графического дизайна: стили и парадигмы XX–XXI веков
Концептуальные основы и разработка визуальных констант фирменного стиля. Цвет как инструмент визуальной коммуникации
Знак, символ, метафора: создание визуальной идентичности
Типографика: классификация, параметры, выразительные возможности
Плакат как носитель фирменного стиля: композиционные основы и проектирование
Дизайн карточек для социальных сетей Формат карточек для социальных сетей. Фотография и иллюстрация как элемент дизайна
Основы визуализации данных
Систематизация и макетирование карточек как единой серии
Проектирование и реализация элементов лендинга. Лендинг как интерактивный формат: структура, блоки и паттерны восприятия
Прототипирование сайта: методы и реализация в Figma
Детализация интерфейса и его перенос в конструктор сайтов Tilda
Интерактивные элементы: анимация и микро-интеракции в лендинге
Основы адаптивной верстки

Элементы контроля

Аналитическое эссе
Студент изучает выбранный коммуникационный проект или феномен и проводит его визуальный анализ, чтобы выявить, как композиционно-графический аппарат отражает задачи или идеологию проекта, а также трансформируется с течением времени и влияния разных графических парадигм. Результаты работы предоставляются в виде аналитического эссе с использованием изученной на занятиях терминологии и привлечением нескольких релевантных источников. Задание выполняется индивидуально. Текст работы сдается в письменном виде (PDF) и включает аннотацию, введение с постановкой проблемы, основную часть с последовательным анализом визуальных решений, заключение с выводами об эффективности решений для задач проекта, а также приложение с примерами. Готовые проекты студенты сохраняют в папке на Яндекс- или Google-диске. В рамках устной защиты студенты кратко презентуют проблему и ключевые выводы эссе.
Фирменный стиль (Разработка визуальных констант)
Студенты индивидуально разрабатывают начальный фирменный стиль для выбранного проекта (вымышленный бренд, мероприятие, медиапроект или проект, инициированный студентом в рамках других дисциплин). Работа осуществляется поэтапно. На первом этапе студент самостоятельно формулирует техническое задание и бриф проекта. На их основе в рамках второго этапа студент разрабатывает визуальные константы (логотип, цветовую палитру, шрифтовую пару). На третьем этапе студент создает носитель (плакат), который объединяет предложенные атрибуты фирменного стиля. Работа над проектом ведется в рамках очных занятий и домашних заданий. Готовые проекты студенты сохраняют в папке на Яндекс- или Google-диске за двое суток до защиты. Результаты работы оформляются в виде презентации, которая сопровождается устной защитой, в рамках которой студент обосновывает выбор цветов, шрифтов и логотипа через семантику, целевую аудиторию и задачи бренда. Длительность устной защиты не более 15 минут.
Домашние задания
Финальная оценка выставляется по результатам выполнения практических заданий, разработанных для закрепления навыков работы с разными форматами носителей в программах для графического дизайна. Работы выполняются в ходе аудиторных занятий и в формате домашнего задания. Итоговая оценка выводится как среднее арифметическое от всех оценок, полученных за обязательные задания модуля. Несданная работа приравнивается к нулю и учитывается в общем количестве работ при расчете итогового балла.
Фирменный стиль (Разработка носителей)
Взяв за основу разработанный в первом модуле фирменный стиль, студенты дорабатывают графические решения, повышая их качество и разнообразие, и предлагают варианты развития айдентики на еще два вида носителей: карточки для социальных сетей и лендинг. По итогам проделанной работы студенты собирают презентацию-гайдлайн, которая включает описание концепции, визуальные константы и правила их использования, а также примеры реализации стиля на носителях. Под карточками для социальных сетей подразумевается разработка квадратных карточек, которые могут использоваться как для серийных публикаций, так и для одиночных постов. Объем проекта определяется количеством участников: каждый студент готовит по 2 квадратные карточки, стараясь при этом соблюдать единую для команды стилистику. Дополнительно можно подготовить другие виды карточек (горизонтальные, вертикальные), а также оформление соцсетей (аватар и шапка). Под лендингом подразумевается концепция сайта-одностраничника о проекте на платформе Tilda. Каждый студент разрабатывает как минимум один содержательный блок для общего лендинга проекта: от первоначального прототипа в Figma до его верстки и настройки анимаций в Tilda. В процессе работы над макетом следует учесть принципы юзабилити и эргономики, выдержать стилевую целостность и уместность визуальных решений. Задание выполняется индивидуально или в группах. Готовые проекты студенты сохраняют в папке на Яндекс- или Google-диске строго за двое суток до защиты. Результаты работы оформляются в виде презентации, которая сопровождается устной защитой концепции и обоснованием предпринятых графических решений, а также в формате кейса на портфолио-платформе HSE Space.

Промежуточная аттестация

2026/2027 2nd module
0.3 * Фирменный стиль (Разработка визуальных констант) + 0.2 * Домашние задания + 0.3 * Фирменный стиль (Разработка носителей) + 0.2 * Аналитическое эссе

Список литературы

Авторы

Котюкова Анастасия Васильевна

Программа дисциплины