De Designer: eigen layouts maken voor je scherm

De Designer

Met de Screenbird Designer maak je volledig op maat gemaakte layouts voor je digital signage schermen. Combineer tekst, afbeeldingen, vormen, video en live apps in een visuele editor. Geen design-ervaring nodig.

Een ontwerp maken

  1. Ga naar Content in de sidebar.
  2. Klik op Ontwerp maken.
  3. Kies een canvasformaat: HD liggend (1920x1080), HD staand (1080x1920), 4K liggend (3840x2160), 4K staand (2160x3840), of een aangepast formaat.
  4. Optioneel: start met een template (informatiescherm, welkomstscherm, menukaart) of begin met een leeg canvas.
  5. Voeg elementen toe, pas ze aan en sla op.

Elementen toevoegen

Je kunt de volgende elementen aan je ontwerp toevoegen:

Tekst

Voeg tekstvelden toe met volledige controle over lettertype, grootte, kleur, uitlijning, regelafstand en letterafstand. Kies uit systeemlettertypen of upload je eigen lettertypen via de bestandsbibliotheek.

Afbeeldingen

Sleep afbeeldingen vanuit je mediabibliotheek of kies uit de ingebouwde stockfoto-bibliotheek (Pexels). Afbeeldingen ondersteunen afgeronde hoeken, transparantie en rotatie.

Vormen

  • Rechthoek (met instelbare hoekradius voor afgeronde hoeken)
  • Cirkel
  • Driehoek
  • Lijn
  • Pijl

Alle vormen ondersteunen een effen kleur of kleurverloop (gradient) als vulling, een rand (stroke) en transparantie.

Video

Voeg een video toe aan je ontwerp via een URL. De video wordt afgespeeld wanneer het ontwerp op een scherm wordt getoond.

Apps

Voeg live apps toe in je ontwerp, zoals een klok, weerbericht, nieuwsticker, YouTube-video, social media feed of Google Slides presentatie. Alle 40+ Screenbird apps zijn beschikbaar. De app wordt live weergegeven op het scherm, direct in je ontwerp.

Canvas en achtergrond

  • Achtergrondtype - Kies via een segmented control tussen een effen kleur, kleurverloop (twee kleuren met instelbare hoek) of afbeelding
  • Achtergrondafbeelding - Upload een afbeelding als achtergrond (weergave: cover, contain of stretch)
  • Raster - Schakel een raster in voor nauwkeurig uitlijnen
  • Linialen - Pixellinialen langs de boven- en linkerkant van het canvas

Elementen bewerken

Positie en grootte

Verplaats elementen door te slepen of voer exacte X/Y-coordinaten in. Pas de breedte en hoogte aan of schaal proportioneel.

Uitlijning

Lijn meerdere geselecteerde elementen uit: links, midden, rechts, boven, midden of onder. Bij drie of meer elementen kun je ze ook gelijkmatig verdelen.

Lagen

Elk element heeft een laagpositie. Gebruik het lagenpaneel aan de rechterkant om elementen te herschikken, te verbergen of te vergrendelen. Vergrendelde elementen kunnen niet per ongeluk verplaatst worden.

Groeperen

Selecteer meerdere elementen en groepeer ze om ze als een geheel te verplaatsen en schalen.

Sneltoetsen

  • Ctrl+Z - Ongedaan maken
  • Ctrl+Y - Opnieuw
  • Ctrl+C / Ctrl+V - Kopieren / Plakken
  • Delete - Verwijderen
  • Pijltjestoetsen - Element 1px verplaatsen
  • Shift + pijltjestoetsen - Element 10px verplaatsen
  • Ctrl+S - Opslaan
  • Spatiebalk - Canvas verschuiven (pannen)

AI Designer

De AI Designer is een chat-sidebar die je opent via het AI-icoon rechtsonder in het canvas. Beschrijf in een prompt wat je wilt (bijv. "maak een welkomstscherm met ons logo en de tekst Welkom") en de AI genereert een compleet ontwerp. Je kunt het resultaat verfijnen met vervolgberichten, net als een gesprek. De AI past kleuren, teksten, posities en elementen aan op basis van je feedback.

Voorbeeld bekijken

Klik op de afspeelknop in de toolbar om een preview van je ontwerp te zien. De preview speelt inline af in het canvas (animaties en video worden afgespeeld op hun plek), zonder fullscreen modus.

Ontwerp naar je scherm sturen

Als je ontwerp klaar is, kun je het op twee manieren naar je scherm sturen:

  1. Direct pushen - Klik op de Push naar scherm knop in de editor en selecteer een of meerdere schermen.
  2. Via een afspeellijst - Voeg het ontwerp toe aan een afspeellijst en plan het in via een schema.

Tips

  • Gebruik templates als startpunt en pas ze aan met je eigen tekst, kleuren en logo.
  • Combineer een achtergrondafbeelding met semi-transparante vormen en tekst voor professionele resultaten.
  • Voeg een live klok of weerbericht toe aan je ontwerp om het dynamisch te houden.
  • Gebruik uitlijning en verdeling om elementen netjes te positioneren.
  • Het ontwerp wordt automatisch opgeslagen terwijl je werkt.

© screenbird.app