Creazione di layout | easyCMS Digital Signage

Un layout è ciò che uno schermo mostra: uno sfondo e tutto ciò che è disposto sopra di esso. Se hai bisogno solo di un'immagine o di un video a schermo intero, il tuo primo layout Lo spiega in pochi minuti. Questo articolo è dedicato al passo successivo, ovvero la progettazione con diversi elementi visualizzati contemporaneamente sullo schermo, e a come lavorare nell'editor senza difficoltà.

L'editor è una tela, non una griglia.

I vecchi strumenti di segnaletica ti obbligavano prima a ritagliare lo schermo in riquadri fissi. easyCMS no. Ottieni un tela le dimensioni del tuo layout e trascini gli elementi su di esso dal Cassetta degli attrezzi , quindi spostali, ridimensionali e ruotali liberamente. Gli elementi possono essere affiancati o sovrapporsi intenzionalmente; un logo sopra un video è semplicemente composto da due elementi sovrapposti.

Dalla cassetta degli attrezzi escono tre tipi di cose:

Biblioteca multimediale , le immagini, i video e l'audio già presenti nel tuo mediateca .
Widget , contenuti che recuperano o generano qualcosa: orologi, meteo, ticker RSS, pagine web, Tabelle basate su DataSet .
Elementi , gli elementi di design con cui crei, testo, forme e simili.

Seleziona qualsiasi cosa e il Proprietà Il pannello mostra le sue impostazioni. Avanzato Nella scheda apposita è possibile modificare la durata di visualizzazione di quell'elemento sullo schermo.

Realizzazione di un progetto con diverse parti

Un esempio pratico: un elemento visivo principale con una striscia scorrevole in basso e un logo in un angolo.

Imposta il layout Risoluzione Dal pannello Proprietà, senza aver selezionato nulla, è possibile impostare un colore o un'immagine di sfondo.
Trascina l'immagine o il video principale, quindi trascina le maniglie verso l'esterno per riempire l'area superiore. Usa il Clicca per pulsanti, in basso a destra, per allinearlo con i bordi della tela.
Trascina un ticker o un widget di testo sulla striscia inferiore e ridimensionalo in modo che occupi tutta la larghezza.
Inserisci il logo per ultimo, in modo che si trovi in cima.

Per ruotare più elementi in una zona, posiziona un Playlist Ecco, posizionalo e ridimensionalo come qualsiasi altro elemento, poi aggiungi gli elementi che dovrebbero scorrere al suo interno. Questo è il punto che spesso sfugge: una playlist non è un'area dello schermo separata che definisci in anticipo, è semplicemente un altro elemento che inserisci.

Livelli, raggruppamento e selezione

Gli elementi sovrapposti necessitano di un ordine. Gestore di livelli In basso a sinistra, viene visualizzato un elenco di tutti gli elementi presenti sulla tela, con il relativo livello e la durata, e gli elementi possono essere riordinati trascinandoli. Facendo clic con il pulsante destro del mouse su un elemento della tela si ottengono le stesse opzioni.

Due abitudini che fanno risparmiare tempo in un progetto di design complesso:

Trascina un riquadro sulla tela per selezionare più elementi contemporaneamente e spostarli insieme senza perdere l'allineamento.
Presa spostare , fai clic su ciascun elemento, quindi fai clic con il pulsante destro del mouse e scegli Elementi di gruppo per mantenere un gruppo unito in modo permanente.

Risoluzione e orientamento

Adatta la risoluzione del layout a quella dello schermo. 1920×1080 per la maggior parte degli schermi orizzontali, 1080×1920 per uno schermo montato verticalmente, nel qual caso l'area di lavoro diventa alta e puoi progettare direttamente in base a quella forma.

Un layout riprodotto su uno schermo di forma diversa viene ridimensionato per adattarsi, il che significa che compaiono delle barre nere. Crea versioni separate per gli elementi importanti, sia in verticale che in orizzontale. Risoluzione e orientamento dello schermo copre i casi più complessi.

Anteprima prima che venga visualizzato sullo schermo

IL giocare Il pulsante in basso a sinistra esegue il layout nel browser. Rileva ciò che è evidente su uno schermo reale ma invisibile durante la progettazione: testo troppo piccolo per essere letto da lontano, un elemento che si sovrappone a un altro, un video con una forma errata. Molto più economico che scoprirlo in negozio.

Pubblicare e modificare qualcosa già online

Un layout ha due stati, e solo uno di essi è attivo.

UN bozza può essere modificato liberamente e non appare su nessuno schermo. A pubblicato Il layout è quello che mostra la riproduzione. La pubblicazione si trova nel menu a tre linee, in alto a destra.

Quando modifichi un layout già pubblicato, easyCMS crea una bozza e lascia inalterata la versione live. Le modifiche vengono visualizzate solo al momento della nuova pubblicazione, quindi è possibile intervenire su un layout attivo anche durante la giornata lavorativa senza problemi.

Attento Una modifica che nessuno può vedere sullo schermo è molto spesso un layout che è stato modificato ma mai ripubblicato.

Renderlo leggibile

Il testo si legge a metri di distanza. Ingrandisci considerevolmente la dimensione rispetto a come appare correttamente sul monitor.
Il contrasto elevato è vincente, soprattutto in un negozio luminoso o vicino a una finestra.
Un solo messaggio per layout. Alternare diversi layout anziché concentrarne uno solo in uno.