# Menu digital sur écran : l’affichage qui fait vendre

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

Un écran de menu se lit depuis le fond de la file, en quelques secondes, par quelqu’un qui décide de ce qu’il dépense. Presque tous les choix de design en changent. Voici comment en construire un qui se lit, qui vend et qui ressemble encore à votre lieu.

## The short version

- La plupart des menus digitaux sont de simples télévisions : concevez en 1920×1080 pour un écran paysage ou en 1080×1920 pour un écran monté à la verticale.
- Le texte d’un écran de menu se juge depuis l’endroit où les clients se tiennent, souvent le fond de la file, pas depuis l’éditeur.
- Un fond sombre avec un texte clair convient aux écrans de menu : il réduit les reflets et fait des mots l’élément le plus lumineux.
- Le mouvement d’un écran de menu doit rester à l’arrière-plan ; les prix et les noms des produits doivent rester immobiles.
- Répartir un long menu sur plusieurs écrans, ou le faire défiler lentement, se lit mieux que de tout réduire sur un seul.

Un **menu digital** est un menu conçu pour un écran, généralement une télévision standard en 1920×1080, lu à plusieurs mètres par des gens qui décident vite. Concevez-le comme une enseigne plutôt que comme un menu imprimé : moins de produits par écran, des caractères plus grands, un fond sombre et calme, des prix alignés dans une colonne et du mouvement seulement derrière les mots. L’écran vend le mieux quand un client trouve sa boisson et son prix avant d’arriver à la caisse.

Écran de menu de café en paysage intitulé Café, avec une courte liste de boissons et de prix

Une catégorie par écran en 1920×1080. Le titre est l’élément le plus grand ; les prix s’alignent.

## Formats d’un menu digital

Presque tous les écrans de menu sont des télévisions ou des écrans professionnels avec la même dalle 16:9. Concevez dans la résolution native de l’écran pour que rien ne soit mis à l’échelle, ce qui garde le petit texte net. Un écran 4K affichera proprement un design 1920×1080 en double taille, mais concevoir en 3840×2160 donne une typographie plus fine si votre écran et votre lecteur le gèrent.

- Écran paysage 1920×1080: 1920 × 1080
- Écran portrait 1080×1920: 1080 × 1920
- Trois écrans côte à côte 5760×1080: 5760 × 1080

Le paysage convient au mur au-dessus d’un comptoir ; le portrait à un pilier ou à une vitrine. Une rangée de trois se conçoit comme une seule toile large, découpée en trois fichiers.

Si vous montez un écran à la verticale, vérifiez que l’écran ou le lecteur sait pivoter sa sortie. Sinon, exportez le design en portrait et faites pivoter le fichier d’un quart de tour avant de le charger.

## Rendre un écran de menu lisible depuis la file

Il n’existe pas de minimum universel, car cela dépend de la taille de l’écran et de la distance. Le test fiable est physique : mettez le design sur l’écran réel, allez au fond de la file et lisez-le. Si vous plissez les yeux, c’est trop petit ou trop chargé. Comme point de départ pour un design 1920×1080 sur un écran de comptoir typique :

| Élément | Taille de départ sur 1080 px de haut | Remarques |
| --- | --- | --- |
| Titre de catégorie | 96 à 140 px | Un par écran, deux au plus |
| Nom du produit | 56 à 72 px | Minuscules avec majuscule initiale se lisent plus vite que les capitales |
| Prix | Comme le nom du produit | Aligné à droite dans une colonne, sans symbole monétaire si c’est évident |
| Description | 32 à 40 px | Une courte ligne ou aucune |
| Étiquettes allergènes ou régime | 28 à 32 px | Des lettres comme V ou GF, expliquées une fois à l’écran |

Des points de départ à tester sur votre écran, pas des règles. Les grands écrans et les files courtes peuvent descendre plus bas.

