Eine Pixel-Art-Schriftart für Divoom-Displays zu entwerfen bedeutet, Buchstabenformen auf einem Raster zu erstellen, bei dem jedes Quadrat direkt einer physischen LED auf Ihrem Gerät entspricht. Sie benötigen weder professionelle Designsoftware noch einen Abschluss in Typografie, um loszulegen — ein kostenloses browserbasiertes Rasterwerkzeug und ein grundlegendes Verständnis dafür, wie Buchstaben aufgebaut sind, reichen aus, um individuelle Schriftarten zu erstellen, die über Ihr Pixoo-64 scrollen, Ihr Times Gate zum Leuchten bringen oder personalisierte Nachrichten auf Ihrem Ditoo Pro anzeigen.
Der Prozess gliedert sich in vier Schritte: Verstehen, wie Pixelraster die Gestaltung von Buchstaben einschränken, ein Werkzeug auswählen, das Ihrem Kenntnisstand entspricht, Ihre Zeichen entwerfen und sie als Bilder oder Animationen exportieren, die die Divoom App anzeigen kann. Dieser Leitfaden führt Sie mit konkreten Beispielen durch jede Phase, sodass Sie in einer einzigen Sitzung von einem leeren Raster zu einer funktionierenden individuellen Schriftart gelangen.
Was eine Pixel-Schriftart auszeichnet
Eine Pixel-Schriftart ist eine Schrift, die vollständig auf einem festen Raster aufgebaut ist, wobei jede Einheit einem sichtbaren Pixel entspricht. Anders als Vektorschriften, die sich stufenlos auf jede Größe skalieren lassen, macht sich eine Pixel-Schriftart ihre Blockoptik zu eigen — jede Kurve wird durch einzelne Quadrate angenähert. Auf einem Divoom-LED-Display ist das keine Einschränkung, sondern der eigentliche Zweck. Jede LED auf dem Panel ist ein echter physischer Pixel, sodass Ihr Schriftdesign eins zu eins auf die Hardware übertragen wird.
Einige typografische Konzepte lassen sich direkt auf Pixelraster übertragen. Wenn Sie sie kennen, können Sie bewusste Designentscheidungen treffen, statt zu raten:
- Grundlinie — Die horizontale Zeile, auf der die meisten Ihrer Buchstaben sitzen. In einem 5×7-Raster befindet sich die Grundlinie normalerweise in Zeile 6 (der vorletzten Zeile).
- x-Höhe — Die Höhe von Kleinbuchstaben wie a, c, e und x. Bei einer kleinen Schrift sind es typischerweise 3–4 Pixel, bei einer mittleren 4–5 Pixel.
- Versalhöhe — Die Oberkante Ihrer Großbuchstaben, die normalerweise an der Oberkante des Rasters oder eine Zeile darunter ausgerichtet ist.
- Oberlängen — Teile von Buchstaben, die über die x-Höhe hinausreichen, wie der aufragende Strich bei b, d, h, k oder l.
- Unterlängen — Teile, die unter die Grundlinie ragen, wie der Abstrich bei g, j, p, q oder y.
- Zeichenbreite — Die meisten Pixel-Schriftarten verwenden Zeichen mit einer Breite von 3–5 Pixeln und mindestens 1 Pixel Abstand zwischen den einzelnen Buchstaben.
Diese Begriffe stammen aus der traditionellen Typografie, werden auf einem Pixelraster jedoch zu konkreten, abzählbaren Maßen. Die Pixelgrafik-Tradition, innerhalb strenger Rasterbeschränkungen zu arbeiten, reicht Jahrzehnte zurück – von frühen Computerbildschirmen bis zu Spielautomaten – und dieselbe Disziplin gilt auch heute beim Gestalten für LED-Panels.
Pixel Overload erklärt die Fachbegriffe der Typografie und zwei praktische Methoden zum Gestalten von Pixel-Schriftarten auf einem Raster.
Die richtige Leinwandgröße auswählen
Das Pixelraster deiner Divoom-Anzeige bestimmt, wie detailliert deine Schriftart sein kann. Ein größeres Raster bietet mehr Platz für Buchstabenformen mit Ober- und Unterlängen sowie dekorative Elemente. Ein kleineres Raster erzwingt einfachere, kräftigere Designs, die auch aus der Entfernung gut lesbar bleiben.
Wenn du deine erste Pixel-Schriftart gestaltest, beginne mit einem 5×7-Raster. Das ist der ideale Mittelweg – genug Platz für gut lesbare Kleinbuchstaben mit Ober- und Unterlängen, aber nicht so viel Raum, dass Anfänger von den vielen Pixelmöglichkeiten überfordert werden.
Das richtige Werkzeug auswählen
Du musst keine Software kaufen, um eine Pixel-Schriftart zu gestalten. Mehrere kostenlose Werkzeuge laufen direkt in deinem Browser und basieren auf demselben rasterbasierten Denken, das Pixel-Schriftarten erfordern. Hier siehst du, wie die wichtigsten Optionen im Vergleich abschneiden:
Aseprite — Bester Pixelgrafik-Editor insgesamt
Aseprite ist das branchenübliche Werkzeug zur Erstellung von Pixelgrafiken und eignet sich auch gut für Schriftgestaltung. Es unterstützt Ebenen, Animationsframes und den Export von Sprite-Sheets – wichtig, wenn du später scrollende Textanimationen erstellen möchtest. Der Nachteil sind die Kosten: Aseprite ist ein kostenpflichtiges Programm (etwa 20 US-Dollar), du kannst es jedoch kostenlos aus dem Quellcode kompilieren, wenn du technisch versiert bist. Verfügbar für Windows, macOS und Linux.
Wähle Aseprite, wenn du sowohl Pixelgrafiken als auch Schriftarten erstellen möchtest oder Animationsfunktionen direkt in deinen Workflow integrieren willst.
Piskel — Kostenloser browserbasierter Pixel-Editor
Piskel läuft vollständig in deinem Browser und erfordert keine Installation. Es bietet eine übersichtliche Oberfläche mit Rasterfang, Animations-Timeline sowie PNG- oder GIF-Export. Es ist einfacher als Aseprite, aber diese Einfachheit ist beim Lernen ein Vorteil. Gestalte jeden Buchstaben in einem eigenen Frame und exportiere anschließend das Set als einzelne PNGs oder als Sprite-Sheet.
Wähle Piskel, wenn du keinerlei Einrichtungskosten möchtest und ein Tool bevorzugst, das du in jedem Tab öffnen kannst.
FontStruct – Speziell für die Erstellung von Raster-Schriften entwickelt
FontStruct verfolgt einen anderen Ansatz. Anstatt Pixel-Art zu zeichnen, platzierst du „Bausteine“ auf einem Raster, um jede Glyphe zu konstruieren – und das Tool exportiert dein Design als echte TrueType-Schriftdatei (.ttf), die du auf jedem Computer installieren kannst. Es ist kostenlos, browserbasiert und wurde genau für diese Art der rastergebundenen Schriftgestaltung entwickelt.
Wähle FontStruct, wenn du zusätzlich zu Pixel-Art-Bildern eine tatsächlich installierbare Schriftart möchtest oder wenn du einen Drag-and-drop-Workflow dem Freihandzeichnen vorziehst.
Divoom App – Integrierter Pixel-Editor
Die kostenlose Divoom Smart App (verfügbar für iOS und Android) enthält einen einfachen Pixel-Editor. Du kannst einfache Textdesigns zeichnen und sie ohne Export- oder Import-Schritte direkt an dein Gerät senden. Für die Gestaltung eines vollständigen Alphabets ist er zu eingeschränkt, aber für kurze, einmalige Nachrichten oder zum Testen, wie ein Schriftkonzept auf deinem tatsächlichen Display aussieht, ist er ideal.
Beginne mit deinem Namen oder einer kurzen Phrase, bevor du ein vollständiges Alphabet entwirfst. Ein Wort mit fünf Buchstaben ermöglicht es dir, Abstände, Lesbarkeit und Stil zu testen, ohne dich auf 26 Buchstaben plus Satzzeichen festzulegen.
Drei Möglichkeiten, deinen ersten Buchstaben zu gestalten
Es gibt drei gängige Ansätze, Buchstabenformen auf einem Pixelraster zu erstellen. Jeder erzeugt einen anderen visuellen Charakter, und die beste Wahl hängt von der Größe deines Rasters und dem Stil ab, den du anstrebst.
Linienmethode
Zeichne jedes Zeichen Zeile für Zeile auf dem Raster, ähnlich wie beim Schreiben von Hand, aber beschränkt auf horizontale, vertikale und 45-Grad-Striche. So entstehen dünne, klare Buchstabenformen, die präzise und modern wirken. Das funktioniert ab einer Größe von 5×7 Pixeln gut. Der wichtigste Punkt ist, dass Schriften nach der Linienmethode tendenziell leicht wirken – bei sehr kleinen Größen können dünne Striche vor einem hellen LED-Hintergrund schwer lesbar werden.
Box-Methode
Beginne mit ausgefüllten rechteckigen Formen für jeden Buchstaben und schneide anschließend Negativraum heraus, um das Zeichen zu definieren. Dadurch entstehen kräftigere, schwerere Buchstabenformen, die selbst bei einer Größe von 3×5 lesbar bleiben. Die Kastenmethode ist der fehlertoleranteste Ansatz für Anfänger, die mit kleineren Rastern wie dem 16×16-Panel des Ditoo Pro arbeiten, bei denen jedes Pixel visuell ins Gewicht fällt.
Pixel für Pixel
Setze einzelne Pixel nacheinander und baue jeden Buchstaben von Grund auf auf. Das ist der präziseste, aber auch der langsamste Ansatz. Bei Rastern ab 8×8 spielt er seine Stärken aus, weil du genug Platz für subtile Details hast – eine leichte Rundung bei einem S, eine spitze Serife bei einem T oder eine abgerundete Rundung bei einem B. Auf einem Pixoo-64 mit seinem 64×64-Raster bietet dir die Pixel-für-Pixel-Methode genügend Raum, um jeden Buchstaben zu verfeinern.
Deine Schriftart lesbar gestalten
Eine Pixelschrift steht und fällt mit ihrer Lesbarkeit. Auf einem LED-Display, bei dem Pixel physische Lichtpunkte sind, fallen kleine Lesbarkeitsfehler stärker auf als auf einem Monitor. Einige Regeln verbessern die Lesbarkeit nachweislich:
- Halte einen Mindestabstand von 1 Pixel zwischen den Zeichen ein. Sich berührende Buchstaben werden zu Klumpen, besonders auf LED-Panels, bei denen das Licht zwischen benachbarten Pixeln leicht überstrahlt.
- Halte die Zeichenbreiten einheitlich. Wenn dein A 5 Pixel breit ist, sollten die meisten deiner anderen Großbuchstaben ebenfalls 4–5 Pixel breit sein. Starke Unterschiede lassen Text beim Scrollen ungleichmäßig wirken.
- Teste frühzeitig in der tatsächlichen Anzeigegröße. Zoome so weit heraus, dass jedes Pixel ungefähr die Größe einer LED auf deinem Gerät hat. Wenn Buchstaben nicht mehr unterscheidbar sind, müssen sie überarbeitet werden.
- Achte auf leicht verwechselbare Zeichenpaare. Ein großes I und ein kleines l, ein großes O und die Null, ein kleines rn und der Buchstabe m – bei kleinen Pixelgrößen verschmelzen sie zu identischen Formen, sofern du keine gezielten Unterschiede gestaltest.
- Verzichte unterhalb von 5×7 auf Serifen. Serifen verbrauchen Pixel, die dein Buchstabenkörper benötigt. Bei 3×5 wird ein klares serifenloses Design immer besser abschneiden als eines mit Serifen.
Vom Design zu deinem Divoom-Display
Sobald deine Schriftart gestaltet ist, besteht der letzte Schritt darin, sie auf dein Gerät zu übertragen. Der Ablauf unterscheidet sich je nachdem, ob du statischen Text oder animiertes Scrollen verwenden möchtest.
Statischer Text
- Setze in deinem Designtool die vollständige Nachricht mit deinen Buchstaben der eigenen Schriftart zusammen.
- Exportieren Sie das Ergebnis als einzelne PNG-Datei mit den exakten Pixelmaßen Ihres Displays (z. B. 64×64 für Pixoo-64).
- Öffnen Sie die Divoom App, wählen Sie Ihr Gerät aus und laden Sie die PNG-Datei als individuelle Pixelgrafik hoch.
- Übertragen Sie ihn auf Ihr Display und passen Sie die Helligkeit nach Ihren Wünschen an.
Scrollender oder animierter Text
- Gestalten Sie jeden Buchstaben als separate Kachel oder als einzelnen Frame.
- Erstellen Sie eine Animationssequenz, in der sich Ihr Text pro Bild um 1–2 Pixel nach links verschiebt.
- Exportieren Sie die Animation als GIF – die Divoom App unterstützt das Hochladen und Abspielen von GIFs.
- Laden Sie das GIF über die App hoch, stellen Sie die Schleifengeschwindigkeit ein und wählen Sie den Anzeigemodus.
Für scrollenden Text auf Times Gate können Sie einen der fünf Bildschirme Ihrer individuellen Animation widmen, während die anderen Bildschirme weiterhin Uhren, Wetter- oder Daten-Widgets anzeigen. So können Sie personalisierten Lauftext neben Live-Informationen anzeigen – eine Kombination, die keine Vorlage in der Community-Galerie nachbilden kann.
Einrichtungstipp
Entwerfen und testen Sie Ihre Schriftart zunächst auf einem Computerbildschirm und prüfen Sie sie anschließend auf Ihrem tatsächlichen Divoom-Display. LED-Panels stellen Farben anders dar als Monitore, und was auf dem Bildschirm gestochen scharf aussieht, benötigt auf der physischen Hardware möglicherweise Anpassungen bei Helligkeit oder Kontrast.
Welches Divoom-Display zeigt Schriftarten am besten an?
Jedes Divoom-Display bietet etwas anderes für individuelle Typografie. Die richtige Wahl hängt davon ab, wie detailliert Ihre Schriftarten sein sollen und wo das Display aufgestellt wird.
Pixoo-64 ist die beste Grundlage für die Arbeit mit Schriftarten. Mit 64×64 Pixeln können Sie mehrere Textzeilen unterbringen, größere einzeilige Nachrichten mit Platz für dekorative Verzierungen anzeigen oder animierte Laufbanner mit flüssigen Bewegungen erstellen. Es ist die naheliegende Wahl, wenn Schriftgestaltung ein Hauptgrund für den Kauf eines Pixel-Displays ist. Die Dualband-WLAN-Verbindung sorgt außerdem dafür, dass Ihre individuellen Animationen für eine dauerhafte Anzeige zuverlässig verbunden bleiben. Auf der Pixoo-64-Produktseite finden Sie aktuelle Preise und Informationen zur Verfügbarkeit.
Times Gate bietet Textbegeisterten einen einzigartigen Vorteil: fünf unabhängige Bildschirme mit einer Auflösung von 128×128 Pixeln. Sie können einen Bildschirm einer Präsentation eigener Schriftarten widmen, einen anderen für scrollende Nachrichten nutzen und die verbleibenden drei für Uhren, Wetter- und Daten-Widgets verwenden. Die Auflösung von 128×128 Pixeln pro Bildschirm ermöglicht die höchste Schriftdetailgenauigkeit im Divoom-Portfolio. Wenn Sie ein Desktop-Dashboard wünschen, das individuelle Typografie als ein Element umfasst, bietet Ihnen Times Gate die größte Flexibilität.
Ditoo Pro verfolgt einen anderen Ansatz. Die 16×16-Frontfläche ist klein, doch diese Einschränkung kann ein kreativer Vorteil sein. Einfache scrollende Namen, kurze Zitate oder minimale Pixelnachrichten haben auf diesem Lautsprecher im Retro-Stil einen ganz besonderen Charme. Die mechanischen Tastaturtasten und der Joystick ermöglichen eine haptische Interaktion, die die anderen Displays nicht bieten. Wenn du einen kompakten Begleiter für den Schreibtisch möchtest, der Musik abspielt und deinen individuellen Text anzeigt, macht der Ditoo Pro ihn ganz persönlich.
Anweisungen zur Geräteeinrichtung und zu den Kopplungsdetails findest du auf der Divoom-Produktanleitungsseite, die die Schritte für die WLAN- und Bluetooth-Verbindung aller drei Displays abdeckt.
Häufig gestellte Fragen
Welche Pixelgröße sollte meine Schrift für Pixoo-64 haben?
Eine 5×7-Pixel-Schrift eignet sich gut für den meisten Text auf dem 64×64-Raster des Pixoo-64. Damit kannst du bei angemessenen Abständen ungefähr 8–9 Zeichen pro Zeile unterbringen. Für größeren, kräftigeren Text kannst du ein 8×8-Raster verwenden — dann passen zwar weniger Zeichen hinein, aber jedes einzelne ist detaillierter und aus größerer Entfernung besser sichtbar.
Kann ich meine Pixel-Schrift auf mehreren Divoom-Geräten verwenden?
Ja. Sobald du deine Schrift als PNG- oder GIF-Dateien exportiert hast, kannst du sie über die App auf jedes Divoom-Gerät hochladen. Möglicherweise musst du Versionen in verschiedenen Größen erstellen — eine 5×7-Version für Pixoo-64 und eine 3×5-Version für Ditoo Pro —, aber der Designprozess ist derselbe. Speichere deine ursprünglichen Schriftkacheln, damit du sie schnell skalieren kannst.
Muss ich jeden Buchstaben des Alphabets entwerfen?
Nein. Beginne mit den Buchstaben des jeweiligen Wortes oder der jeweiligen Phrase, die du anzeigen möchtest. Viele Menschen benötigen nie ein vollständiges Alphabet — für einen personalisierten Namen, ein Lieblingszitat oder einen Kanalnamen sind nur die Buchstaben erforderlich, die in diesem Text vorkommen. Entwirf später weitere Zeichen, wenn du deine Nachricht erweiterst.
Wie erstelle ich Lauftext auf meinem Divoom-Display?
Erstelle eine Animation, in der sich dein Text pro Frame horizontal um 1–2 Pixel verschiebt, und exportiere sie anschließend als GIF. Lade das GIF über die Divoom-App hoch und stelle die Wiedergabegeschwindigkeit ein. Die meisten Lauftextanimationen funktionieren am besten mit 10–15 Bildern pro Sekunde. Die Divoom-App unterstützt die GIF-Wiedergabe auf Pixoo-64, Times Gate und Ditoo Pro.
Kann ich meine individuelle Pixel-Schrift mit der Divoom-Community teilen?
Die Divoom-App enthält eine Community-Galerie, in der Nutzer Pixel-Art-Designs teilen, einschließlich textbasierter Kunstwerke. Zwar kann man keine Schriftdatei direkt hochladen, aber vollständige Alphabet-Designs als Pixel-Art-Bilder teilen, auf die andere Nutzer zurückgreifen und die sie nachbilden können. Wenn du deine Schrift dort erstellt hast, kannst du sie auch über die FontStruct-Community teilen.


