De Diacreator gebruiken
De Diacreator is een krachtige ingebouwde ontwerptool waarmee u custom dia's kunt maken voor uw digital signage schermen, zonder externe ontwerpsoftware.
Overzicht​
De Diacreator biedt een canvasgebaseerde editor met professionele ontwerptools om te maken:
- Tekstuele aankondigingen
- Promotionele graphics
- Informatieve weergaves
- Dia's met QR-code
- Custom branded content
De Diacreator openen​
- Klik op Diacreator in de linker zijbalk
- U ziet drie tabs:
- Uw ontwerpen: Uw opgeslagen diaontwerpen
- Uw templates: Herbruikbare templates die u hebt gemaakt
- Castit-templates: Vooraf gemaakte templates van Castit
Aan de slag​
Een nieuw ontwerp maken​
- Klik op de knop Nieuw ontwerp rechtsboven
- De editor opent met een leeg canvas
- Gebruik de bovenste toolbar om elementen toe te voegen
Templates gebruiken​
Templates helpen u snel professionele dia's te maken:
- Klik op Uw templates of Castit-templates
- Blader door beschikbare templates
- Filter templates per categorie met de filterknoppen (ALL TEMPLATES, MENU, EVENTS, ETC.)
- Klik op een template om ermee te starten
Editortools​
De Diacreator biedt 8 krachtige tools in de bovenste toolbar:
Teksttool​
Voeg tekstelementen toe en formatteer ze.
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 u tekst toevoegt, kunt u deze uitgebreid aanpassen:
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)
- Opaciteitslider (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
Vormentool​
Voeg geometrische vormen en iconen toe.
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.
Bibliotheeektool​
Gebruik content uit de bibliotheek om toe te voegen aan dia's:
- Afbeeldingen
- Videos
- Andere mediabestanden
Stocktool​
Voeg stockfoto's en GIFs direct toe aan uw dia's.
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 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:
- Klik op de QR-code-tool
- Kies het type QR-code
- Vul de benodigde informatie in (bijv. website-URL)
- Klik op QR-code genereren
- De QR-code wordt aan uw canvas toegevoegd
Animatietool​
Voeg animaties en overgangen toe aan dia-elementen voor dynamische weergaves.
Elementen animeren:
- Selecteer een of meer objecten op het canvas
- Open Animatie in het rechterpaneel
- Klik op Animatie toevoegen en kies een effect (Fade, Fly In/Out, Zoom, enz.)
- Pas timing aan zoals start, duur en snelheid
- 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
Objectentool​
Beheer lagen en objecten op uw canvas.
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)
Canvastool​
Pas canvasinstellingen, achtergrondkleuren en algemene dia-eigenschappen aan.
Werken met het canvas​
Canvasbediening​
Aan de rechterkant van het canvas:
- Zoombediening: (+) 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
Uw werk opslaan​
- Klik op de knop Opslaan rechtsboven
- Uw ontwerp wordt opgeslagen bij Uw ontwerpen
- Opgeslagen dia's verschijnen in de bibliotheek onder de tab Dia's
- 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 uw merkkleuren 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​
- Primaire boodschap (grootst, meest opvallend)
- Secundaire informatie (middelgroot)
- Ondersteunende details of call-to-action (kleiner)
- 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 uw merk en boodschap passen
- Vermijd drukke of afleidende achtergronden
- Let op beeldorientatie (landscape voor de meeste schermen)
Templates maken​
Bespaar tijd met herbruikbare templates:
- Ontwerp een dia met uw merkkleuren, fonts en layout
- Sla deze op als template in plaats van als normaal ontwerp
- Gebruik het template opnieuw voor toekomstige dia's met andere content
- Houd consistentie in al uw 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 hierarchisch
- 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 mediaintegratie​
- Toon social mediahandles
- Voeg QR-codes toe die naar profielen linken
- Voeg social mediaiconen 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 u de code genereert
- Laat witruimte rondom de QR-code
Elementen overlappen​
- Gebruik de Objectentool om de laagvolgorde te wijzigen
- Breng belangrijke elementen naar voren
- Zet achtergrondlagen naar achteren
Trage performance​
- Verminder het aantal hogeresolutie afbeeldingen
- Vereenvoudig complexe ontwerpen
- Sla uw werk regelmatig op