- **Huit à douze produits par écran** suffisent. Au-delà, personne ne trouve rien.
- **Choisissez une seule police aux chiffres nets.** Les prix se lisent plus que les noms. [Les polices pour les réseaux sociaux](https://gradiently.design/fr/guide/fonts-for-social-media) liste des polices qui restent nettes de loin.
- **Laissez une large marge.** Certaines télévisions rognent un peu les bords ; gardez le texte à au moins 60 px de chaque côté.
- **Groupez, n’encadrez pas.** L’espace entre les catégories fait plus que les traits et les cadres.

## Couleurs et fonds pour écrans de menu

Un écran est une source de lumière. Un fond blanc à pleine luminosité éclaire toute la pièce, délave les mots et fatigue l’œil. Un fond profond et sombre avec un texte clair fait du menu l’élément le plus lumineux du mur, là où vous voulez l’attention. [Le design en mode sombre](https://gradiently.design/fr/guide/dark-mode-design) traite du même principe pour les applications.

- Torréfacteur : brun espresso, coin chaud: `radial-gradient(circle at 85% 15%, #7a3b1d 0%, #2a140b 45%, #120906 85%)`
- Bar : vert bouteille, lumière basse: `radial-gradient(circle at 15% 85%, #1f5f55 0%, #0e2b27 45%, #071311 85%)`
- Fin de soirée : de l’encre à la prune: `linear-gradient(160deg, #1b1830 0%, #2d2350 55%, #4a2a52 100%)`

Des fonds sombres avec une zone chaude tenue à l’écart des prix. Chacun peut être copié dans un design d’écran ou un menu web.

- Fond espresso: #120906
- Torréfaction: #7a3b1d
- Texte lait: #f3e7d8
- Accent crema: #e9a23b
- Étiquette sauge: #a7b8a0

Une palette complète d’écran de menu : fond, un ton moyen, un blanc cassé chaud pour le texte, un accent pour les plats du jour et une couleur discrète pour les étiquettes de régime.

N’utilisez l’accent que pour une seule chose, généralement le plat du jour ou le produit que vous voulez le plus vendre. Si tout est mis en avant, rien ne l’est. Vérifiez le contraste sur les parties les plus sombres et les plus claires du fond, pas seulement au milieu ; [le contraste des couleurs et l’accessibilité](https://gradiently.design/fr/guide/color-contrast-accessibility) explique comment.

## Le mouvement sur un menu digital

Le mouvement est ce que les écrans savent faire et pas le papier, et il attire les gens qui lèvent les yeux de leur téléphone. Gardez-le à l’arrière-plan : une lente dérive de couleur, une lumière qui traverse la surface, un plat du jour qui apparaît une fois par boucle. Les noms et les prix ne doivent jamais bouger, car on les lit pendant plusieurs secondes.

### À éviter

- Des prix qui défilent ou glissent
- Des coupes rapides entre écrans toutes les quelques secondes
- Des pastilles « Plat du jour » clignotantes
- Une vidéo si chargée que le texte doit être dans un cadre

### À faire

- Une boucle de fond lente sous des mots immobiles
- Des écrans qui restent 15 secondes ou plus s’ils tournent
- Un plat du jour qui s’anime puis se pose
- Une boucle qui se raccorde sans saut visible

Un fond doucement animé a aussi un intérêt pratique : une image totalement fixe laissée douze heures par jour peut laisser une légère rémanence sur certains écrans, surtout les dalles OLED. Exportez la boucle en MP4, accepté par presque toutes les télévisions et tous les lecteurs d’affichage depuis une clé USB ou une application. [La vidéo en boucle parfaite](https://gradiently.design/fr/guide/seamless-loop-video) montre comment rendre le raccord invisible et [les fonds dégradés animés](https://gradiently.design/fr/guide/animated-gradient-background) donne des idées pour le mouvement lui-même.

## Mettre en place un menu digital, du début à l’écran

1. **Écrivez d’abord le menu** Réduisez-le à ce qui se vend. Groupez-le en catégories de huit à douze produits, une catégorie par écran.
2. **Choisissez la mise en page une fois** Titre en haut à gauche, produits en colonne, prix alignés à droite. Gardez la même mise en page sur chaque écran pour que les gens l’apprennent.
3. **Concevez à la taille de l’écran** 1920×1080 ou 1080×1920, avec une marge de 60 px et un fond sombre.
4. **Testez depuis la file** Mettez-le sur l’écran réel, à la luminosité réelle, et lisez-le depuis l’endroit où les clients se tiennent.
5. **Exportez et chargez** PNG pour les écrans fixes, MP4 pour les écrans animés. Nommez les fichiers par écran et par date pour que le bon s’affiche.

## Garder prix et plats du jour à jour

L’intérêt d’un écran est qu’il peut changer. Gardez un design maître par écran et ne changez que les mots : une hausse de prix ou une nouvelle boisson de saison prend quelques minutes et l’aspect ne dérive jamais. Les menus du petit-déjeuner et du soir peuvent être deux versions d’un même design, échangées par minuteur si votre lecteur gère la programmation. Menus imprimés, cartes de table et vitrine doivent partager polices et fond ; [le design de menu de restaurant](https://gradiently.design/fr/guide/restaurant-menu-design) traite du côté imprimé.

Écran de menu en paysage intitulé Petit-déjeuner, servi jusqu’à 11,30, avec deux plats et leurs prix

La version du matin du menu.

Écran de menu en paysage intitulé Heure du spritz dès 17 h avec trois boissons et leurs prix

La même mise en page le soir, avec un autre fond.

Le Studio de Gradiently propose des modèles de menu qui portent votre propre Mark : le fond est unique à votre lieu et fait de la place aux mots tout seul. Avec Pro, vous exportez les menus animés en MP4 jusqu’en 4K et gardez les prix dans un tableur : [la création en lot](https://gradiently.design/fr/guide/bulk-create-from-spreadsheet) remplit à partir de lui le texte et les tableaux de chaque écran, ce qui convient à un groupe qui propose le même menu sur plusieurs sites.

## FAQ

### Quelle taille pour un menu digital ?

Concevez en 1920×1080 pour une télévision paysage, ou en 1080×1920 pour un écran monté à la verticale. N’utilisez 3840×2160 que si votre écran et votre lecteur gèrent les fichiers 4K.

### Quelle taille de texte sur un écran de menu ?

Cela dépend de la taille de l’écran et de la distance : testez depuis le fond de la file. Sur un design de 1080 pixels de haut, des noms de produits d’environ 56 à 72 pixels sont un point de départ raisonnable.

### Un menu digital doit-il avoir un fond sombre ou clair ?

Le sombre marche généralement mieux. Il réduit les reflets dans la pièce et fait du texte clair l’élément le plus lumineux de l’écran.

### Quel format de fichier pour les écrans de menu ?

PNG ou JPG pour les menus fixes et MP4 pour les menus animés. Presque toutes les télévisions connectées et tous les lecteurs d’affichage lisent le MP4 depuis une clé USB ou une application.

### Un menu digital doit-il être animé ?

Un léger mouvement de fond aide à attirer l’œil, mais gardez les noms et les prix immobiles pour qu’on puisse les lire.