Layouturi și zone

Un layout împarte un ecran în zone. Fiecare zonă rulează propriul playlist, în propria buclă, și știe ce dimensiune de grafică îi trebuie.

De ce existăUn ecran e un dreptunghi, un meniu nu e. Dacă îl împarți, mâncarea rămâne pe ecran în timp ce bannerul curge și sunetul vine cu totul din altă parte — trei lucruri care se schimbă în trei ritmuri, exact ce face un perete dintr-un magazin. Alternativa e un singur videoclip care trebuie remontat de fiecare dată când se schimbă supa.

Zonele#

Platforma vine cu nouă layouturi: ecran complet, o zonă principală cu banner jos, o bară laterală pe o parte sau pe cealaltă, o formă de L, două feluri de împărțire, un colț cu vremea peste o imagine pe tot ecranul și o împărțire în trei. Zonele lor se numesc Principală, Bară laterală, Secundară, Subsol și Widget.

Fiecare layout are și Audio, care nu e deloc o zonă — nu are niciun cadru pe ecran. Acolo pui un playlist cu muzică sau anunțuri, iar pe un perete video sunetul vine de pe un singur panou, oricâte ar afișa imagine.

Îți desenezi propriul layout#

În formularul unui ecran, la Layout, Desenează un layout deschide un canvas cu forma acelui ecran. Trage o zonă ca s-o muți, trage de un colț ca s-o redimensionezi sau tastează pixelii exacți — un slot vândut ca 1920 × 240 se introduce ca 1920 și 240, nu se trage până se nimerește cifra.

Ecrane → un ecran → Setări avansate → Layout → Desenează un layout

Vitrină · dimensiuni pentru 1920×1080 — Old Street

Imaginea principală1920 × 842 px · 100% × 78%Stratul 02

Banner de știri1920 × 238 px · 100% × 22%Stratul 0

orarele se referă la ele ca Principală și Subsol3

1Ecranul la propria rezoluție și formă, așa că un totem vertical se desenează vertical.

2Fiecare zonă arată dimensiunea pe care o va avea efectiv, în pixeli, pe acest ecran.

3Numele sub care un orar se referă la această zonă. Nu se schimbă niciodată, oricum ai redenumi-o.

Layoutul e făcut din proporții, nu din pixeli. Un layout se potrivește pe orice ecran pe care îl pui: o bară laterală cât un sfert din lățime are 480 px pe un ecran 1920 și 960 pe unul 4K. Dimensiunile în pixeli afișate sunt ale ecranului din care ai venit.
Redenumirea unei zone e sigură. Ce țintește un orar e cheia zonei, afișată sub nume, iar ea nu se schimbă niciodată. Numește-o „Banner de știri” sau „Scoruri de fotbal” — orarele care o țintesc merg mai departe.
Eliminarea uneia nu e. Conținutul destinat unei zone care nu mai există rămâne programat și nu mai apare. Editorul îți spune, înainte să salvezi, ce orare ar fi afectate.
Straturile decid suprapunerile. Zonele pot sta una peste alta — asta e colțul cu vremea. Stratul mai sus e în față.

Ecran cu o parte goală

Un layout nu trebuie să acopere tot ecranul, iar acolo unde nu ajunge nicio zonă ecranul e negru. Editorul îți spune cât de mult e asta în timp ce desenezi, pentru că o bandă neagră pe o parte se vede de la celălalt capăt al camerei și deloc pe un canvas.

Ce dimensiune de grafică îi trebuie unei zone#

E întrebarea la care răspund dimensiunile în pixeli. Un designer are nevoie de o cifră, iar „bara laterală” nu e o cifră. Deschide panoul de orar al ecranului și fiecare zonă apare cu dimensiunea ei — Imaginea principală 1920 × 842 —, ceea ce îi trimiți celui care face grafica.

Aceleași cifre apar când configurezi un slot publicitar: dacă alegi Fixe, primești dimensiunile pe care le produc efectiv ecranele tale, cu layoutul și zona din care vine fiecare, ca să alegi una în loc s-o tastezi. Vezi Cum funcționează publicitatea.

Exemplu — Vitrina unei brutării din Old Street

Ecranul din vitrină are 1920 × 1080. Layoutul e o imagine principală peste un banner, cu împărțirea la 78%, pe care editorul o raportează ca 1920 × 842 și 1920 × 238. Fotografiile se comandă la 1920 × 842. Bannerul primește un widget de știri, care nu are nevoie de nicio grafică. Audio nu primește nimic, pentru că vitrina dă spre stradă.

Pe telefon

Layouturile se pot alege pe telefon, dar nu se pot desena. Să tragi de cadre pe un canvas și să citești dimensiuni în pixeli cere un birou.