# Ravintolan ruokalistan suunnittelu: asettelu ja painokoot

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

Ruokalistaa luetaan hämärässä ja nälkäisenä suunnilleen veden kaatamisen ajan. Näin sommittelet sen helposti luettavaksi, siististi painettavaksi ja muiden julkaisujesi kanssa yhtenäiseksi.

## The short version

- Hyvä ravintolan ruokalistan suunnittelu seuraa ruokailujärjestystä, antaa osioille selkeät otsikot ja esittää annoksesta nimen, lyhyen kuvauksen ja hinnan.
- Hinnat on helpoin lukea kuvauksen perässä samalla fontilla. Erillinen hintasarake houkuttelee etsimään halvinta annosta.
- Painetun ruokalistan leipätekstin pitäisi olla kynttilänvalossa luettavaa, yleensä noin 11-12 pistettä reilulla rivivälillä.
- 300 dpi:n tarkkuudella A4-ruokalista on 2480×3508 pikseliä, A3 3508×4961 ja US Letter 2550×3300. Lisää leikkuuvara, jos väri ulottuu reunaan.
- QR-ruokalistan pitäisi olla puhelimelle sopiva sivu painetun listan ilmeellä, ei valokuva paperiversiosta.

Hyvä **ravintolan ruokalistan suunnittelu** tiivistyy kolmeen asiaan: aterian mukaiseen järjestykseen, hämärässä luettavaan tekstiin ja hintoihin, joiden edellä annos arvioidaan. Jaa annokset muutamaan selkeään osioon. Anna kullekin nimi, lyhyt kuvaus ja hinta sekä riittävästi tilaa. Painata lista oikeassa koossa ja anna QR-versiolle sama ilme. Alla kunkin vaiheen yksityiskohdat.

## Ruokalistan asettelu: järjestys ja hierarkia

