Lay-outs maken

Een lay-out is wat een scherm laat zien: een achtergrond en alles wat daarop is gerangschikt. Als je slechts één afbeelding of video op volledig scherm nodig hebt, je eerste lay-out Dit artikel behandelt het in een paar minuten. Het gaat over de volgende stap: een ontwerp met meerdere elementen tegelijk op het scherm, en over hoe je zonder problemen in de editor kunt werken.

De editor is een canvas, geen raster.

Bij oudere tools voor digitale signage moest je het scherm eerst in vaste vakken verdelen. easyCMS doet dat niet. Je krijgt een canvas de grootte van je lay-out, en je sleept items erop vanuit de Gereedschapskist Vervolgens kun je ze vrij verplaatsen, vergroten/verkleinen en roteren. Elementen kunnen naast elkaar staan of opzettelijk overlappen; een logo bovenop een video is bijvoorbeeld gewoon een op elkaar gestapelde weergave van twee elementen.

Er komen drie soorten dingen uit de gereedschapskist:

• Bibliotheekmedia de afbeeldingen, video's en audio die zich al in uw mediabibliotheek .
• Widgets Inhoud die iets ophaalt of genereert: klokken, weerberichten, RSS-tickers, webpagina's, DataSet-gestuurde tabellen .
• Elementen De ontwerpelementen waarmee je bouwt, zoals tekst, vormen en dergelijke.

Selecteer iets en de Eigenschappen Het paneel toont de instellingen. Geavanceerd Daar kun je instellen hoe lang dat item op het scherm blijft staan.

Een ontwerp maken dat uit meerdere onderdelen bestaat.

Een uitgewerkt voorbeeld: een hoofdafbeelding met een tickerbalk onderaan en een logo in een hoek.

1. Stel de lay-out in. Oplossing Ga naar het deelvenster Eigenschappen zonder iets te selecteren en stel een achtergrondkleur of -afbeelding in.
2. Sleep je hoofdafbeelding of -video naar het juiste gebied en sleep vervolgens de handgrepen ervan naar buiten om het bovenste gedeelte te vullen. Gebruik de Klik om Knopjes, rechtsonder, om het uit te lijnen met de randen van het canvas.
3. Sleep een ticker- of tekstwidget naar de onderste balk en pas de breedte ervan aan.
4. Plaats het logo als laatste, zodat het bovenaan komt te staan.

Om meerdere items in één gebied te roteren, plaatst u een Afspeellijst Daar kun je het in plaats daarvan plaatsen en de grootte aanpassen zoals met elk ander element, en vervolgens de items toevoegen die erin moeten rouleren. Dat is het punt dat mensen vaak over het hoofd zien: een afspeellijst is geen apart schermgebied dat je van tevoren definieert, het is gewoon een ander element dat je plaatst.

Lagen, groeperen en selecteren

Overlappende artikelen moeten in een bepaalde volgorde worden geplaatst. Laagbeheerder Linksonder worden alle elementen op het canvas weergegeven, inclusief de laag en de duur. Je kunt de volgorde wijzigen door ze te slepen. Door met de rechtermuisknop op een element op het canvas te klikken, krijg je dezelfde opties.

Twee gewoontes die tijd besparen bij een druk ontwerpproces:

• Sleep een kader over het canvas om meerdere items tegelijk te selecteren en ze samen te verplaatsen zonder dat ze uitlijning verloren gaat.
• Uitstel verschuiving Klik op elk item, klik vervolgens met de rechtermuisknop en kies Groepselementen Om een groep voorgoed bij elkaar te houden.

Resolutie en oriëntatie

Stem de lay-outresolutie af op het scherm. 1920×1080 voor de meeste liggende schermen, 1080×1920 voor een verticaal gemonteerd scherm, waarbij het canvas zelf hoog wordt en je direct in die vorm ontwerpt.

Een lay-out die op een scherm met een andere vorm wordt weergegeven, wordt aangepast aan de afmetingen, wat resulteert in zwarte balken. Maak aparte portret- en landschapsversies van alle belangrijke elementen. Schermresolutie en -oriëntatie behandelt de lastige gevallen.

Voorbeeldweergave voordat het op het scherm verschijnt

De toneelstuk Met de knop linksonder wordt de lay-out in uw browser uitgevoerd. Deze detecteert zaken die op een echt scherm duidelijk zichtbaar zijn, maar tijdens het ontwerpen onzichtbaar: tekst die te klein is om vanaf een andere afstand te lezen, een element dat een ander overlapt, een video met de verkeerde vorm. Veel goedkoper dan er in de winkel achter te komen.

Het publiceren en bewerken van iets dat al bestaat

Een lay-out heeft twee toestanden, en slechts één daarvan wordt daadwerkelijk afgespeeld.

A voorlopige versie Kan vrij bewerkt worden en verschijnt niet op een scherm. A gepubliceerd De lay-out is degene die 'afspelen' weergeeft. 'Publiceren' vind je onder het menu met drie streepjes, rechtsboven.

Wanneer je een lay-out bewerkt die al gepubliceerd is, maakt easyCMS een conceptversie en blijft de live-versie ongewijzigd. Je wijzigingen worden pas op de schermen weergegeven wanneer je de lay-out opnieuw publiceert, dus het is veilig om een live-lay-out midden op de werkdag aan te passen.

Pas op! Een wijziging die niemand op het scherm ziet, is heel vaak een lay-out die wel is bewerkt, maar nooit opnieuw is gepubliceerd.

Het leesbaar maken

• De tekst is van meters afstand leesbaar. Ga aanzienlijk groter dan hij er op je monitor uitziet.
• Een hoog contrast is het meest effectief, vooral in een lichte winkelruimte of bij een raam.
• Eén bericht per lay-out. Wissel meerdere lay-outs af in plaats van één lay-out te overladen.

Gerelateerde artikelen: Je eerste lay-out , Afspeellijsten en de mediabibliotheek , Inhoud plannen , Schermresolutie, oriëntatie en lay-outgrootte