# Digitale menuskærme: skærme, der sælger på caféer og barer

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

En menuskærm læses bagerst i en kø på få sekunder af en, der er ved at beslutte, hvad pengene skal bruges på. Det ændrer næsten alle designvalg. Her er, hvordan du bygger en, der kan læses, sælger og stadig ligner dit sted.

## The short version

- De fleste digitale menuskærme er almindelige tv, så design i 1920×1080 til en liggende skærm eller 1080×1920 til en, der er monteret på højkant.
- Teksten på en menuskærm skal vurderes fra der, hvor kunderne faktisk står, som regel bagerst i køen, ikke fra redigeringsprogrammet.
- Mørke baggrunde med lys tekst passer til menuskærme, fordi de mindsker genskin og gør ordene til det lyseste i synsfeltet.
- Bevægelse på en menuskærm skal blive i baggrunden; priser og navne på retter skal stå stille.
- At dele en lang menu over flere skærme eller lade den skifte langsomt læses bedre end at skrumpe det hele ned på én.

En **digital menuskærm** er en menu designet til en skærm, som regel et almindeligt tv i 1920×1080, og læst flere meter væk af folk, der beslutter sig hurtigt. Design den som et skilt frem for en trykt menu: færre ting pr. skærm, større skrift, en mørk og rolig baggrund, priserne på linje i én kolonne og bevægelse kun bag ordene. Skærmen sælger bedst, når en kunde kan finde sin drik og dens pris, før vedkommende når kassen.

En liggende menuskærm på en café med overskriften Kaffe og en kort liste over drikke og priser

Én kategori pr. skærm i 1920×1080. Overskriften er det største; priserne står på linje.

## Størrelser på digitale menuskærme

Næsten alle menuskærme er et tv eller en professionel skærm med det samme 16:9-panel. Design i skærmens oprindelige opløsning, så intet skaleres, og lille tekst forbliver skarp. En 4K-skærm viser et design i 1920×1080 rent i dobbelt størrelse, men designer du i 3840×2160, får du finere skrift, hvis din skærm og afspiller understøtter det.

- Liggende skærm 1920×1080: 1920 × 1080
- Stående skærm 1080×1920: 1080 × 1920
- Tre skærme på række 5760×1080: 5760 × 1080

Liggende passer til væggen over en disk; stående passer til en søjle eller et vindue. En række på tre designes som ét bredt lærred og deles i tre filer.

Monterer du en skærm på højkant, så tjek, at skærmen eller afspilleren kan rotere billedet. Kan den ikke, eksporterer du det stående design og drejer filen en kvart omgang, før du lægger den ind.

## Sådan gør du en menuskærm læselig fra køen

Der findes ikke et universelt minimum, for det afhænger af skærmstørrelse og afstand. Den pålidelige test er fysisk: Sæt designet på den rigtige skærm, gå bagerst i køen, og læs det. Skal du knibe øjnene sammen, er det for småt eller for overfyldt. Som udgangspunkt for et design i 1920×1080 på en typisk skærm over disken:

| Element | Startstørrelse ved 1080 px højde | Noter |
| --- | --- | --- |
| Kategorioverskrift | 96 til 140 px | Én pr. skærm, højst to |
| Navn på ret | 56 til 72 px | Almindelige små bogstaver læses hurtigere end versaler |
| Pris | Samme som navnet | Højrestillet i én kolonne, intet valutasymbol, hvis det er indlysende |
| Beskrivelse | 32 til 40 px | Én kort linje eller slet ingen |
| Mærker for allergener eller kost | 28 til 32 px | Brug bogstaver som V eller GF, forklaret én gang på skærmen |

Udgangspunkter at teste på din egen skærm, ikke regler. Større skærme og kortere køer kan gå mindre.

