# Menu board digitali: schermi che vendono in caffè e bar

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

Lo schermo del menu si legge dal fondo della coda, in pochi secondi, da chi sta decidendo cosa spendere. Questo cambia quasi ogni scelta di design. Ecco come farne uno che si legge, vende e somiglia comunque al tuo locale.

## The short version

- La maggior parte dei menu board digitali sono normali TV, quindi progetta a 1920×1080 per uno schermo orizzontale o a 1080×1920 per uno montato in verticale.
- Il testo di un menu board va valutato da dove stanno davvero i clienti, di solito il fondo della coda, non dall’editor dello schermo.
- Sfondi scuri con testo chiaro si adattano agli schermi dei menu perché riducono i riflessi e fanno delle parole la cosa più luminosa in vista.
- Il movimento su un menu board deve restare sullo sfondo; nomi dei prodotti e prezzi devono stare fermi.
- Dividere un menu lungo su più schermi, o farlo ruotare lentamente, si legge meglio che rimpicciolire tutto su uno solo.

Un **menu board digitale** è un menu progettato per uno schermo, di solito una normale TV a 1920×1080, e letto da diversi metri di distanza da persone che decidono in fretta. Progettalo come un’insegna più che come un menu stampato: meno voci per schermo, caratteri più grandi, uno sfondo scuro e calmo, prezzi allineati in un’unica colonna e movimento solo dietro le parole. Lo schermo vende meglio quando un cliente riesce a trovare la sua bevanda e il suo prezzo prima di arrivare alla cassa.

Uno schermo orizzontale del menu di un caffè con il titolo Caffè e un breve elenco di bevande con i prezzi

Una categoria per schermo a 1920×1080. Il titolo è la cosa più grande; i prezzi sono allineati.

## Le dimensioni di un menu board digitale

Quasi ogni schermo del menu è una TV o un display professionale con lo stesso pannello 16:9. Progetta alla risoluzione nativa dello schermo, così nulla viene scalato e il testo piccolo resta nitido. Uno schermo 4K mostra un design 1920×1080 pulito al doppio delle dimensioni, anche se progettare a 3840×2160 dà caratteri più fini se lo schermo e il lettore lo supportano.

- Schermo orizzontale 1920×1080: 1920 × 1080
- Schermo verticale 1080×1920: 1080 × 1920
- Tre schermi in fila 5760×1080: 5760 × 1080

L’orizzontale va bene per la parete sopra un bancone; il verticale per un pilastro o una vetrina. Una fila di tre si progetta come un’unica tela larga e si divide in tre file.

Se monti uno schermo in verticale, controlla che lo schermo o il lettore possano ruotare l’uscita. Se non possono, esporta il design verticale e ruota il file di un quarto di giro prima di caricarlo.

## Rendere leggibile lo schermo del menu dalla coda

Non esiste un minimo universale, perché dipende dalle dimensioni dello schermo e dalla distanza. La prova affidabile è fisica: metti il design sullo schermo vero, vai in fondo alla coda e leggilo. Se strizzi gli occhi, è troppo piccolo o troppo affollato. Come punto di partenza per un design 1920×1080 su un tipico schermo da bancone:

| Elemento | Dimensione su 1080 px di altezza | Note |
| --- | --- | --- |
| Titolo della categoria | Da 96 a 140 px | Uno per schermo, o due al massimo |
| Nome del prodotto | Da 56 a 72 px | Il minuscolo con l’iniziale maiuscola si legge più in fretta del maiuscolo |
| Prezzo | Come il nome del prodotto | Allineato a destra in un’unica colonna, il simbolo della valuta non serve se è ovvio |
| Descrizione | Da 32 a 40 px | Una riga breve o nessuna |
| Etichette per allergeni o diete | Da 28 a 32 px | Usa lettere come V o SG, spiegate una volta sullo schermo |

Punti di partenza da provare sul tuo schermo, non regole. Schermi più grandi e code più corte possono andare più piccoli.

