Achtung Das Video auf dieser Seite wurde mit einer älteren Version der Oberfläche aufgenommen, sodass die Bildschirme, die Sie sehen, nicht mit dem übereinstimmen, worin Sie sich heute einloggen. Die beschriebenen Schritte und die Gestaltungsprinzipien gelten weiterhin. Folgen Sie für die aktuelle Oberfläche stattdessen Ihr erstes Layout und Layouts erstellen.
Content-Erstellung für Digital Signage mit Piktochart
Hatten Sie jemals das Gefühl, dass die Content-Erstellung der schwierigste Teil von Digital Signage ist? Trotzdem wissen Sie, wie wichtig sie ist. Wenn Sie denken, dass nur Grafikdesigner in der Lage sind, Inhalte für Ihr Display zu erstellen, dann denken Sie noch einmal nach! Wir haben die perfekte Lösung für Sie gefunden, und sie ist kostenlos!
Um loszulegen, sind keine Grafikdesign-Kenntnisse nötig, nur ein Computer mit Internetzugang und etwas Kreativität. Dank des großartigen Online-Tools Piktochart kann jeder, auch Sie, Inhalte erstellen.
In diesem Beispiel erstellen wir digitale Inhalte für eine Bäckerei. Schließlich, wer mag nicht frisch gebackenes Brot und Croissants? Das dient als gutes typisches Beispiel für Layout und Inhalt. Wir verwenden Bilder, Preise, Text, Hintergrund … um die meisten Gestaltungsanforderungen für überzeugende Digital-Signage-Inhalte zu erfüllen.
- Beginnen Sie mit einem Konzept für das Layout
- Eröffnen Sie ein Konto bei Piktochart
- Beginnen Sie mit der Erstellung Ihres ersten Layouts
- Passen Sie die Arbeitsfläche an die Auflösung Ihres Displays an
- Fügen Sie ein Hintergrundbild hinzu
- Fügen Sie weitere Details zum Layout hinzu
- Fügen Sie Ihren Text und/oder Call-to-Action hinzu
- Duplizieren Sie das vorhandene Layout
- Verwenden Sie es, um Preise und weitere Call-to-Actions hinzuzufügen
- Fahren Sie fort, bis all Ihre Inhalte erstellt sind
- Exportieren Sie Ihre Inhalte zum Hochladen auf easyCMS
1. Beginnen Sie mit einem einfachen Konzept oder einer Skizze
Bevor Sie mit der Erstellung Ihrer Inhalte beginnen, müssen Sie zunächst festlegen, was Sie erreichen möchten. Ist es eine Aktion? Ist es eine Information? Indem Sie die Art der Botschaft festlegen, die Sie vermitteln möchten, grenzen Sie die Designstile bereits ein. Das hilft Ihnen, sich ein Konzept davon zu machen, was das Design enthalten muss und wie es aussehen wird.
grundlegendes Konzept und Layout unseres Designs
Dafür empfehle ich, bei Google nach Beispielen für Designs zu suchen, Sie werden reichlich fündig. Sie können prüfen, was andere bekannte Unternehmen oder Institutionen in Ihrem Fachgebiet tun. Wahrscheinlich haben diese die ganze Recherche bereits für Sie erledigt, sodass Sie einfach deren Gesamtdesign übernehmen können. Mit Erfahrung werden Sie beginnen, Ihren eigenen Content-Stil zu entwickeln, aber zu Beginn müssen Sie sicherstellen, dass es stimmig aussieht.
Nachdem Sie etwas recherchiert und eine grundlegende Design-Idee entwickelt haben, fertigen Sie einfach eine einfache Skizze des Layouts an und dessen, was es enthalten muss. Wenn Sie Farben haben, die Ihre Marke repräsentieren (zum Beispiel ist CocaCola rot und weiß), achten Sie darauf, sie in das Design einzubeziehen.
Sobald dieses erste Konzept steht, gehen Sie zu Piktochart.com, um Ihr Konto zu erstellen und Ihre Designs von Grund auf zu gestalten.
2. Eröffnen Sie ein kostenloses Konto bei Piktochart
PiktoChart ist ein großartiges Tool zum Erstellen von Inhalten online, wie Infografiken, Flyer, Beiträge…. Ihr kostenloser Plan erlaubt Ihnen bis zu 5 Designs. Das reicht für die meisten Nutzer. Ihre Benutzeroberfläche ist sehr einfach und leicht verständlich. Deshalb ist es ein großartiges Tool für jeden, auch für diejenigen ohne Kenntnisse in der Content-Erstellung.
Klicken Sie auf die Schaltfläche „Registrieren“
Es wird empfohlen, Chrome oder Firefox zu verwenden, um die beste Erfahrung zu erzielen. Klicken Sie zum Registrieren einfach auf die Schaltfläche oben rechts, und ich empfehle, Ihr bevorzugtes soziales Netzwerk zu verwenden, um den Vorgang zu beschleunigen. Es dauert weniger als 2 Minuten.
Wählen Sie Ihr bevorzugtes Social-Media-Konto, um sich schneller zu registrieren
3. Beginnen Sie mit der Erstellung Ihres ersten Layouts
Großartig, Sie sind drin! Wie Sie sehen, ist die Benutzeroberfläche nicht einschüchternd und wirklich übersichtlich. Klicken Sie zum Starten einfach auf die Schaltfläche „Neu erstellen“. Wählen Sie im Pop-up die Option „Poster“ – bei anderen Optionen können Sie die Auflösung des Layouts nicht ändern.
Klicken Sie auf „Neu erstellen“
Klicken Sie auf „Poster“ (dies ermöglicht eine Arbeitsfläche mit benutzerdefinierter Auflösung)
Benutzeroberfläche
4. Passen Sie die Auflösungseinstellungen an
Sie haben also Ihre erste Arbeitsfläche/Ihr erstes Layout vor sich, und sie ist leer. Keine Angst. Endlich wird es interessant. Die Content-Erstellung beginnt jetzt! Stellen Sie sicher, dass Sie Ihre Skizze und Ihr Konzeptdesign griffbereit haben, und weiter zum nächsten Schritt. Digital-Signage-Content-Erstellung kann einfach sein, Sie werden es sehen.
Klicken Sie auf Einstellungen, um die Auflösung zu bearbeiten
Zunächst müssen Sie die Auflösung des Layouts an Ihr Display anpassen. Für dieses Beispiel verwenden wir eine Full-HD-Auflösung (1920×1080 Pixel). Klicken Sie auf das kleine Zahnrad unten in der Seitenleiste (links) und geben Sie dort die Auflösung ein. Zur Bestätigung klicken Sie einfach erneut auf das Zahnrad-Symbol.
Passen Sie die Zoomgröße Ihrer Arbeitsfläche an
Sobald dies erledigt ist, möchten Sie den Zoom vielleicht an Ihren Bildschirm anpassen, um die gesamte Zeichenfläche/das Layout zu sehen. Das können Sie tun, indem Sie den Zoom unten rechts anpassen (unter der Zeichenfläche).
5. Fügen Sie Ihr Hintergrundbild hinzu
Fügen wir unser erstes Bild hinzu! Klicken Sie im linken Menü auf „Grafiken" und dann auf „Fotos". Geben Sie in die Suchleiste „Bäckerei" ein, es erscheinen viele Ergebnisse. Wählen Sie das Hintergrundbild mit dem Holzbrett. Und Brot auf der rechten Seite. Das eignet sich perfekt als Hintergrundbild. Sobald Sie es hinzugefügt haben, müssen Sie eventuell seine Größe anpassen, damit es das gesamte Layout ausfüllt.
Wählen Sie ein Hintergrundbild aus
Sobald dies erledigt ist, gehen Sie zurück zum Menü, wählen Sie „Grafiken" und dann „Formen & Symbole", wählen Sie dort das Rechteck aus und ziehen Sie es auf die linke Seite des Layouts. Passen Sie seine Größe so an, dass es den größten Teil des Platzes einnimmt, lassen Sie aber unten und seitlich etwas Raum, damit es sich abhebt. Passen Sie nun seine Deckkraft an, indem Sie auf das Symbol in der oberen Symbolleiste klicken. 40% ist ein guter Wert, dadurch hebt sich der Text ab.
Es ist sehr wichtig, dass sich Text und Bilder nicht überschneiden. Sie müssen für Ihr Publikum klar und gut sichtbar sein. Das ist entscheidend für Digital-Signage-Inhalte und natürlich für jede andere Art von Inhalt. Unseren Blogbeitrag mit Tipps zur Inhaltserstellung für LED-Displays und Digital Signage finden Sie hier.
Fügen Sie ein Overlay-Rechteck hinzu
Passen Sie die Deckkraft des Overlays an
6. Fügen Sie einige Symbole hinzu
Unser Hintergrund steht! Großartig! Nicht so schwierig, oder? Jetzt können wir dem Design, Ihrer Kernbotschaft, etwas Leben einhauchen. Fügen wir also zunächst einige dekorative Elemente hinzu. Geben Sie im Menü „Formen & Symbole" „Brot" in die Suchleiste ein. Verwenden Sie die ersten 2 Symbole mit den „Baguettes" und den „Croissants". Ziehen Sie jedes Symbol per Drag-and-Drop auf das Layout und verschieben Sie es an den oberen Rand des Rechtecks.
Fügen Sie das Brot- und Croissant-Symbol hinzu
Passen Sie ihre Größe an, damit sie nicht zu viel Platz einnehmen, und ändern wir die Farbe zu Weiß. Gehen Sie dazu einfach in die Symbolleiste und wählen Sie Weiß aus. Achten Sie darauf, dass das Symbol dabei ausgewählt ist.
Ändern Sie Farbe und Größe
7. Fügen Sie Text und einen Call-to-Action hinzu
Jetzt fügen wir unserem Design etwas Text hinzu. Wir gehen zum Hauptmenü und wählen „Text" aus. Gehen Sie die Liste nach unten und wählen Sie den großen Titel „hello there" aus. Sobald er sich auf der Zeichenfläche befindet, ändern Sie einfach die Farbe zu Weiß. Geben Sie dann Ihren Text ein.
Wählen Sie den Text „hello there" aus
Ändern Sie die Farbe des Textes
Geben Sie Ihren Text in das Feld ein
Wir fügen am unteren Rand des Rechtecks eine Linie hinzu. Das verleiht dem Design zusätzliche Details. Gehen Sie zum Hauptmenü, dort zu „Grafiken" und dann zu „Linien", und ziehen Sie die Linie per Drag-and-Drop auf die Zeichenfläche. Passen Sie die Größe an, damit sie länger ist und zum Rechteck passt. Gehen Sie dann zur Symbolleiste und passen Sie Farbe und Stil an. Wählen Sie „Gepunktet" als Stil. Sie können auch die Größe der Punkte erhöhen.
Fügen Sie unten eine Linie hinzu
Unsere erste Design-Seite ist fertig! Das ist großartig, das Ergebnis ist beeindruckend, machen wir weiter und erstellen die zweite Seite unseres Designs.
Unser exportiertes Design
8. Duplizieren wir nun die Zeichenfläche
Jetzt nutzen wir das, was wir erstellt haben, um den Hintergrund zu duplizieren und ein neues Design zu beginnen. So bleibt der Stil unserer Digital-Signage-Inhalte einheitlich. Klicken Sie einfach auf die Schaltfläche „Clone block".
Klicken Sie auf die Schaltfläche „Clone block", um die vorhandene Zeichenfläche zu duplizieren
Löschen Sie nun einfach den Inhalt der duplizierten Zeichenfläche, wir werden neue Elemente hinzufügen. Ein Bild, etwas Text und einen Preis, um einige Produkte zu bewerben.
Löschen Sie den vorhandenen Inhalt
9. Fügen Sie ein Foto zum Layout hinzu
Sobald Sie dies getan haben, gehen Sie zum Menü „Grafiken" und dann zum Untermenü „Fotorahmen". Gehen Sie von dort nach unten und wählen Sie den runden Fotorahmen mit Rand aus. Ziehen Sie ihn auf die Zeichenfläche und passen Sie seine Größe an das Rechteck an. Löschen Sie den enthaltenen Text, wir verwenden den vorherigen Titeltext. Kopieren Sie ihn also einfach von der oberen Zeichenfläche (Strg-C) und fügen Sie ihn auf der unteren Zeichenfläche ein (Strg-V).
Fügen Sie den runden Fotorahmen zur Zeichenfläche hinzu und passen Sie seine Größe an. Löschen Sie den Text darin.
Kopieren Sie den Text von der oberen Zeichenfläche und fügen Sie ihn ein, und passen Sie die Größe an
10. Fügen wir dem Layout einen Preis hinzu
Fügen wir nun einen Preis für das Produkt hinzu. Wir gehen zum Menü „Formen & Symbole". Von dort aus gehen Sie zum Untermenü „Formen". Gehen Sie die Liste nach unten und fügen Sie das runde Preisschild zur Zeichenfläche hinzu.
wählen Sie das runde Preisschild aus
Passen Sie Größe und Farbe über die Symbolleiste an. Und platzieren Sie es hinter dem Hauptbild, siehe Screenshot, wie das geht. Das Menü der oberen Leiste bietet eine Option, um die Anordnung der Ebenen im Vergleich zu anderen Ebenen anzupassen.
Ändern Sie die Farbe des Preisschilds zu Orange
Platzieren Sie das Preisschild hinter dem Fotorahmen
Fügen wir dem Produkt einen Preis hinzu, indem wir etwas Text hinzufügen. Wählen Sie das Menü „Text" und fügen Sie den „Titel" zur Zeichenfläche hinzu. Passen Sie Größe, Schriftart und Farbe an. Achten Sie darauf, dass er groß ist, hier habe ich eine Schriftgröße von 60px, die Farbe Weiß und die Schriftart Alfa Slab verwendet. Das passt gut zu unserem aktuellen Design.
Passen Sie Größe und Schriftart des Preises an, damit er sich abhebt.
Großartig, unser zweites Layout ist fertig und sieht toll aus. Jetzt müssen wir es exportieren, um es in easyCMS hochzuladen und auf unserem Display zu planen!
Exportieren Sie Ihre Kreation
Um alle Designs zu exportieren, gehen Sie einfach zur Menüleiste oben rechts und klicken Sie auf „Download". Lassen Sie im Popup die Standardeinstellungen und stellen Sie sicher, dass „als Blöcke herunterladen" ausgewählt ist. Sie erhalten dann eine Zip-Datei mit allen Ihren Designs. Nach dem Download entpacken Sie diese und laden sie in easyCMS hoch.
