Ga naar hoofdinhoud

De Diacreator gebruiken

De Diacreator is een krachtige ingebouwde ontwerptool waarmee je custom dia's kunt maken voor je digital signage-schermen, zonder externe ontwerpsoftware.

Overzicht​

De Diacreator biedt een canvas-gebaseerde editor met professionele ontwerptools om te maken:

  • Tekstuele aankondigingen
  • Promotionele graphics
  • Informatieve weergaves
  • Dia's met QR-code
  • Custom branded content

De Diacreator openen​

  1. Klik op Diacreator in de linker zijbalk
  2. Je ziet drie tabs:
    • Jouw ontwerpen: Je opgeslagen dia-ontwerpen
    • Jouw templates: Herbruikbare templates die je hebt gemaakt
    • Castit-templates: Vooraf gemaakte templates van Castit

Diacreator lege status

Aan de slag​

Een nieuw ontwerp maken​

  1. Klik op de knop Nieuw ontwerp rechtsboven
  2. De editor opent met een leeg canvas
  3. Gebruik de bovenste toolbar om elementen toe te voegen

Templates gebruiken​

Templates helpen je snel professionele dia's te maken:

  1. Klik op Jouw templates of Castit-templates
  2. Blader door beschikbare templates
  3. Filter templates per categorie met de filterknoppen (ALL TEMPLATES, MENU, EVENTS, ETC.)
  4. Klik op een template om ermee te starten

Jouw templates

Editor-tools​

De Diacreator biedt 8 krachtige tools in de bovenste toolbar:

Teksttool​

Voeg tekstelementen toe en formatteer ze.

Teksttool

Beschikbare tekststijlen:

  • Heading 1: Grote primaire koppen
  • Heading 2: Secundaire koppen
  • Subheading: Subtiteltekst
  • Body text: Standaard alinea's
  • Small text: Kleine tekst of bijschriften

Tekst bewerken:

Zodra je tekst toevoegt, kun je deze uitgebreid aanpassen:

Tekst bewerken

Tab Weergave:

  • Font family: Kies uit beschikbare fonts (bijv. Roboto)
  • Font size: Pas de tekstgrootte aan (bijv. 88)
  • Font weight: Stel de dikte in (bijv. ExtraBold 800)
  • Line height: Regel de regelafstand
  • Letter spacing: Stel letterafstand in
  • Alignment: Links, midden of rechts uitlijnen
  • Text formatting: Vet, Cursief, Onderstrepen, Doorhalen, Hoofdlettergebruik

