Технологии. Дизайн. Цифровые продукты.

Создаём
новую реальность.

Институт цифрового дизайна НИУ МИЭТ.
IT, дизайн и творчество – создаём цифровые продукты,
игры и виртуальные миры.

ЕжиДзен, дизайн приложения Ольги Липкиной
UI / UX DESIGN
НЕКСУС, интерактивный мир студенческого проекта
INTERACTIVE WORLDS
Лаборатория Археометрии, интерактивный проект
3D / EXPERIENCE
В кадре - реальные работы наших студентов
Исследовать дальше

01 / Портфолио

Сначала -
результат.

Миры, в которые можно войти. Истории, которые хочется рассмотреть. Продукты, которыми хочется пользоваться.

Все проекты
Графический дизайн3D и анимацияИнтерфейсыВиртуальные мирыМедиадизайн

03 / Процесс работы над проектом

Как создаётся
цифровой проект.

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

Исследование проекта
Бриф проектаКакую задачу
мы решаем?
Референс цифрового пространства из студенческого портфолио
Референс проекта
ЗадачаСценарийРешение
Уточнить задачу.
Проверить гипотезу.

01 / Исследование и концепция

Разобраться в задаче и найти решение

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

ИнтервьюРеференсыFigJam
Концепция проекта и пользовательские сценарии
Дизайн интерфейсов
СлоиКоллекцияDesktopЗаголовокЭкспонатКарточкаMobile
Цветовая система
Desktop / Коллекция
м /ЦИФРОВЫЕ МИРЫКоллекция
МУЗЕЙ НОВОГО ОПЫТАНовая
перспектива.

Искусство, которое
можно исследовать.

Войти в коллекцию
Студенческая интерактивная среда в демонстрационном макете
01 / Пространство
ОбразПространствоВзаимодействие
м /Новая
перспектива.
Мобильный экран демонстрационного прототипа
Археометрия
Fit / 64%

02 / Интерфейсы и визуальный дизайн

Спроектировать понятный интерфейс

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

FigmaPhotoshopIllustrator
Визуальная система и интерактивный прототип
3D-моделирование
SCULPT / 01Perspective
КаркасМатериал и свет
СеткаРендер

03 / 3D-моделирование и визуализация

Создать трёхмерные объекты и сцену

Построить геометрию и UV-развёртку, подготовить текстуры и материалы. Собрать объекты в сцену, настроить освещение и подготовить результат для рендера или игрового движка.

BlenderSubstance 3D PainterUnreal Engine
Текстурированные модели и трёхмерная сцена
Разработка веб-приложения
поток/Рабочее пространство
Веб-платформа

Музей будущего

МАККоманда проекта
3 задачи1 завершено
33%
Задачи проекта
Изменения сохранены
DevTools
<body>
<div class="workspace-main">
<button class="workspace-task">…</button>
<button class="workspace-task">…</button>
<button class="workspace-task">…</button>
</div>
</div>
</body>
element.style {
}
.workspace-tasks {
display: grid;
}
htmlbodydiv.workspace-maindiv.workspace-tasks
Выбран .workspace-tasks

04 / Веб-разработка

Разработать работающее веб-приложение

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

HTMLCSSJavaScriptTypeScriptReactTailwind CSS
Веб-приложение с адаптивным интерфейсом
Анимация и монтаж
00:02:09
Ролик / 8 с
Слой
0s2s4s6s8s
Монтаж
Текст
Графика

Выберите ключ или переместите ползунок.

05 / Моушн-дизайн и видеопроизводство

Создать анимацию и собрать видео

Задать движение ключевыми кадрами, настроить темп и переходы. Добавить графику и визуальные эффекты, смонтировать кадры, поработать со звуком и цветом.

After EffectsPremiere ProDaVinci ResolveBlender
Моушн-графика, видеоролик или анимационная сцена
Логика взаимодействия
Интерактивная Лаборатория Археометрии: демонстрация открытия карточки экспоната
ЛАБОРАТОРИЯ АРХЕОМЕТРИИ
ЭКСПОНАТ 01История
в деталях.

Карточка открывается
в ответ на действие.

Граф взаимодействияОткрытие экспоната
СОБЫТИЕВыбрать экспонатOnClick / exhibit_01ДЕЙСТВИЕОткрыть карточкуOpenPanel / detailsОТКЛИКПоказать данныеVisible / opacity: 1СОБЫТИЕВыбрать экспонатOnClick / exhibit_01ДЕЙСТВИЕОткрыть карточкуOpenPanel / detailsОТКЛИКПоказать данныеVisible / opacity: 1

06 / Интерактивные приложения и VR / AR

Создать логику взаимодействия

Связать трёхмерную сцену, интерфейс и логику приложения. Описать управление, реакции на события и поведение объектов с помощью Blueprints и C++.

Unreal EngineBlueprintsC++VR / AR
Интерактивное приложение, VR / AR-сцена или симулятор
Презентация проекта
ИдеяПроектПортфолио

07 / Тестирование и презентация

Проверить проект и подготовить презентацию

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

ТестированиеОптимизацияПрезентация
Готовый проект и кейс в портфолио

Не каждый проект проходит все этапы: их состав и инструменты зависят от задачи и образовательной программы.

04 / Центр виртуального прототипирования

Виртуальное.
С реальным
значением.

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

Познакомиться с центромПрограмма развития «Приоритет 2030»
Нажмите, чтобы повернуть объект. Клавиши со стрелками меняют угол, Home возвращает исходное положение.
Цифровые двойники
VR-лаборатории
Интерактивные симуляторы
Студентка МИЭТ за живописью на пленэре
Творчество начинается с наблюдения
Учебный натюрморт Школы дизайна МИЭТ
Айдентика конкурса Современный город глазами студентов
Дизайн приложения ЕжиДзен
От художественного образа к цифровому продукту

05 / Институт

Свобода творчества.
Сила инженерной школы.

От академического рисунка до виртуальной реальности. Мы соединяем художественную подготовку с технологической базой исследовательского университета.

1968Начало истории школы
2023Создание Института
Люди, среда и наша история

Поступление, программы и партнёрство

Наши контакты

Написать намigd@miee.ru+7 (499) 720-85-59
Прийти в Институт

Москва, Зеленоград, площадь Шокина, 1
Аудитория 3245

Все контакты

Поступление в МИЭТ

Правила приёма, сроки и подача документов – на официальном портале университета для абитуриентов.

Сайт университета
Как поступить в МИЭТ

Жизнь Института

Новости и проекты от студенческой команды