# Digitale menytavler: skjermer som selger i kaféer og barer

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

En menyskjerm leses bakerst i køen, på noen sekunder, av noen som bestemmer hva de skal bruke penger på. Det endrer nesten alle designvalg. Her bygger du en som er leselig, selger og fortsatt ligner stedet ditt.

## The short version

- De fleste digitale menytavler er vanlige TV-er, så lag designet i 1920×1080 for en liggende skjerm eller 1080×1920 for en som henger på siden.
- Tekst på menytavler bør vurderes fra der kundene faktisk står, vanligvis bakerst i køen, ikke i designverktøyet.
- Mørke bakgrunner med lys tekst passer menyskjermene fordi de reduserer blending og gjør ordene til det lyseste i synsfeltet.
- Bevegelse på en menytavle bør holdes i bakgrunnen; priser og varenavn bør stå stille.
- Å fordele en lang meny over flere skjermer eller veksle langsomt er lettere å lese enn å krympe alt inn på én.

En **digital menytavle** er en meny laget for en skjerm, vanligvis en standard-TV i 1920×1080, og lest fra flere meters avstand av folk som bestemmer seg raskt. Lag den som et skilt fremfor en trykt meny: færre varer per skjerm, større tekst, en mørk og rolig bakgrunn, priser samlet i én kolonne og bevegelse bare bak ordene. Skjermen selger best når kunden finner drikken og prisen før de når kassen.

En liggende kafémenyskjerm med overskriften Kaffe og en kort liste med drikker og priser

Én kategori per skjerm i 1920×1080. Overskriften er størst; prisene står på linje.

## Størrelser for digitale menytavler

Nesten alle menyskjermene er TV-er eller kommersielle skjermer med samme 16:9-panel. Lag designet i skjermens opprinnelige oppløsning så ingenting skaleres; det holder liten tekst skarp. En 4K-skjerm viser et 1920×1080-design rent i dobbel størrelse, men design i 3840×2160 gir finere tekst hvis skjerm og avspiller støtter det.

- Liggende skjerm 1920×1080: 1920 × 1080
- Stående skjerm 1080×1920: 1080 × 1920
- Tre skjermer på rad 5760×1080: 5760 × 1080

Liggende passer på veggen over disken; stående passer på en søyle eller i et vindu. En rad med tre skjermer lages som ett bredt lerret og deles i tre filer.

Hvis du monterer en skjerm på siden, sjekk at skjermen eller avspilleren kan rotere bildet. Hvis ikke, eksporter det stående designet og roter filen en kvart omdreining før du laster den inn.

## Gjør menyskjermen leselig fra køen

Det finnes ingen universell minstestørrelse, fordi det avhenger av skjermstørrelse og avstand. Den pålitelige testen er fysisk: vis designet på den faktiske skjermen, gå bakerst i køen og les det. Må du myse, er det for lite eller for tett. Her er et utgangspunkt for et design i 1920×1080 på en vanlig skjerm over disken:

| Element | Startstørrelse ved 1080 px høyde | Merknader |
| --- | --- | --- |
| Kategorioverskrift | 96 til 140 px | Én per skjerm, eller høyst to |
| Varenavn | 56 til 72 px | Vanlig setningsform leses raskere enn bare store bokstaver |
| Pris | Samme som varenavn | Høyrejustert i én kolonne, uten valutasymbol hvis valutaen er åpenbar |
| Beskrivelse | 32 til 40 px | Én kort linje eller ingen |
| Allergen- eller kostholdsmerking | 28 til 32 px | Bruk bokstaver som V eller GF, forklart én gang på skjermen |

Utgangspunkter å teste på egen skjerm, ikke regler. Større skjermer og kortere køer tillater mindre tekst.

