Уроки ExpoScreen: интерактивная презентация за час

Урок 1. Создайте проект

1. Зарегистрируйтесь — это бесплатно, карта не нужна. После входа откроется список ваших проектов.

   

2. Нажмите «Новый проект», введите название (например, «Стенд на Иннопром-2026») и при желании загрузите обложку — рекомендуем 1920×1080 в JPG, PNG или WEBP. Нажмите «Создать».

   

3. Откроется редактор из трёх панелей: слева — «Элементы управления» (экран, логотип, фон, кнопки), в центре — живой предпросмотр, справа — три вкладки: «Структура» (разделы меню), «Медиа» (ваши файлы) и «Тема» (внешний вид и цвета, в том числе ИИ-дизайн).

   

Урок 2. Загрузите материалы в медиатеку

1. Справа откройте вкладку «Медиа» и нажмите «Добавить». В окне «Загрузить медиа-файл» нажмите «Загрузить файлы» — можно выбрать сразу несколько файлов — и подтвердите кнопкой «Создать».

   

2. Принимаются PDF, PPTX, PPT, PNG, JPG, JPEG и видео. Презентации загружайте прямо файлом — слайды станут листаемыми на сенсорном экране, ничего конвертировать не нужно.

3. Загруженные файлы появятся в списке медиатеки, порядок можно менять перетаскиванием. Объём медиатеки зависит от тарифа: 1 ГБ до оплаты, 2 ГБ на Lite, 5 ГБ на Standard, 20 ГБ на Pro — счётчик над списком.

Урок 3. Соберите структуру разделов

Самый важный урок. Презентация — это дерево: папки-меню и содержимое внутри них.

1. Справа откройте вкладку «Структура» и нажмите «Добавить пункт».

   

2. В окне «Создать пункт меню» выберите тип: «Презентация», «Изображение», «Видео» или «Папка». Введите название, выберите файл из медиатеки и при желании задайте обложку — её посетитель увидит на карточке. Обложку можно загрузить файлом или выбрать из картинок, которые ИИ сгенерировал для проекта (см. урок 5).

   

3. «Папка» — это экран-меню из карточек. Посетитель касается карточки и проваливается внутрь. Внутрь папки кладите содержимое или вложенные папки (например: «Продукция» → «Серия А» → карточки товаров). Порядок пунктов меняется перетаскиванием.

4. Каждое изменение сразу видно в предпросмотре по центру. Масштаб превью меняется кнопками «+» и «−» или Shift + колесо мыши, перемещение — Ctrl + перетаскивание.

   

Урок 4. Настройте внешний вид

1. «Размер экрана»: укажите ширину и высоту вашего экрана в пикселях (до 5000 px) — например, 1920×1080 или 1080×1920 для вертикального экрана. «Логотип»: загрузите картинку, выберите позицию (слева, по центру, справа) и размер. Галочка «Показывать логотип» выключает логотип и название проекта на стартовом экране — например, если логотип уже нарисован на фоновой картинке.

   

2. «Фон»: картинка («Выбрать файл»), видеофон («Выбрать видео») или просто цвет.

   

3. «Пункты меню»: цвет и прозрачность фона карточек, размытие, цвет текста, скругление, тень, шрифт, положение на экране, высота карточек и количество в ряду (1–4).

   

4. Переключатель «Режим advanced» в том же блоке открывает точные значения в пикселях вместо пресетов: скругление вплоть до полностью круглых кнопок (одинаковые ширина и высота с большим скруглением), толщина и цвет рамки, цвет, размер и сдвиг тени, жёсткие ширина и высота кнопки и отступ между кнопками. Галочка «Скрывать текст» убирает подпись и иконку — для кнопок, где текст уже нарисован на картинке-обложке. Эти же поля заполняет импорт из Figma (урок 5).

   

5. «Кнопки управления»: цвет и размер кнопок, а также положение и прозрачность кнопок «Домой» и «Назад», стрелок презентации и кнопок звука и плей/стоп — удобно подстроить под вертикальный экран.

   

