Layout e zone

Un layout divide uno schermo in aree. Ogni area riproduce la propria playlist, con il proprio loop, e sa di che misura deve essere la sua grafica.

Perché esisteUno schermo è un rettangolo, un menu no. Dividerlo permette ai piatti di restare sullo schermo mentre il ticker scorre e l’audio arriva da tutt’altra parte — tre cose che cambiano a tre velocità diverse, che è ciò che fa davvero una parete in un negozio. L’alternativa è un unico video da rimontare ogni volta che cambia la zuppa.

Le zone#

La piattaforma include nove layout: schermo intero, un’area principale con un ticker in basso, una barra laterale su un lato o sull’altro, una forma a L, due tipi di divisione, un angolo meteo sopra un’immagine a schermo intero e una divisione in tre. Le loro aree si chiamano Principale, Barra laterale, Secondaria, Piè di pagina e Widget.

Ogni layout ha anche Audio, che non è affatto un’area — non ha un riquadro sullo schermo. È dove va una playlist di musica o di annunci, e su un videowall l’audio esce da un solo pannello, qualunque sia il numero di pannelli che mostrano l’immagine.

Disegnarne uno tuo#

Nel modulo di uno schermo, sotto Layout, Disegna un layout apre un canvas con la forma di quello schermo. Trascina una zona per spostarla, trascina un angolo per ridimensionarla, oppure digita i pixel esatti — uno slot venduto come 1920 × 240 si inserisce come 1920 e 240 invece di trascinarlo finché il numero non torna.

Schermi → uno schermo → Impostazioni avanzate → Layout → Disegna un layout
Vetrina · misure per 1920×1080 — Old Street
Immagine principale1920 × 842 px · 100% × 78%Livello 02
Ticker notizie1920 × 238 px · 100% × 22%Livello 0
le programmazioni le indicano come Principale e Piè di pagina3
1Lo schermo con la sua risoluzione e la sua forma, così un totem verticale si disegna in verticale.
2Ogni zona riporta la misura che avrà davvero, in pixel, su questo schermo.
3Il nome con cui una programmazione indica questa zona. Non cambia mai, comunque tu la rinomini.
  • Il layout è fatto di proporzioni, non di pixel. Un layout si adatta a ogni schermo su cui lo metti: una barra laterale larga un quarto è di 480 px su uno schermo 1920 e di 960 su uno 4K. Le misure in pixel mostrate sono quelle dello schermo da cui arrivi.
  • Rinominare una zona è sicuro. Ciò a cui punta una programmazione è la chiave della zona, mostrata sotto il nome, e non cambia mai. Chiamala «Ticker notizie» o «Risultati di calcio» — le programmazioni che la usano vanno avanti.
  • Eliminarne una no. I contenuti indirizzati a una zona che non esiste più continuano a essere programmati e smettono di comparire. Prima di salvare, l’editor ti dice quali programmazioni ne sarebbero toccate.
  • I livelli decidono le sovrapposizioni. Le zone possono stare una sopra l’altra — l’angolo meteo è proprio questo. Il livello più alto sta davanti.
Uno schermo con una parte vuota
Un layout non deve coprire tutto lo schermo, e dove non arriva nessuna zona lo schermo è nero. L’editor ti dice quanta parte è mentre disegni, perché una banda nera su un lato si nota dall’altra parte di una stanza e per niente su un canvas.

Di che misura serve la grafica per una zona#

È la domanda a cui rispondono le misure in pixel. Un grafico ha bisogno di un numero, e «la barra laterale» non lo è. Apri il pannello della programmazione dello schermo e ogni zona è elencata con la sua misura — Immagine principale 1920 × 842 —, che è ciò che mandi a chi prepara la grafica.

Gli stessi numeri compaiono quando imposti uno slot pubblicitario: scegliendo Fisso ti vengono proposte le misure che producono davvero i tuoi schermi, con il layout e la zona da cui arriva ciascuna, così ne scegli una invece di digitarla. Vedi Come funziona la pubblicità.

Esempio — La vetrina di una panetteria a Old Street
Lo schermo in vetrina è 1920 × 1080. Il layout è un’immagine principale sopra un ticker, con la divisione al 78%, che l’editor indica come 1920 × 842 e 1920 × 238. Le foto vengono commissionate a 1920 × 842. Il ticker riceve un widget di notizie, che non richiede alcuna grafica. La zona Audio non riceve nulla, perché la vetrina dà sulla strada.
Da telefono
Da telefono i layout si possono scegliere ma non disegnare. Trascinare riquadri su un canvas e leggerne le misure in pixel richiede una scrivania.
Provalo su uno schermo che hai già. Il primo schermo è gratis, per tutto il tempo che vuoi. Senza carta.
Inizia gratis, senza carta