- **Åtte til tolv varer per skjerm** er nok. Flere enn det, så finner ingen noe.
- **Velg én skrifttype med tydelige tall.** Priser leses mer enn navn. [Skrifttyper for sosiale medier](https://gradiently.design/nb/guide/fonts-for-social-media) lister skrifter som holder seg tydelige på avstand.
- **La margen være bred.** Noen TV-er beskjærer kantene litt; hold teksten minst 60 px innenfor hver side.
- **Grupper, ikke sett i bokser.** Luft mellom kategorier gjør mer enn linjer og rammer.

## Farger og bakgrunner til menyskjermene

En skjerm er en lyskilde. En hvit bakgrunn med full lysstyrke lyser opp rommet, vasker ut ordene og sliter på øynene. En dyp, dempet bakgrunn med lys tekst gjør menyen til det lyseste på veggen, der du ønsker oppmerksomhet. [Design for mørk modus](https://gradiently.design/nb/guide/dark-mode-design) dekker samme prinsipp for apper.

- Brenneri: espressobrun, varmt hjørne: `radial-gradient(circle at 85% 15%, #7a3b1d 0%, #2a140b 45%, #120906 85%)`
- Bar: flaskegrønn, dempet lys: `radial-gradient(circle at 15% 85%, #1f5f55 0%, #0e2b27 45%, #071311 85%)`
- Sen kveld: blekk til plomme: `linear-gradient(160deg, #1b1830 0%, #2d2350 55%, #4a2a52 100%)`

Mørke bakgrunner med ett varmt område unna prisene. Hver kan kopieres inn i et skjermdesign eller en nettmeny.

- Espressobakgrunn: #120906
- Brent kaffe: #7a3b1d
- Melkehvit tekst: #f3e7d8
- Crema-aksent: #e9a23b
- Salviegrønn merking: #a7b8a0

En full menytavlepalett: bakgrunn, én mellomtone, varm offwhite til tekst, én aksent til dagens spesial og en rolig farge til kostholdsmerking.

Bruk aksenten til bare én ting, vanligvis dagens spesial eller varen du helst vil selge. Hvis alt er fremhevet, er ingenting det. Sjekk kontrasten mot de mørkeste og lyseste delene av bakgrunnen, ikke bare midten; [fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer hvordan.

## Bevegelse på en digital menytavle

Bevegelse er noe skjerm kan gjøre som trykk ikke kan, og den fanger folk som løfter blikket fra telefonen. Hold den i bakgrunnen: langsom fargedrift, lys som beveger seg over flaten eller dagens spesial som kommer inn én gang per sløyfe. Varenavn og priser bør aldri bevege seg, fordi folk leser dem over flere sekunder.

### Unngå

- Priser som ruller eller glir
- Raske skift mellom skjermer med få sekunders mellomrom
- Blinkende «Dagens spesial»-merker
- En så urolig video at teksten må stå i en boks

### Gjør dette

- En langsom bakgrunnssløyfe under stillestående ord
- Skjermer som vises i minst 15 sekunder hvis de veksler
- Én spesial som animeres inn og deretter står stille
- En sløyfe som møtes uten et synlig hopp

En bakgrunn med rolig bevegelse har også en praktisk fordel: et helt statisk bilde som står på tolv timer om dagen, kan etterlate en svak innbrenning på noen skjermer, særlig OLED-paneler. Eksporter sløyfen som MP4, som nesten alle TV-er og skiltavspillere godtar fra en USB-pinne eller app. [Sømløs videosløyfe](https://gradiently.design/nb/guide/seamless-loop-video) viser hvordan du skjuler overgangen, og [animerte gradientbakgrunner](https://gradiently.design/nb/guide/animated-gradient-background) har ideer til selve bevegelsen.

## Slik setter du opp en menytavle fra start til skjerm

1. **Skriv menyen først** Kutt til det som selger. Grupper i kategorier med åtte til tolv varer, én kategori per skjerm.
2. **Velg oppsettet én gang** Overskrift øverst til venstre, varer i en kolonne og priser høyrejustert. Bruk samme oppsett på alle skjermer så folk lærer det.
3. **Lag designet i skjermens størrelse** 1920×1080 eller 1080×1920, med 60 px marg og mørk bakgrunn.
4. **Test fra køen** Vis det på den faktiske skjermen med faktisk lysstyrke, og les fra der kundene står.
5. **Eksporter og last inn** PNG til stillbilder, MP4 til bevegelige skjermer. Navngi filer etter skjerm og dato så riktig fil vises.

## Hold priser og dagens spesial oppdatert

Poenget med en skjerm er at den kan endres. Behold ett originaldesign per skjerm og endre bare ordene, så en prisøkning eller ny sesongdrikk tar minutter og uttrykket holder seg stabilt. Frokost- og kveldsmenyer kan være to versjoner av ett design, byttet etter klokkeslett hvis avspilleren støtter planlegging. Trykte menyer, bordkort og vinduet bør bruke samme skrifttyper og bakgrunn; [restaurantmenydesign](https://gradiently.design/nb/guide/restaurant-menu-design) dekker den trykte delen.

En liggende menyskjerm med overskriften Frokost, servert til 11,30, med to retter og priser

Morgenversjonen av tavlen.

En liggende menyskjerm med overskriften Spritz-timen fra klokken 17, med tre drikker og priser

Samme oppsett om kvelden, med en annen bakgrunn.

Studio i Gradiently har menymaler som bruker din egen Mark, så bakgrunnen er unik for stedet og gir plass til ordene automatisk. Med Pro kan du eksportere bevegelige tavler som MP4 opptil 4K og holde prisene i et regneark: [Opprett i serie](https://gradiently.design/nb/guide/bulk-create-from-spreadsheet) fyller tekst og tabeller på hver skjerm fra det. Det passer en virksomhet som bruker samme meny på flere steder.

## FAQ

### Hvilken størrelse bør en digital menytavle ha?

Lag designet i 1920×1080 til en liggende TV eller 1080×1920 til en skjerm montert på siden. Bruk 3840×2160 bare hvis skjerm og avspiller håndterer 4K-filer.

### Hvor stor bør teksten være på en menyskjerm?

Det avhenger av skjermstørrelse og avstand, så test bakerst i køen. På et design som er 1080 piksler høyt, er varenavn på rundt 56 til 72 piksler et fornuftig utgangspunkt.

### Bør en digital menytavle ha mørk eller lys bakgrunn?

Mørk fungerer vanligvis bedre. Det reduserer blending i rommet og gjør lys tekst til det lyseste på skjermen.

### Hvilket filformat bruker menyskjermene?

PNG eller JPG til stillbilder og MP4 til bevegelige tavler. Nesten alle smart-TV-er og skiltavspillere spiller MP4 fra en USB-pinne eller app.

### Bør en menytavle være animert?

Rolig bakgrunnsbevegelse hjelper den å fange blikket, men hold varenavn og priser stille så folk kan lese dem.