Урок 5. Тема и ИИ-дизайн

Стартовый экран можно оформить под бренд за пару минут — руками, с помощью ИИ или по готовому макету из Figma.

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

   

2. Кнопка «Сгенерировать схему с ИИ» в галерее цветовых схем: опишите бренд и настроение — ИИ добавит три схемы в «Мои схемы», они доступны во всех ваших проектах.

   

3. Нажмите «Сгенерировать тему с ИИ» и опишите стенд в паре предложений, например «премиальный тёмный стиль с золотыми акцентами для ювелирного бренда». Если у проекта есть логотип, ИИ возьмёт палитру из него. Через 15 секунд появятся три варианта темы — любой применяется одним кликом.

   

4. В том же окне блок «Картинки для стенда»: по описанию ИИ рисует фон стартового экрана и обложки для пунктов меню в одном стиле, а галочка «Видеофон» превращает фон в зацикленный ролик. Кнопка «Сгенерировать стенд целиком» делает всё сразу: тема, фон, обложки — около 10 минут.

5. Есть готовый макет в Figma? Нажмите «Собрать тему по макету Figma» и вставьте ссылку на фрейм со стартовым экраном (в Figma: Share → «Anyone with the link» → Copy link, в ссылке должен быть node-id). ИИ прочитает слои макета, подберёт цвета, шрифт, форму, размеры и отступы кнопок, экспортирует фон и кнопки-картинки и покажет результат рядом с макетом — с заметками о том, что воспроизведено приближённо. Ничего не применится, пока вы не нажмёте «Применить к проекту». Лучше всего переносятся сетки одинаковых кнопок на фоне или фотографии; свободные раскладки, анимации и несколько экранов в одном фрейме движок не воспроизводит — примеры и ограничения перечислены в самом окне. Импорт расходует одну генерацию темы.

   

6. Генерации входят в тариф: Lite — 1 тема и 1 запуск картинок, Standard — 5 и 3, Pro — 20 и 10. До оплаты доступны 2 генерации темы и 1 запуск картинок, чтобы попробовать.

Урок 6. Режим ожидания, режим управления и PIN

1. В блоке «Настройки ожидания» нажмите «Режим ожидания».

   

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

   

3. В блоке «App mode» выберите режим управления: Touch — посетители сами листают разделы на сенсорном экране; Remote — ведущий управляет большим экраном с телефона или планшета; Presenter — слайды листает обычный кликер-презентер.

   

4. В блоке «Окно настроек в приложении» задайте четырёхзначный PIN-код. На стенде окно настроек (обновление контента, заставка) открывается пятью быстрыми нажатиями в правый нижний угол экрана, а с PIN-кодом — только после ввода кода, так что посетители в него не попадут.

   

Урок 7. Скачайте и запустите

1. Проверьте проект в предпросмотре — до этого момента всё бесплатно. Кнопки «Скрыть превью» и «Оплатить проект» находятся над редактором справа. Чтобы до оплаты посмотреть проект на настоящем экране, нажмите «Пробная сборка»: получится то же приложение, но с полупрозрачным логотипом ExpoScreen поверх экрана.

   

2. «Скрыть превью» разворачивает правый столбец с вкладками «Структура», «Медиа» и «Тема» на всю ширину — удобно для больших проектов с десятками разделов.

   

3. Нажмите «Оплатить проект» и выберите тариф: Lite (7 900 ₽, сенсорный режим, одна платформа), Standard (19 900 ₽, все режимы, Windows и macOS) или Pro (49 900 ₽, для студий). После оплаты появится кнопка «Сформировать»: нажмите её, выберите платформу — Windows или macOS — и запустите сборку. Когда сборка готова, станет активна кнопка «Скачать приложение».

   

4. Установите готовое приложение на устройство с сенсорным экраном — пошагово для Windows и macOS в разделе «Установка приложения на устройство» ниже. Интернет на площадке не нужен — всё работает офлайн.

5. Нужно что-то поменять? Обновите контент в кабинете и пересоберите проект — бесплатно, обновление занимает около 15 минут.