# Digitale Menütafel: Screens, die in Café und Bar verkaufen

[Canonical HTML page](https://gradiently.design/de/guide/menu-board-design)

Eine Menütafel wird vom Ende der Schlange gelesen, in wenigen Sekunden, von jemandem, der entscheidet, was er ausgibt. Das ändert fast jede Gestaltungsentscheidung. So baust du eine, die lesbar ist, verkauft und trotzdem nach deinem Laden aussieht.

## The short version

- Die meisten digitalen Menütafeln sind gewöhnliche Fernseher, gestalte also in 1920×1080 für einen Querformat-Bildschirm oder in 1080×1920 für einen hochkant montierten.
- Die Schrift einer Menütafel solltest du von dort aus beurteilen, wo Gäste tatsächlich stehen, meist am Ende der Schlange, nicht im Bildschirm-Editor.
- Dunkle Hintergründe mit heller Schrift passen zu Menü-Screens, weil sie blenden weniger und die Wörter zum Hellsten im Blickfeld machen.
- Bewegung auf einer Menütafel sollte im Hintergrund bleiben; Preise und Artikelnamen sollten stillstehen.
- Ein langes Menü auf mehrere Bildschirme zu verteilen oder langsam rotieren zu lassen, liest sich besser, als alles kleiner auf einen zu quetschen.

Eine **digitale Menütafel** ist eine für den Bildschirm gestaltete Speisekarte, meist auf einem normalen Fernseher mit 1920×1080, die aus mehreren Metern Entfernung von Leuten gelesen wird, die schnell entscheiden. Gestalte sie wie ein Schild, nicht wie eine gedruckte Karte: weniger Artikel pro Screen, größere Schrift, ein dunkler ruhiger Hintergrund, Preise in einer Spalte ausgerichtet und Bewegung nur hinter den Wörtern. Der Screen verkauft am besten, wenn Gäste ihr Getränk und dessen Preis finden, bevor sie an der Kasse sind.

Ein Café-Menü-Screen im Querformat mit der Überschrift Kaffee und einer kurzen Liste von Getränken mit Preisen

Eine Kategorie pro Screen in 1920×1080. Die Überschrift ist das Größte; die Preise stehen bündig.

## Größen für digitale Menütafeln

Fast jeder Menü-Screen ist ein Fernseher oder ein Profi-Display mit demselben 16:9-Panel. Gestalte in der nativen Auflösung des Bildschirms, damit nichts skaliert wird, das hält kleine Schrift scharf. Ein 4K-Screen zeigt ein 1920×1080-Design sauber in doppelter Größe, mit 3840×2160 wird die Schrift jedoch feiner, wenn dein Screen und Player das unterstützen.

- Querformat-Screen 1920×1080: 1920 × 1080
- Hochformat-Screen 1080×1920: 1080 × 1920
- Drei Screens nebeneinander 5760×1080: 5760 × 1080

Querformat passt an die Wand über der Theke; Hochformat an eine Säule oder ein Fenster. Eine Dreierreihe wird als eine breite Fläche gestaltet und in drei Dateien geteilt.

Wenn du einen Screen hochkant montierst, prüfe, ob Screen oder Player die Ausgabe drehen kann. Wenn nicht, exportiere das Hochformat-Design und drehe die Datei vor dem Laden um eine Vierteldrehung.

## Eine Menütafel von der Schlange aus lesbar machen

Ein universelles Minimum gibt es nicht, es hängt von Bildschirmgröße und Abstand ab. Der verlässliche Test ist körperlich: Spiel das Design auf den echten Screen, geh ans Ende der Schlange und lies es. Wenn du blinzelst, ist es zu klein oder zu voll. Als Ausgangspunkt für ein 1920×1080-Design auf einem typischen Thekenscreen:

| Element | Startgröße bei 1080 px Höhe | Hinweise |
| --- | --- | --- |
| Kategorieüberschrift | 96 bis 140 px | Eine pro Screen, höchstens zwei |
| Artikelname | 56 bis 72 px | Gemischte Groß- und Kleinschreibung liest sich schneller als Versalien |
| Preis | Wie der Artikelname | Rechtsbündig in einer Spalte, kein Währungssymbol nötig, wenn es offensichtlich ist |
| Beschreibung | 32 bis 40 px | Eine kurze Zeile oder gar keine |
| Allergen- oder Ernährungskürzel | 28 bis 32 px | Buchstaben wie V oder GF, einmal auf dem Screen erklärt |

Startpunkte zum Testen auf deinem eigenen Screen, keine Regeln. Größere Bildschirme und kürzere Schlangen vertragen kleinere Schrift.

- **Acht bis zwölf Artikel pro Screen** sind reichlich. Mehr, und niemand findet etwas.
- **Wähle eine Schrift mit klaren Ziffern.** Preise werden öfter gelesen als Namen. [Schriften für Social Media](https://gradiently.design/de/guide/fonts-for-social-media) listet Schriften auf, die auch aus der Distanz klar bleiben.
- **Lass einen breiten Rand.** Manche Fernseher beschneiden die Kanten leicht; halte die Schrift mindestens 60 px von jeder Seite entfernt.
- **Gruppieren statt einrahmen.** Abstand zwischen den Kategorien bringt mehr als Linien und Rahmen.

## Farben und Hintergründe für Menü-Screens

Ein Screen ist eine Lichtquelle. Ein weißer Hintergrund bei voller Helligkeit strahlt durch den Raum, überstrahlt die Wörter und ermüdet das Auge. Ein tiefer, ruhiger Hintergrund mit heller Schrift macht die Karte zum Hellsten an der Wand, genau dort, wo du die Aufmerksamkeit willst. [Dark-Mode-Design](https://gradiently.design/de/guide/dark-mode-design) behandelt dasselbe Prinzip für Apps.

- Rösterei: Espressobraun, warme Ecke: `radial-gradient(circle at 85% 15%, #7a3b1d 0%, #2a140b 45%, #120906 85%)`
- Bar: Flaschengrün, gedämpftes Licht: `radial-gradient(circle at 15% 85%, #1f5f55 0%, #0e2b27 45%, #071311 85%)`
- Spätnachts: von Tinte zu Pflaume: `linear-gradient(160deg, #1b1830 0%, #2d2350 55%, #4a2a52 100%)`

Dunkle Gründe mit einer warmen Fläche abseits der Preise. Jeder lässt sich in ein Screen-Design oder ein Web-Menü kopieren.

- Espresso-Grund: #120906
- Röstung: #7a3b1d
- Milchtext: #f3e7d8
- Crema-Akzent: #e9a23b
- Salbei-Tag: #a7b8a0

Eine vollständige Menütafel-Palette: Grund, ein Mittelton, warmes Gebrochenweiß für Text, ein Akzent für Specials und eine ruhige Farbe für Ernährungskürzel.

Setze den Akzent nur für eine Sache ein, meist das Special oder den Artikel, den du am liebsten verkaufst. Wenn alles hervorgehoben ist, ist nichts hervorgehoben. Prüfe den Kontrast gegen die dunkelsten und hellsten Stellen des Hintergrunds, nicht nur gegen die Mitte; [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility) erklärt, wie.

## Bewegung auf einer digitalen Menütafel

Bewegung können Screens, Print nicht, und sie holt Leute vom Handy hoch. Halte sie im Hintergrund: ein langsames Driften der Farbe, Licht, das über die Fläche wandert, ein Special, das einmal pro Schleife hereinfährt. Artikelnamen und Preise sollten sich nie bewegen, weil man sie über mehrere Sekunden liest.

### Vermeiden

- Scrollende oder gleitende Preise
- Schnelle Schnitte zwischen Screens alle paar Sekunden
- Blinkende „Special“-Badges
- Ein Video, so unruhig, dass der Text in einen Kasten muss

### Besser

- Eine langsame Hintergrundschleife unter ruhigen Wörtern
- Screens, die bei Rotation 15 Sekunden oder länger stehen
- Ein Special, das hereinfährt und dann ruht
- Eine Schleife, die ohne sichtbaren Sprung anschließt

Ein sanft bewegter Hintergrund hat auch einen praktischen Vorteil: Ein völlig statisches Bild, das zwölf Stunden am Tag läuft, kann auf manchen Screens einen schwachen Geist hinterlassen, besonders auf OLED-Panels. Exportiere die Schleife als MP4, das fast jeder Fernseher und Signage-Player von einem USB-Stick oder per App akzeptiert. [Nahtlose Schleifen-Videos](https://gradiently.design/de/guide/seamless-loop-video) zeigt, wie du den Übergang unsichtbar machst, und [animierte Farbverlauf-Hintergründe](https://gradiently.design/de/guide/animated-gradient-background) hat Ideen für die Bewegung selbst.

## Eine Menütafel vom Start bis zum Screen einrichten

1. **Zuerst die Karte schreiben** Kürze sie auf das, was sich verkauft. Gruppiere sie in Kategorien mit acht bis zwölf Artikeln, eine Kategorie pro Screen.
2. **Das Layout einmal wählen** Überschrift oben links, Artikel in einer Spalte, Preise rechtsbündig. Nutze auf jedem Screen dasselbe Layout, damit die Leute es lernen.
3. **In der Größe des Screens gestalten** 1920×1080 oder 1080×1920, mit 60 px Rand und dunklem Hintergrund.
4. **Von der Schlange aus testen** Spiel es auf den echten Screen in echter Helligkeit und lies es von dort, wo Gäste stehen.
5. **Exportieren und laden** PNG für stehende Screens, MP4 für bewegte. Benenne Dateien nach Screen und Datum, damit die richtige hochgeht.

## Preise und Specials aktuell halten

Der Sinn eines Screens ist, dass er sich ändern lässt. Führe pro Screen ein Master-Design und ändere nur die Wörter, so dass eine Preiserhöhung oder ein neues Saisongetränk Minuten dauert und der Look nie abdriftet. Frühstücks- und Abendkarte können zwei Versionen eines Designs sein, per Zeitplan getauscht, wenn dein Player das unterstützt. Gedruckte Karten, Tischaufsteller und das Schaufenster sollten dieselben Schriften und denselben Hintergrund nutzen; [Speisekarten-Design](https://gradiently.design/de/guide/restaurant-menu-design) behandelt die gedruckte Seite.

Ein Menü-Screen im Querformat mit der Überschrift Frühstück, serviert bis 11,30 Uhr, mit zwei Gerichten und Preisen

Die Morgenversion der Tafel.

Ein Menü-Screen im Querformat mit der Überschrift Spritz-Stunde ab 17 Uhr mit drei Getränken und Preisen

Dasselbe Layout am Abend, mit anderem Hintergrund.

Das Studio von Gradiently hat Menüvorlagen, die deinen eigenen Mark tragen, sodass der Hintergrund einzigartig für deinen Laden ist und von selbst Platz für die Wörter lässt. Mit Pro exportierst du bewegte Tafeln als MP4 bis 4K und hältst Preise in einer Tabelle: [Massenerstellung](https://gradiently.design/de/guide/bulk-create-from-spreadsheet) füllt daraus Text und Tabellen jedes Screens, passend für eine Gruppe, die dieselbe Karte an mehreren Standorten fährt.

## FAQ

### Welche Größe sollte eine digitale Menütafel haben?

Gestalte in 1920×1080 für einen Querformat-Fernseher oder 1080×1920 für einen hochkant montierten Screen. Nutze 3840×2160 nur, wenn dein Screen und Player 4K-Dateien verarbeiten.

### Wie groß sollte die Schrift auf einem Menü-Screen sein?

Das hängt von Bildschirmgröße und Abstand ab, teste also vom Ende der Schlange aus. Bei einem 1080 Pixel hohen Design sind Artikelnamen mit etwa 56 bis 72 Pixeln ein sinnvoller Startpunkt.

### Sollte eine digitale Menütafel einen dunklen oder hellen Hintergrund haben?

Meist funktioniert dunkel besser. Es mindert Blendung im Raum und macht helle Schrift zum Hellsten auf dem Screen.

### Welches Dateiformat nutzen Menü-Screens?

PNG oder JPG für stehende Tafeln und MP4 für bewegte. Fast jeder Smart-TV und Signage-Player spielt MP4 von einem USB-Stick oder per App ab.

### Sollte eine Menütafel animiert sein?

Sanfte Hintergrundbewegung hilft, Blicke einzufangen, aber halte Artikelnamen und Preise ruhig, damit man sie lesen kann.