Mises en page et zones

Une mise en page divise un écran en zones. Chaque zone diffuse sa propre playlist, sur sa propre boucle, et connaît la taille de visuel qu’il lui faut.

Pourquoi cela existeUn écran est un rectangle ; un menu, non. Le découper permet aux plats de rester à l’écran pendant que le bandeau défile et que le son vient d’ailleurs — trois choses qui changent à trois vitesses, ce que fait réellement un mur dans un magasin. L’alternative, c’est une seule vidéo à remonter chaque fois que la soupe change.

Les zones#

La plateforme propose neuf mises en page : plein écran, une zone principale avec un bandeau en bas, une barre latérale d’un côté ou de l’autre, une forme en L, deux sortes de partage, un coin météo sur une image plein écran et un partage en trois. Leurs zones s’appellent Principale, Barre latérale, Secondaire, Pied et Widget.

Chaque mise en page a aussi Audio, qui n’est pas du tout une zone de l’image — elle n’a aucun cadre à l’écran. C’est là que va une playlist de musique ou d’annonces, et sur un mur d’images le son sort d’un seul panneau, quel que soit le nombre de panneaux qui affichent l’image.

Dessiner la vôtre#

Dans le formulaire d’un écran, sous Mise en page, Dessiner une mise en page ouvre un canevas ayant la forme de cet écran. Faites glisser une zone pour la déplacer, un coin pour la redimensionner, ou saisissez les pixels exacts — un emplacement vendu en 1920 × 240 se saisit 1920 et 240 plutôt que d’être étiré jusqu’à ce que le chiffre tombe juste.

Écrans → un écran → Paramètres avancés → Mise en page → Dessiner une mise en page

Vitrine · tailles pour 1920×1080 — Old Street

Image principale1920 × 842 px · 100 % × 78 %Calque 02

Bandeau d’actualités1920 × 238 px · 100 % × 22 %Calque 0

les programmations les désignent comme Principale et Pied3

1L’écran à sa propre résolution et dans sa propre forme : un totem portrait se dessine en portrait.

2Chaque zone porte la taille qu’elle aura réellement, en pixels, sur cet écran.

3Le nom sous lequel une programmation désigne cette zone. Il ne change jamais, quel que soit le nom que vous lui donnez.

La mise en page est faite de proportions, pas de pixels. Une même mise en page convient à tous les écrans où vous la placez : une barre latérale d’un quart de largeur fait 480 px sur un écran 1920 et 960 sur un écran 4K. Les tailles en pixels affichées sont celles de l’écran d’où vous venez.
Renommer une zone est sans risque. Ce qu’une programmation désigne, c’est la clé de la zone, affichée sous son nom, et elle ne change jamais. Appelez-la « Bandeau d’actualités » ou « Scores de football » — les programmations qui la désignent continuent.
En supprimer une ne l’est pas. Le contenu destiné à une zone qui n’existe plus reste programmé et cesse d’apparaître. Avant d’enregistrer, l’éditeur vous indique quelles programmations seraient touchées.
Les calques décident des chevauchements. Des zones peuvent se superposer — c’est le principe du coin météo. Le calque le plus haut passe devant.

Un écran dont une partie reste vide

Une mise en page n’a pas à couvrir tout l’écran, et là où aucune zone n’arrive, l’écran est noir. L’éditeur indique quelle part cela représente pendant que vous dessinez, car une bande noire sur un côté saute aux yeux depuis l’autre bout d’une pièce et pas du tout sur un canevas.

Quelle taille de visuel prévoir pour une zone#

C’est la question à laquelle répondent les tailles en pixels. Un graphiste a besoin d’un chiffre, et « la barre latérale » n’en est pas un. Ouvrez le panneau de programmation de l’écran : chaque zone y est listée avec sa taille — Image principale 1920 × 842 —, et c’est ce que vous envoyez à la personne qui réalise le visuel.

Les mêmes chiffres apparaissent quand vous configurez un emplacement publicitaire : choisir Fixe propose les tailles que vos propres écrans produisent réellement, avec la mise en page et la zone d’où vient chacune, pour que vous en choisissiez une au lieu de la saisir. Voir Comment fonctionne la publicité.

Exemple — La vitrine d’une boulangerie à Old Street

L’écran fait 1920 × 1080, en vitrine. La mise en page est une image principale au-dessus d’un bandeau, avec la séparation à 78 %, que l’éditeur indique comme 1920 × 842 et 1920 × 238. Les photos sont commandées en 1920 × 842. Le bandeau reçoit un widget d’actualités, qui n’a besoin d’aucun visuel. La zone Audio ne reçoit rien, car la vitrine donne sur la rue.

Sur un téléphone

Les mises en page peuvent être choisies sur un téléphone, mais pas dessinées. Faire glisser des cadres sur un canevas et y lire des tailles en pixels, cela demande un bureau.