Макети та зони

Макет ділить екран на області. Кожна область відтворює власний плейлист у власному циклі й знає, якого розміру графіка їй потрібна.

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

Зони#

Разом із платформою йде дев'ять макетів: на весь екран, основна область із нижнім біжучим рядком, бічна панель ліворуч або праворуч, L-подібний, два види поділу, погодний кут поверх повного зображення і поділ на три частини. Їхні області називаються Основна, Бічна панель, Додаткова, Нижній рядок і Віджет.

Кожен макет також має Звук, який узагалі не є областю — на екрані в нього немає прямокутника. Туди йде плейлист із музикою чи оголошеннями, і на відеостіні звук іде з однієї панелі, скільки б панелей не показували зображення.

Як намалювати власний#

У формі екрана, у розділі «Макет», кнопка Намалювати макет відкриває полотно у формі цього екрана. Перетягніть зону, щоб перемістити, потягніть кут, щоб змінити розмір, або введіть точні пікселі — слот, проданий як 1920 × 240, вводиться як 1920 і 240, а не перетягується, доки число випадково не збіжиться.

Екрани → екран → Розширені налаштування → Макет → Намалювати макет

Вітрина · розміри для 1920×1080 — Old Street

Основне зображення1920 × 842 px · 100% × 78%Шар 02

Біжучий рядок новин1920 × 238 px · 100% × 22%Шар 0

розклади звертаються до них як Основна і Нижній рядок3

1Екран у власній роздільній здатності й формі, тож вертикальний тотем малюється вертикально.

2Кожна зона показує розмір, який вона справді матиме на цьому екрані, у пікселях.

3Як розклад звертається до цієї зони. Це ніколи не змінюється, хоч як ви її перейменуєте.

Макет — це пропорції, а не пікселі. Один макет підходить до кожного екрана, на який ви його поставите: бічна панель на чверть ширини має 480 px на екрані шириною 1920 і 960 на 4K. Показані піксельні розміри — для екрана, з якого ви прийшли.
Перейменовувати зону безпечно. Розклад посилається на ключ зони, показаний під її назвою, а він ніколи не змінюється. Назвіть її "Біжучий рядок новин" чи "Футбольні рахунки" — розклади, що на неї посилаються, працюватимуть далі.
Видаляти — ні. Контент, адресований зоні, якої вже немає, і далі планується, але перестає з'являтися. Редактор перед збереженням покаже, яких розкладів це стосується.
Шари вирішують накладання. Зони можуть лежати одна на одній — саме так зроблено погодний кут. Вищий шар — спереду.

Екран, частина якого порожня

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

Якого розміру графіка потрібна зоні#

Саме на це запитання відповідають піксельні розміри. Дизайнерові потрібне число, а "бічна панель" — не число. Відкрийте панель розкладу екрана — там кожна зона вказана з розміром, наприклад Основне зображення 1920 × 842, і саме це ви надсилаєте тому, хто робить графіку.

Ті самі числа з'являються, коли ви налаштовуєте рекламний слот: вибір Фіксовані пропонує розміри, які справді дають ваші екрани, разом із макетом і зоною, звідки кожен походить, тож ви вибираєте, а не вводите. Див. Як працює реклама.

Приклад — Вітрина пекарні на Old Street

Екран у вітрині — 1920 × 1080. Макет — основне зображення над біжучим рядком, поділ на 78%, що редактор показує як 1920 × 842 і 1920 × 238. Фотографії замовляють у розмірі 1920 × 842. Біжучий рядок отримує віджет новин, якому графіка взагалі не потрібна. Зона «Звук» не отримує нічого, бо вітрина виходить на вулицю.

На телефоні

Макети можна вибирати на телефоні, але не малювати. Перетягувати прямокутники на полотні й зчитувати з них піксельні розміри зручно лише за столом.