Дизайн и программирование

1 модуль

Лонгрид и экранная типографика

В модуле изучается интернет как носитель сообщения и особенности текстовых практик в цифровой среде. Шрифт, композиция и темпоритм публикации в экранном дизайне. Управление вниманием читателя цифровой публикации. Повествование в веб-дизайне. Сайт как история. Жанр «лонгрида». В течение модуля студенты выполнят ряд упражнений, посвящённых работе с текстами, графикой и анимацией в вебе, проанализируют подборку референсных проектов и создадут свою большую интерактивную статью.
Преподаватели: Пащенко О. Г.

Дизайн сайта: идея и устройство

Студенты разрабатывают концепцию сайта, изучают целевую аудиторию и верстают одностраничный сайт с описанием проекта. Описывают объектную структуру проекта. Создают интерактивный прототип медиа-сервиса в Figma для формирования видения развития проекта. Изучают методология JTBD и учатся создавать Job Stories и User Stories.

Разработка сайта: сборка стека, создание шаблонов, роутинг, обвес

Студенты изучают сборщик проектов WebPack и учатся работать с ним, проектируют маршрутизацию информационной системы и структуры данных для хранения контента. Верстают страницу «О проекте» и заглушку сайта (splash screen) с модулем сбора адресов электронной почты.

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 1)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

2 модуль

Лендинг, посадочные страницы

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

Дизайн сайта: бренд, айдентика и стилистика

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

Разработка сайта: создание и адаптивная веб-вёрстка шаблонов

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

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 2)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

3 модуль

Прототипирование веб-сервиса

В модуле особое внимание уделяется продуктовому дизайну, созданию идеи и бизнес-логики оригинального сервиса, дизайну веб-интерфейсов и юзабилити. В командах по 2–3 человека разрабатывают интерактивный прототип относительно сложного интерфейса для вымышленного продукта, например, интернет-магазина. В модуле особое внимание уделяется продуктовому дизайну, созданию идеи и бизнес-логики оригинального сервиса, дизайну интерфейсов и юзабилити.
Преподаватели: Пащенко О. Г.

Дизайн сайта. Дизайн веб-интерфейсов (этап 3)

Детальное проектирование интерфейсов с упором на качественную типографику. Дополнение интерфейса поддерживающей графикой.

Студенты детально прорабатывают интерфейс продукта и финализируют его.

Разработка сайта. Разработка интерактивных модулей (этап 3)

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

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

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 3)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

4 модуль

Мобильное приложение

В модуле изучается дизайн мобильных приложений, и особенности реализации под операционные системы iOS и Android. Студенты продолжают знакомство со всеми этапами разработки цифрового продукта, делая больший акцент на исследовании повседневных потребностей пользователя, дизайне пользовательского взаимодействия (UX-дизайн) и проектировании интерфейсов для мобильных устройств.
Преподаватели: Пащенко О. Г.

Дизайн сайта (этап 4)

Цель этого модуля успешно закончить годовую работу, доставить как можно скорей продукт пользователям (чтобы к защите проекта иметь на руках метрики), обновить и улучшить инструментарий и документацию, подготовить презентации для показа продукта разной аудитории

Разработка сайта. Автоматизация (этап 4)

Цель этого модуля успешно закончить годовую работу, доставить как можно скорей продукт пользователям (чтобы к защите проекта иметь на руках метрики), обновить и улучшить инструментарий и документацию, подготовить презентации для показа продукта разной аудитории

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 4)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

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