Lista luetaan kuten ateria syödään: jotakin alkuun, jotakin jaettavaksi, pääruoka ja ehkä jälkiruoka. Järjestä osiot näin ja tee niiden otsikoista selvästi annoksia suurempia tai vahvempia. Aseta kunkin osion yläpäähän ne annokset, joita haluat eniten myydä, sillä katse osuu sinne ensin. [Visuaalinen hierarkia](https://gradiently.design/fi/guide/visual-hierarchy) selittää, miksi tämä toimii kaikilla sivuilla.

| Listan laajuus | Annokset | Paras asettelu |
| --- | --- | --- |
| Kahvila tai baarin pikkusyötävät | Enintään 15 | Yksi sivu, yksi palsta |
| Kortteliravintola | 15-30 | Yksi kaksipalstainen sivu tai taitettu A4 |
| Täysi lista juomineen | 30 tai enemmän | Erilliset ruoka- ja juomalistat |
| Maistelumenu | 5-12 ruokalajia | Korkea kapea kortti, yksi ruokalaji rivillä |

Sovita asettelu annosmäärään. Sivunkääntöä vaativa lista kaipaa yleensä ensin karsimista.

Karsiminen on paras suunnittelukeinosi. Lyhyempi lista on nopeampi lukea ja valmistaa sekä helpompi pitää tuoreena. Jos osiossa on yli kahdeksan tai yhdeksän annosta, harkitse sen jakamista tai vähiten myytyjen poistamista.

## Hintojen esittäminen ruokalistassa

Ruokalistan kirjoittamisessa on pitkäaikaisia käytäntöjä, joiden tarkoitus on rauhallisuus. Anna annoksen tulla ensin, pidä hinnat hillittyinä ja vältä hintaluetteloksi muuttavaa muotoilua.

### Vältä

- Hintojen tasaamista oikeanpuoleiseen sarakkeeseen pisteviivoilla
- Valuuttamerkkiä jokaisella rivillä
- Hintojen lihavointia tai annosnimeä suurempaa kokoa
- Laatikoita ja tähtikuvioita korostetun annoksen ympärillä

### Tee näin

- Hinta heti kuvauksen jälkeen samalla fontilla
- Tavalliset numerot ja tarvittaessa valuutta kerran
- Annosnimi merkinnän vahvimmaksi riviksi
- Hieman enemmän tilaa korostettavan annoksen ympärille

Kuvauksen tehtävä on auttaa valitsemaan. Nimeä pääraaka-aine, menetelmä ja yksi oma yksityiskohta: ”Kummeliturskaa, ruskistettua voita, kaprista, hiillostettua purjoa.” Ilmoita allergeenit paikallisten sääntöjen mukaisesti.

## Parhaat fontit ja tekstikoot ruokalistoille

Listaa luetaan kynttilänvalossa, ilman lukulaseja ja joskus käsivarren etäisyydeltä. Valitse typografia tilaan, älä näyttöösi. Yksi näyttävä fontti otsikoihin ja annosnimiin, yksi selkeä kuvauksiin. Muuta ei tarvita. [Fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) tarjoaa toimivia pareja.

- **Annoskuvaukset:** noin 11-12 pistettä paperilla, riviväli noin 1,3 kertaa tekstikoko.
- **Annosnimet:** pisteen tai kaksi suurempina tai samassa koossa vahvempina.
- **Osio-otsikot:** selvästi suurempina, usein suuraakkosilla ja hieman väljemmällä kirjainvälillä.
- **Kontrasti:** pitkissä listoissa tumma teksti vaalealla. Vaalea teksti tummalla vain lyhyisiin listoihin.
- **Käsialafontit:** sopivat ravintolan nimeen mutta ovat työläitä annoslistassa.

A4-pystyruokalista otsikolla Tänä iltana ja pienten annosten osio rauhallisella vaalealla liukuväritaustalla

A4-ruokalista tarkkuudella 300 dpi: selkeä osio-otsikko, annosnimet ensin ja kuvaukset yksinkertaisella fontilla.

## Ruokalistan painokoot

Suunnittele painokoko pikseleinä tarkkuudella 300 dpi, jotta paino saa terävän tiedoston. A4 ja A3 ovat tavallisia UK:ssa ja Euroopassa, US Letter Pohjois-Amerikassa. A5 sopii juomalistoihin, lasten listoihin ja pöytäkortteihin.

- A5 1748×2480: 1748 × 2480
- A4 2480×3508: 2480 × 3508
- US Letter 2550×3300: 2550 × 3300
- A3 3508×4961: 3508 × 4961

Yleiset ruokalistakoot mittakaavassa. A3 sopii yhden arkin listaan tai seinäjulisteeseen. Puoliksi taitettu A4 tekee siistin vihkon.

> **Reunaan ulottuva väri tarvitsee leikkuuvaran** Jos tausta ulottuu reunaan asti, paino tarvitsee ulkopuolelle hieman lisää, yleensä 3 mm, sekä leikkausmerkit. Pidä annokset ja hinnat hyvin leikkausrajan sisällä. [Leikkuuvarat ja marginaalit](https://gradiently.design/fi/guide/bleed-and-margins) selittää asian.

Gradientlyn Studiossa on ruokalistapohjia. Pro vie paino-PDF:n leikkuuvaroineen ja leikkausmerkkeineen. Taustan Mark renderöityy valitsemaasi kokoon, joten se pysyy terävänä A3:ssa eikä veny näyttökuvasta. Se pehmenee tekstin takana ja pitää annokset luettavina.

## QR-ruokalistan suunnittelu

QR-ruokalistan pitäisi olla puhelimelle rakennettu sivu, ei paperilistan valokuva, jota pitää suurentaa sormilla. Säilytä osiot, fontit ja värit, jotta versiot tuntuvat yhdeltä listalta.

1. **Rakenna puhelinsivu** Yksi palsta, osiot otsikkoina ja suuret painettavat kohteet ruoan ja juoman välillä siirtymiseen.
2. **Vastaa painettua ilmettä** Samat fontit, järjestys ja värit, jotta kukaan ei tunne siirtyvänsä muualle.
3. **Painata koodi riittävän suurena** Anna pöytäkortissa reilusti tilaa ja testaa koodi istumaetäisyydeltä tilan oikeassa valaistuksessa.
4. **Kerro, mitä se avaa** Lyhyt rivi viereen: ”Skannaa ruokalista ja allergeenit.”
5. **Pidä molemmat ajan tasalla** Kun annos muuttuu, muuta paperi ja sivu samana päivänä.

## Ruokalistan sovittaminen someen

Ruokalista on käsitellyin brändimateriaalisi. Uuden annoksen tullessa syötejulkaisun, päivän erikoisten taulun ja painetun listan pitäisi näyttää samalta ravintolalta. Suunnittele yhdestä taustasta ja fonttiparista. Muuta kokoa uuden suunnittelun sijaan.

Instagram-pystyjulkaisu uudesta kummeliturska-annoksesta ruskistetulla voilla ruokalistan liukuväritaustalla

Instagram-julkaisu uudelle annokselle.

A5-pöytäkortti tekstillä Keittiömestarin erikoinen, tänään, kysy tarjoilijaltasi samalla liukuväritaustalla

A5-pöytäkortti samalla ilmeellä.

Somea käsittelee [ravintolan somejulkaisut](https://gradiently.design/fi/guide/restaurant-social-media-posts). Tiskin takana olevia liitutauluja ja näyttöjä käsittelee [menutaulun suunnittelu](https://gradiently.design/fi/guide/menu-board-design).

## FAQ

### Minkä kokoinen ravintolan ruokalistan pitäisi olla?

A4 (2480×3508 pikseliä tarkkuudella 300 dpi) ja A3 (3508×4961) ovat tavallisia UK:ssa ja Euroopassa, US Letter (2550×3300) Pohjois-Amerikassa. A5 sopii juoma- ja jälkiruokalistoihin.

### Mitä tekstikokoa ruokalistassa kannattaa käyttää?

Noin 11-12 pistettä painetuissa kuvauksissa ja hieman suurempaa tai vahvempaa annosnimissä, jotta lista erottuu hämärässä.

### Pitäisikö ruokalistan hinnat olla sarakkeessa?

Yleensä hinta kannattaa sijoittaa heti kuvauksen perään samalla fontilla. Oikeanpuoleinen sarake kannustaa etsimään halvinta annosta.

### Miten teen hyvännäköisen QR-ruokalistan?

Rakenna puhelimelle yksipalstainen sivu painetun listan fonteilla, väreillä ja järjestyksellä. Painata koodi istumapaikalta skannattavan kokoiseksi.

### Kuinka monta annosta ruokalistalla pitäisi olla?

Niin vähän kuin keittiö ja konsepti sallivat. Jos osiossa on yli kahdeksan tai yhdeksän annosta, sen jakaminen tai karsiminen yleensä kannattaa.