- **Da otto a dodici voci per schermo** sono più che sufficienti. Di più e nessuno trova niente.
- **Scegli un solo carattere con numeri chiari.** I prezzi si leggono più dei nomi. I [caratteri per i social](https://gradiently.design/it/guide/fonts-for-social-media) elencano quelli che restano chiari da lontano.
- **Lascia un ampio margine.** Alcune TV ritagliano un po’ i bordi; tieni il testo ad almeno 60 px da ogni lato.
- **Raggruppa, non incorniciare.** Lo spazio tra le categorie fa più di linee e riquadri.

## Colori e sfondi per gli schermi dei menu

Uno schermo è una sorgente di luce. Uno sfondo bianco alla massima luminosità abbaglia tutta la stanza, scolorisce le parole e stanca l’occhio. Uno sfondo profondo e basso con testo chiaro fa del menu la cosa più luminosa della parete, che è dove vuoi l’attenzione. Il [design in modalità scura](https://gradiently.design/it/guide/dark-mode-design) tratta lo stesso principio per le app.

- Torrefazione: marrone, angolo caldo: `radial-gradient(circle at 85% 15%, #7a3b1d 0%, #2a140b 45%, #120906 85%)`
- Bar: verde bottiglia, luce bassa: `radial-gradient(circle at 15% 85%, #1f5f55 0%, #0e2b27 45%, #071311 85%)`
- Notte fonda: dall’inchiostro alla prugna: `linear-gradient(160deg, #1b1830 0%, #2d2350 55%, #4a2a52 100%)`

Fondi scuri con una zona calda tenuta lontano dai prezzi. Ognuno si può copiare in un design per schermo o in un menu web.

- Fondo espresso: #120906
- Tostatura: #7a3b1d
- Testo latte: #f3e7d8
- Accento crema: #e9a23b
- Etichetta salvia: #a7b8a0

Una palette completa per un menu board: fondo, un tono medio, bianco caldo per il testo, un accento per le offerte e un colore discreto per le etichette delle diete.

Usa l’accento per una cosa sola, di solito l’offerta del giorno o il prodotto che vuoi vendere di più. Se tutto è evidenziato, niente lo è. Controlla il contrasto sulle parti più scure e più chiare dello sfondo, non solo al centro; il [contrasto dei colori e l’accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility) spiegano come.

## Il movimento su un menu board digitale

Il movimento è ciò che gli schermi sanno fare e la carta no, e attira chi alza gli occhi dal telefono. Tienilo sullo sfondo: una lenta deriva di colore, la luce che attraversa la superficie, un’offerta che sale una volta per ciclo. Nomi dei prodotti e prezzi non devono mai muoversi, perché la gente li legge in diversi secondi.

### Da evitare

- Prezzi che scorrono o scivolano
- Stacchi veloci tra gli schermi ogni pochi secondi
- Badge «Offerta» lampeggianti
- Un video così affollato che il testo deve stare in un riquadro

### Da fare

- Un lento ciclo di sfondo sotto parole ferme
- Schermate che restano 15 secondi o più se ruotano
- Un’offerta che entra animata e poi si ferma
- Un ciclo che si ricongiunge senza salto visibile

Uno sfondo con un movimento dolce ha anche un vantaggio pratico: un’immagine del tutto statica lasciata accesa dodici ore al giorno può lasciare un debole fantasma su alcuni schermi, soprattutto i pannelli OLED. Esporta il ciclo in MP4, che quasi ogni TV e lettore per insegne accetta da una chiavetta USB o da un’app. Il [video in loop perfetto](https://gradiently.design/it/guide/seamless-loop-video) mostra come rendere invisibile la giunzione e gli [sfondi con sfumature animate](https://gradiently.design/it/guide/animated-gradient-background) hanno idee per il movimento stesso.

## Come allestire un menu board dall’inizio allo schermo

1. **Scrivi prima il menu** Riducilo a ciò che vende. Raggruppalo in categorie da otto a dodici voci, una categoria per schermo.
2. **Scegli una volta l’impaginazione** Titolo in alto a sinistra, voci in colonna, prezzi allineati a destra. Usa la stessa impaginazione su ogni schermo così la gente la impara.
3. **Progetta alle dimensioni dello schermo** 1920×1080 o 1080×1920, con un margine di 60 px e uno sfondo scuro.
4. **Prova dalla coda** Mettilo sullo schermo vero alla luminosità vera e leggilo da dove stanno i clienti.
5. **Esporta e carica** PNG per gli schermi fissi, MP4 per quelli in movimento. Dai ai file un nome con schermo e data così sale quello giusto.

## Tenere aggiornati prezzi e offerte

Il senso di uno schermo è che può cambiare. Tieni un design principale per schermo e cambia solo le parole, così un aumento di prezzo o una nuova bevanda di stagione richiede pochi minuti e lo stile non si sfalda. I menu della colazione e della sera possono essere due versioni di un solo design, scambiate con un timer se il tuo lettore supporta la programmazione. Menu stampati, cartoncini da tavolo e vetrina devono usare gli stessi caratteri e lo stesso sfondo; il [design del menu di un ristorante](https://gradiently.design/it/guide/restaurant-menu-design) tratta la parte stampata.

Uno schermo orizzontale del menu con il titolo Colazione, servita fino alle 11:30, con due piatti e i prezzi

La versione del mattino del menu board.

Uno schermo orizzontale del menu con il titolo Ora dello spritz dalle 17:00 con tre bevande e i prezzi

La stessa impaginazione alla sera, con uno sfondo diverso.

Lo Studio di Gradiently ha template di menu che indossano il tuo Mark, così lo sfondo è unico per il tuo locale e fa spazio da solo alle parole. Con Pro puoi esportare i menu board in movimento come MP4 fino al 4K e tenere i prezzi in un foglio di calcolo: la [creazione in blocco](https://gradiently.design/it/guide/bulk-create-from-spreadsheet) riempie da lì i testi e le tabelle di ogni schermo, il che va bene per un gruppo che gestisce lo stesso menu in più sedi.

## FAQ

### Di che dimensioni deve essere un menu board digitale?

Progetta a 1920×1080 per una TV orizzontale, o a 1080×1920 per uno schermo montato in verticale. Usa 3840×2160 solo se lo schermo e il lettore gestiscono file 4K.

### Quanto deve essere grande il testo su uno schermo del menu?

Dipende dalle dimensioni dello schermo e dalla distanza, quindi prova dal fondo della coda. Su un design alto 1080 pixel, nomi dei prodotti attorno ai 56 o 72 pixel sono un punto di partenza sensato.

### Un menu board digitale deve avere lo sfondo scuro o chiaro?

Di solito lo scuro funziona meglio. Riduce i riflessi nel locale e fa del testo chiaro la cosa più luminosa sullo schermo.

### Quale formato di file usano gli schermi dei menu?

PNG o JPG per i menu board fissi e MP4 per quelli in movimento. Quasi ogni smart TV e lettore per insegne riproduce MP4 da una chiavetta USB o da un’app.

### Un menu board deve essere animato?

Un movimento dolce sullo sfondo aiuta a catturare l’occhio, ma tieni fermi nomi e prezzi così la gente può leggerli.