Vulling:

  • Kleurkiezer voor tekst
  • Hex-kleurcode invoer (bijv. #303030)
  • Opaciteit-slider (0-100)

Rand:

  • Tekstrand aan/uit
  • Randkleur en opaciteit
  • Randdikte en type (Solid, Dashed, enz.)

Schaduw:

  • X- en Y-offset en blur
  • Schaduwkleur en intensiteit

Tab Grootte en positie:

  • Precieze positionering en formaat
  • Beeldverhouding vergrendelen
  • Rotatie-instellingen

Vormen-tool​

Voeg geometrische vormen en iconen toe.

Vormen-tool

Beschikbare vormen:

  • Vierkant
  • Cirkel
  • Ster
  • Lijn
  • Driehoek

Iconen:

  • Uitgebreide iconenbibliotheek van Font Awesome
  • Zoek iconen op trefwoord
  • Cijfers, letters, pijlen, symbolen en meer

Tekentool​

Vrij tekenen voor illustraties en annotaties.

Bibliotheektool​

Gebruik content uit de Bibliotheek om toe te voegen aan dia's:

  • Afbeeldingen
  • Videos
  • Andere mediabestanden

Stock-tool​

Voeg stockfoto's en GIFs direct toe aan je dia's.

Stock-tool

Functies:

  • Stock-tab: toegang tot stockfoto's van Unsplash
  • Giphy-tab: zoek en voeg geanimeerde GIFs toe
  • Provider: selecteer stockprovider (Unsplash)
  • Orientation: filter op All, Portrait, Landscape
  • Zoekfunctie voor specifieke afbeeldingen
  • Blader en kies uit duizenden professionele afbeeldingen

QR-code tool​

Genereer QR-codes die kijkers met hun telefoon kunnen scannen.

QR-code tool

QR-code types:

  • Website URL: Link naar een webpagina
  • Email: Vul e-mailadressen vooraf in
  • Text: Toon platte tekst bij scannen
  • Call: Start een telefoongesprek
  • SMS: Vul sms-berichten vooraf in
  • Wifi: Deel wifi-gegevens

Een QR-code maken:

  1. Klik op de QR-code-tool
  2. Kies het type QR-code
  3. Vul de benodigde informatie in (bijv. website-URL)
  4. Klik op QR-code genereren
  5. De QR-code wordt aan je canvas toegevoegd

Animatie-tool​

Voeg animaties en overgangen toe aan dia-elementen voor dynamische weergaves.

Elementen animeren:

  1. Selecteer een of meer objecten op het canvas
  2. Open Animatie in het rechterpaneel
  3. Klik op Animatie toevoegen en kies een effect (Fade, Fly In/Out, Zoom, enz.)
  4. Pas timing aan zoals start, duur en snelheid
  5. Gebruik Animatie afspelen of Alles afspelen om te previewen

Animaties beheren:

  • Sleep om de volgorde te wijzigen
  • Gebruik Animatie verwijderen om een effect te verwijderen

Objecten-tool​

Beheer lagen en objecten op je canvas.

Objecten-tool

Laagbeheer:

  • Bekijk alle objecten op het canvas
  • Wijzig de volgorde van lagen (Hex, Textbox, enz.)
  • Elementen tonen/verbergen (oog-icoon)
  • Elementen vergrendelen (slot-icoon)
  • Elementen verwijderen (prullenbak-icoon)

Canvas-tool​

Pas canvasinstellingen, achtergrondkleuren en algemene dia-eigenschappen aan.

Werken met het canvas​

Canvas-bediening​

Aan de rechterkant van het canvas:

  • Zoom-bediening: (+) en (-) knoppen
  • Zoompercentage: toont het huidige zoomniveau (bijv. 68%)
  • Verversen: canvasweergave resetten

Ongedaan maken/Opnieuw​

Gebruik de pijlen voor ongedaan maken en opnieuw in de bovenste toolbar om stappen terug of vooruit te gaan.

Positioneren en uitlijnen​

  • Rode uitlijnlijnen verschijnen tijdens het slepen om te centreren
  • Positiecoordinaten worden getoond tijdens het slepen (bijv. 754, 457)
  • Snap-to-grid functionaliteit voor precieze plaatsing

Je werk opslaan​

  1. Klik op de knop Opslaan rechtsboven
  2. Je ontwerp wordt opgeslagen bij Jouw ontwerpen
  3. Opgeslagen dia's verschijnen in de Bibliotheek onder de tab Dia's
  4. Gebruik opgeslagen dia's op schermen en afspeellijsten zoals elke andere content

Best practices​

Ontwerptips​

  • Houd het simpel: Digital signage werkt het best met korte, duidelijke boodschappen
  • Hoog contrast: Zorg dat tekst van afstand goed leesbaar is
  • Consistente branding: Gebruik je merk-kleuren en -fonts
  • Leesbaarheid: Gebruik grote fonts (minimaal 40-60pt voor bodytekst)
  • Witruimte: Overlaad het canvas niet

Tekstrichtlijnen​

  • Kop: Moet in 3-5 seconden leesbaar zijn
  • Bodytekst: Houd maximaal 10 woorden per dia
  • Fontcombinaties: Gebruik maximaal 2-3 fonts
  • Uitlijning: Centreer voor impact, links voor leesbaarheid

Visuele hierarchie​

  1. Primaire boodschap (grootst, meest opvallend)
  2. Secundaire informatie (middelgroot)
  3. Ondersteunende details of call-to-action (kleiner)
  4. QR-codes of contactinfo (vaste positie)

QR-code tips​

  • Plaats QR-codes op ooghoogte
  • Laat voldoende witruimte rond de QR-code
  • Test QR-codes voor publicatie
  • Voeg korte instructies toe zoals "Scan om meer te weten"

Stockafbeeldingen gebruiken​

  • Kies hoogwaardige, relevante afbeeldingen
  • Zorg dat afbeeldingen bij je merk en boodschap passen
  • Vermijd drukke of afleidende achtergronden
  • Let op beeldorientatie (landscape voor de meeste schermen)

Templates maken​

Bespaar tijd met herbruikbare templates:

  1. Ontwerp een dia met je merk-kleuren, fonts en layout
  2. Sla deze op als template in plaats van als normaal ontwerp
  3. Gebruik het template opnieuw voor toekomstige dia's met andere content
  4. Houd consistentie in al je digital signage

Veelvoorkomende use-cases​

Aankondigingsdia's​

  • Gebruik Heading 1 voor de aankondiging
  • Voeg datum/tijd toe in kleinere tekst
  • Voeg relevante iconen of vormen toe
  • Houd de achtergrond simpel

Promotionele content​

  • Gebruik productafbeeldingen uit de Bibliotheek of Stock
  • Gebruik contrasterende kleuren voor acties/kortingen
  • Voeg een QR-code toe voor meer informatie
  • Voeg een duidelijke call-to-action toe

Wayfinding en directories​

  • Gebruik vormen en iconen als visuele aanwijzingen
  • Organiseer informatie hiërarchisch
  • Gebruik pijlen om richting aan te geven
  • Houd tekst kort en scanbaar

Eventinformatie​

  • Kop met naam van het event
  • Datum-, tijd- en locatiedetails
  • QR-code voor registratie of tickets
  • Eventbranding of beeldmateriaal

Social media-integratie​

  • Toon social media-handles
  • Voeg QR-codes toe die naar profielen linken
  • Voeg social media-iconen toe
  • Toon hashtags voor campagnes

Probleemoplossing​

Tekst wordt niet goed weergegeven​

  • Controleer instellingen voor fontdikte en grootte
  • Zorg dat tekstkleur voldoende contrast heeft met de achtergrond
  • Controleer of tekst niet achter andere lagen staat

QR-code wordt niet gescand​

  • Zorg voor voldoende formaat (minimaal 2x2 inch op het scherm)
  • Controleer voldoende contrast tussen QR-code en achtergrond
  • Test de URL of data voordat je de code genereert
  • Laat witruimte rondom de QR-code

Elementen overlappen​

  • Gebruik de Objecten-tool om de laagvolgorde te wijzigen
  • Breng belangrijke elementen naar voren
  • Zet achtergrondlagen naar achteren

Trage performance​

  • Verminder het aantal hoge-resolutie afbeeldingen
  • Vereenvoudig complexe ontwerpen
  • Sla je werk regelmatig op

Volgende stappen​