- **Otte til tolv ting pr. skærm** er rigeligt. Flere end det, og ingen finder noget.
- **Vælg én skrifttype med tydelige tal.** Priser læses mere end navne. [Skrifttyper til sociale medier](https://gradiently.design/da/guide/fonts-for-social-media) oplister skrifter, der forbliver tydelige på afstand.
- **Hold en bred margen.** Nogle tv beskærer kanterne en smule; hold teksten mindst 60 px inde fra alle sider.
- **Gruppér, lav ikke bokse.** Luft mellem kategorierne gør mere end streger og rammer.

## Farver og baggrunde til menuskærme

En skærm er en lyskilde. En hvid baggrund i fuld lysstyrke lyser hele rummet op, vasker ordene ud og trætter øjnene. En dyb, dæmpet baggrund med lys tekst gør menuen til det lyseste på væggen, og det er der, du vil have opmærksomheden. [Design til dark mode](https://gradiently.design/da/guide/dark-mode-design) dækker samme princip for apps.

- Kafferisteri: espressobrun, varmt hjørne: `radial-gradient(circle at 85% 15%, #7a3b1d 0%, #2a140b 45%, #120906 85%)`
- Bar: flaskegrøn, dæmpet lys: `radial-gradient(circle at 15% 85%, #1f5f55 0%, #0e2b27 45%, #071311 85%)`
- Sen aften: blæk til blomme: `linear-gradient(160deg, #1b1830 0%, #2d2350 55%, #4a2a52 100%)`

Mørke bunde med ét varmt område holdt væk fra priserne. Hver kan kopieres ind i et skærmdesign eller en webmenu.

- Espressobund: #120906
- Ristning: #7a3b1d
- Mælketekst: #f3e7d8
- Cremaaccent: #e9a23b
- Salviemærke: #a7b8a0

En komplet palet til menuskærmen: bund, én mellemtone, varm råhvid til tekst, én accent til dagens tilbud og en rolig farve til kostmærker.

Brug kun accenten til én ting, som regel dagens tilbud eller det, du helst vil sælge. Er alt fremhævet, er intet. Tjek kontrasten mod de mørkeste og lyseste dele af baggrunden, ikke kun midten; [farvekontrast og tilgængelighed](https://gradiently.design/da/guide/color-contrast-accessibility) forklarer hvordan.

## Bevægelse på en digital menuskærm

Bevægelse er det, skærme kan, og tryk ikke kan, og det fanger folk, der kigger op fra deres telefon. Hold den i baggrunden: en langsom drift af farve, lys, der bevæger sig hen over overfladen, et tilbud, der glider ind én gang pr. loop. Navne på retter og priser må aldrig bevæge sig, for folk læser dem over flere sekunder.

### Undgå

- Rullende eller glidende priser
- Hurtige skift mellem skærme med få sekunders mellemrum
- Blinkende »Tilbud«-mærker
- En video så travl, at teksten skal stå i en boks

### Gør

- Et langsomt baggrundsloop under stillestående ord
- Skærme, der bliver stående i 15 sekunder eller mere, hvis de skifter
- Ét tilbud, der animeres ind og derefter står stille
- Et loop, der samles uden et synligt hop

En blidt bevægende baggrund har også en praktisk fordel: Et helt statisk billede, der står tændt tolv timer om dagen, kan efterlade et svagt spøgelsesbillede på nogle skærme, især OLED-paneler. Eksportér loopet som MP4, som næsten alle tv og skiltningsafspillere accepterer fra en USB-nøgle eller app. [Video i sømløst loop](https://gradiently.design/da/guide/seamless-loop-video) viser, hvordan du gør samlingen usynlig, og [animerede gradientbaggrunde](https://gradiently.design/da/guide/animated-gradient-background) har idéer til selve bevægelsen.

## Sådan sætter du en menuskærm op fra start til skærm

1. **Skriv menuen først** Skær den ned til det, der sælger. Gruppér den i kategorier på otte til tolv ting, én kategori pr. skærm.
2. **Vælg layoutet én gang** Overskrift øverst til venstre, retter i en kolonne, priser højrestillet. Brug samme layout på hver skærm, så folk lærer det.
3. **Design i skærmens størrelse** 1920×1080 eller 1080×1920 med en margen på 60 px og en mørk baggrund.
4. **Test fra køen** Sæt det på den rigtige skærm i den rigtige lysstyrke, og læs det fra der, hvor kunderne står.
5. **Eksportér og læg ind** PNG til stillestående skærme, MP4 til bevægelige. Navngiv filerne efter skærm og dato, så den rigtige kommer op.

## Sådan holder du priser og tilbud opdaterede

Pointen med en skærm er, at den kan ændres. Hav ét masterdesign pr. skærm, og skift kun ordene, så en prisstigning eller en ny sæsondrik tager minutter, og looket aldrig glider. Morgen- og aftenmenuer kan være to versioner af ét design, der skiftes på en timer, hvis din afspiller understøtter planlægning. Trykte menukort, bordkort og vinduet skal bruge de samme skrifttyper og den samme baggrund; [design af menukort](https://gradiently.design/da/guide/restaurant-menu-design) dækker den trykte side.

En liggende menuskærm med overskriften Morgenmad, serveret indtil 11,30, med to retter og priser

Morgenversionen af skærmen.

En liggende menuskærm med overskriften Spritz-time fra kl. 17 med tre drikke og priser

Det samme layout om aftenen med en anden baggrund.

Studio i Gradiently har menuskabeloner, der bærer din egen Mark, så baggrunden er unik for dit sted og selv giver plads til ordene. Med Pro kan du eksportere bevægelige skærme som MP4 i op til 4K og holde priserne i et regneark: [Massoprettelse](https://gradiently.design/da/guide/bulk-create-from-spreadsheet) udfylder hver skærms tekst og tabeller derfra, hvilket passer til en kæde, der kører samme menu flere steder.

## FAQ

### Hvilken størrelse skal en digital menuskærm have?

Design i 1920×1080 til et liggende tv eller 1080×1920 til en skærm, der er monteret på højkant. Brug kun 3840×2160, hvis din skærm og afspiller kan håndtere 4K-filer.

### Hvor stor skal teksten være på en menuskærm?

Det afhænger af skærmstørrelse og afstand, så test fra bagerst i køen. På et design, der er 1080 pixels højt, er navne på retter omkring 56 til 72 pixels et fornuftigt udgangspunkt.

### Skal en digital menuskærm have mørk eller lys baggrund?

Mørk virker som regel bedst. Den mindsker genskin i rummet og gør lys tekst til det lyseste på skærmen.

### Hvilket filformat bruger menuskærme?

PNG eller JPG til stillestående skærme og MP4 til bevægelige. Næsten alle smart-tv og skiltningsafspillere afspiller MP4 fra en USB-nøgle eller app.

### Skal en menuskærm være animeret?

Blid bevægelse i baggrunden hjælper den med at fange blikket, men hold navne på retter og priser stille, så folk kan læse dem.