Накладання на екран

Додайте динамічні накладання, такі як годинник, погода, зображення та оголошення, до своїх екранів

Накладання на екран

Накладання — це динамічні елементи, які з'являються поверх Вашого контенту. Вони ідеально підходять для відображення інформації в реальному часі, такої як час, погода, логотипи або важливі оголошення, не перериваючи основний контент.

Доступні типи накладань

Накладання годинника

Відображає поточний час на Вашому екрані.

Функції:

  • Налаштовуване сімейство шрифтів (12+ варіантів)
  • Власний колір тексту з палітрою кольорів
  • Автоматичне визначення часового поясу
  • Чистий, мінімалістичний дизайн

Накладання зображення

Додайте логотипи, графіку або брендингові зображення.

Функції:

  • Вибір з Вашої медіатеки
  • Підтримка форматів JPG, PNG та інших зображень
  • Перетягуйте для позиціонування будь-де на екрані
  • Змінюйте розмір, перетягуючи кути
  • Ідеально підходить для логотипів і водяних знаків

Використовуйте накладання зображень для логотипу Вашої компанії в кутку кожного екрана, щоб підтримувати послідовний брендинг.

Накладання погоди

Показує поточні погодні умови.

Функції:

  • Відображення поточної температури
  • Іконка погоди (сонячно, хмарно, дощ тощо)
  • Автоматичне визначення локації
  • Чистий, мінімалістичний дизайн

Накладання оголошень

Відображає текстові оголошення, що прокручуються або статичні.

Функції:

  • Власне текстове повідомлення
  • Чудово підходить для сповіщень і промоакцій
  • Помітна позиція відображення
  • Легко оновлювати на льоту

Додавання накладання

Накладання додаються через вкладку «Дизайн» у конфігурації екрана:

  1. Перейдіть до Екрани
  2. Натисніть на екран, щоб відкрити конфігурацію
  3. Перейдіть на вкладку Дизайн
  4. Знайдіть секцію «Додати накладання» на бічній панелі
  5. Перетягніть тип накладання на полотно попереднього перегляду
  6. Відпустіть там, де хочете його розташувати
  7. Налаштуйте параметри накладання у модальному вікні, що з'явиться
  8. Зміни зберігаються автоматично

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

Позиціонування накладань

Накладання використовують позиціонування перетягуванням на полотні:

Перетягування для позиціонування

  1. Захопіть накладання на полотні
  2. Перетягніть його до бажаного місця
  3. Відпустіть, щоб встановити позицію
  4. Накладання прив'язується до нового розташування

Зміна розміру накладань

  1. Наведіть курсор на накладання, щоб побачити маркери зміни розміру
  2. Перетягуйте кути або краї для зміни розміру
  3. Зберігайте пропорції, перетягуючи кути

Накладання шарів

Коли накладання перекриваються:

  • Пізніше додані накладання з'являються зверху
  • Натисніть на накладання, щоб винести його вперед
  • Накладання завжди відображаються поверх контенту зон

Конфігурація накладань

Налаштування годинника

НалаштуванняОпції
ШрифтPoppins, Roboto, Inter, Open Sans, Lato, Montserrat та інші
Колір текстуБудь-який колір через палітру кольорів

Налаштування зображення

НалаштуванняОпис
ЗображенняВибір з Вашої медіатеки
ПозиціяПеретягування на полотні
РозмірПеретягування кутів для зміни розміру

Налаштування погоди

НалаштуванняОпис
ЛокаціяАвтоматичне визначення на основі локації екрана
ВідображенняТемпература та іконка погоди

Налаштування оголошень

НалаштуванняОпис
ПовідомленняВаш власний текст
ВідображенняПомітне текстове накладання

Редагування накладань

Натисніть для редагування

  1. Натисніть на будь-яке накладання на полотні
  2. З'явиться контекстне меню або модальне вікно
  3. Змініть налаштування за потреби
  4. Зміни зберігаються автоматично

Видалення накладання

  1. Натисніть на накладання
  2. Натисніть іконку видалення/кошика
  3. Підтвердіть видалення
  4. Накладання видаляється негайно

Найкращі практики

Розташування

  • Не закривайте важливий контент
  • Враховуйте відстань перегляду
  • Використовуйте кути для постійної інформації (годинник, логотип)
  • Використовуйте нижню область для оголошень

Баланс контенту

  • Обмежте до 2-3 накладань на екран
  • Забезпечте читабельність тексту
  • Підбирайте кольори бренду
  • Тестуйте з реальної відстані перегляду

Типові макети

Дисплей на ресепшені:

+--------------------------------+
| [Годинник]              [Лого] |
|                                |
|       Основний контент         |
|                                |
|                     [Погода]   |
+--------------------------------+

Меню-борд:

+--------------------------------+
|          Позиції меню          |
|                                |
|   Позиція 1    Позиція 2       |
|   Позиція 3    Позиція 4       |
|                                |
| [Оголошення: Спецпропозиція дня!] |
+--------------------------------+

Корпоративний дисплей:

+--------------------------------+
| [Лого]                         |
|                                |
|       Презентація              |
|                                |
|               [Годинник]       |
+--------------------------------+

Усунення несправностей

Накладання не відображається

  • Переконайтеся, що екран онлайн
  • Перевірте, що накладання було збережено
  • Оновіть конфігурацію екрана
  • Переконайтеся, що накладання не приховане за контентом

Погода не відображається

  • Перевірте інтернет-з'єднання
  • Визначення локації може бути заблоковане
  • Зачекайте початкового завантаження даних

Годинник показує неправильний час

  • Перевірте налаштування часового поясу екрана
  • Перевірте системний час фізичного пристрою

Зображення не завантажується

  • Переконайтеся, що зображення існує в медіатеці
  • Перевірте, що формат файлу підтримується (JPG, PNG)
  • Переконайтеся, що файл не пошкоджений

Наступні кроки