Details

Title Дизайн-концепция обучающего приложения на основе интерактивной моушн-графики: выпускная квалификационная работа бакалавра: направление 54.03.01 «Дизайн» ; образовательная программа 54.03.01_03 «Информационный дизайн» = Design concept of aneducational mobile application based on interactive motion graphics
Creators Иванова Диана Олеговна
Scientific adviser Никитина Татьяна Александровна
Other creators Илларионова Мария Валерьевна
Organization Санкт-Петербургский политехнический университет Петра Великого. Инженерно-строительный институт
Imprint Санкт-Петербург, 2026
Collection Выпускные квалификационные работы ; Общая коллекция
Subjects мобильное приложение ; моушн-дизайн ; дизайн-концепция ; интерактивное обучение ; реактивная графика ; обучающее приложение ; визуализация ; mobile app ; motion design ; concept design ; interactive learning ; reactive graphics ; learning app ; visualization
Document type Bachelor graduation qualification work
Language Russian
Level of education Bachelor
Speciality code (FGOS) 54.03.01
Speciality group (FGOS) 540000 - Изобразительное и прикладные виды искусств
DOI 10.18720/SPBPU/3/2026/vr/vr26-2159
Rights Доступ по паролю из сети Интернет (чтение)
Additionally New arrival
Record key ru\spstu\vkr\41335
Record create date 7/31/2026

Allowed Actions

Action 'Read' will be available if you login or access site from another network

Group Anonymous
Network Internet

Данная работа посвящена исследованию методов визуализации и интерактивных технологий в образовательном процессе. Целью работы является разработка дизайн-концепции обучающего приложения для изучения музыкальной теории с помощью интерактивной моушн-графики. Задачи, которые решались в ходе исследования: 1. Анализ целевой аудитории приложения. 2. Проведение сравнительного анализа приложений конкурентов. 3. Создание дизайн-концепции приложения. 4. Разработка прототипа мобильного приложения. 5. Создание презентационного видеоролика. В рамках исследования проведено изучение использованиявизуализации в обучении, выявлены особенности и изучены методы создания реактивной графики. Было проведён анализ поведенческих особенностей целевойаудитории. Особое внимание уделено разработке айдентики приложения и анимации интерфейса. В результате была разработана дизайн-концепция и интерактивный прототип для мобильных устройств и планшетов. Разработанная концепция может быть использована в создании цифрового продукта. Для достижения данных результатов в работе были использованы следующие информационные технологии: Touch Designer, Figma, Adobe Illustrator, Adobe After Effects.

This work is devoted to the study of visualization methods and interactive technologies in the educational process. The aim of this work is to develop a concept design for an educational application to study music theory using interactive motion graphics. The objectives of the study: 1. Analysis of the target audience of the application. 2. Conducting a comparative analysis of competitor applications. 3. Creation of an application design concept. 4. Development of a mobile application prototype. 5. Creation of a presentation video. This study explored the use of visualization in education, identified its features, and examined methods for creating reactive graphics. The behavioral characteristics of the target audience were analyzed. Particular attention was paid to the development of the applications visual identity and interface animation. As a result, a design concept and interactive prototype of mobile devices and tablets were developed. The developed concept can be used in the creation of a digital product. To achieve these results, the following information technologies were used: Touch Designer, Figma, Adobe Illustrator, and Adobe After Effects.

Network User group Action
ILC SPbPU Local Network All
Read
Internet Authorized users SPbPU
Read
Internet Anonymous
  • РЕФЕРАТ
  • ABSTRACT
  • СОДЕРЖАНИЕ
  • ВВЕДЕНИЕ
  • 1ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ИСПОЛЬЗОВАНИЯ ВИЗУАЛИЗАЦИИ И
    • 1.1Значение визуализации в обучении
    • 1.2Тенденции внедрения цифровых и интерактивных техно
    • 1.3Интерактивность графики и обратная связь как факто
  • 2ПРЕДПРОЕКТНОЕ ИССЛЕДОВАНИЕ. АНАЛИЗПРЕДМЕТНОЙ ОБЛА
    • 2.1Анализ целевой аудитории
    • 2.2Сравнительный анализ продуктов конкурентов
    • 2.3Концепция приложения
      • 2.3.1Функциональное наполнение приложения
      • 2.3.2Визуальная концепция приложения
  • 3РАЗРАБОТКА ПРИЛОЖЕНИЯ
    • 3.1Техническое воплощение методов визуализации. Реакт
    • 3.2Проектирование элементов фирменного стиля
    • 3.3Проектирование пользовательского интерфейса
    • 3.4Разработка мультимедиа-материалов и демонстрационн
      • 3.4.1Мультимедиа-материалы
      • 3.4.2Демонстрационный ролик
  • ЗАКЛЮЧЕНИЕ
  • СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
  • ПРИЛОЖЕНИЕ 1. UX-ПРОЕКТИРОВАНИЕ
  • ПРИЛОЖЕНИЕ 2. РАЗРАБОТКА ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕ
  • ПРИЛОЖЕНИЕ 3. РАЗРАБОТКА ВИДЕОМАТЕРИЛОВ
...