# Flyerin suunnittelu: sommittelu, joka luetaan kolmessa sekunnissa

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

Flyer saa silmäyksen ilmoitustaululla, tiskillä tai kynnysmatolla. Suunnittele niin, että se riittää: oikea koko, sanat oikeassa järjestyksessä ja painolle sopiva tiedosto.

## The short version

- Hyvä flyerin suunnittelu antaa ohikulkijalle yhdellä silmäyksellä yhden viestin, sen jälkeen tiedot ja yhden selkeän toimintakehotuksen.
- A5-flyer on 148 × 210 mm eli 1748 × 2480 pikseliä 300 dpi:n tarkkuudella.
- Hyvä käytännön tavoite on, että flyerin otsikko ja tarkoitus ymmärretään käsivarren etäisyydeltä noin kolmessa sekunnissa.
- Useimmat flyerit epäonnistuvat, koska jokainen rivi saa saman painon eikä mikään johdata katsetta.
- Jatka tausta leikkuuvaraan, pidä sanat turvamarginaalin sisällä ja lähetä painoon paino-PDF.

Hyvä **flyerin suunnittelu** on enimmäkseen järjestystä. Ohikulkijan pitäisi saada yhdellä silmäyksellä yksi viesti: käsivarren etäisyydeltä luettava otsikko, sitten kolme tai neljä tietoa ja lopuksi yksi tehtävä asia. Aloita A5-sivulla (1748 × 2480 pikseliä 300 dpi:llä), tee otsikosta vähintään kolme kertaa leipätekstin kokoinen ja jätä sen ympärille kunnolla tilaa. Kolme sekuntia on hyvä tavoite: jos vieras ei siinä ajassa osaa sanoa, mitä flyerisi koskee, sommittelu tarvitsee uuden kierroksen.

## Flyerien koot pikseleinä ja millimetreinä

A5 on tavallinen flyer: se sopii käteen, postilaatikkoon ja kahvilan tiskille. A4 sopii ilmoitustauluille ja näyteikkunoihin, ja US Letter on amerikkalainen vastine. Suunnittele alusta asti painokokoon, sillä pienen kuvan suurentaminen myöhemmin pehmentää kaikkia reunoja.

| Muoto | Leikattu koko | Pikselit 300 dpi:llä | Sopii |
| --- | --- | --- | --- |
| A5-flyer | 148 × 210 mm | 1748 × 2480 | Jaettavaksi, postilaatikoihin, tiskeille |
| A4 | 210 × 297 mm | 2480 × 3508 | Ilmoitustauluille, ikkunoihin |
| US Letter | 8,5 × 11 in | 2550 × 3300 | Yhdysvalloissa ja Kanadassa painettaviin flyereihin |
| A3-juliste | 297 × 420 mm | 3508 × 4961 | Kun flyer muuttuu julisteeksi |

Leikatut koot ilman leikkuuvaraa. Pikseliluvut saadaan kertomalla leikattu koko 300:lla. Koko menetelmä löytyy [painokuvan resoluutiosta](https://gradiently.design/fi/guide/image-resolution-for-print).

- A5 1748×2480: 1748 × 2480
- US Letter 2550×3300: 2550 × 3300
- Instagram-julkaisu 1080×1350: 1080 × 1350

A-koot ovat samanmuotoisia, joten A5-sommittelu skaalautuu siististi A4:ään ja A3:een. US Letter on hieman leveämpi, ja 4:5-julkaisu vielä leveämpi.

## Flyerin kolmen sekunnin hierarkia

Ajattele flyeriä kolmena järjestyksessä luettavana tasona. **Koukku** kertoo neljällä tai kuudella sanalla, mistä on kyse. **Tiedot** vastaavat siihen, milloin, missä ja paljonko. **Toimintakehotus** kertoo seuraavan askeleen: varaa, skannaa tai tule paikalle. Kaikki muu on valinnaista, ja suurimman osan voi poistaa.

A5-flyer avoimien studioiden viikonlopusta, suuri otsikko ja yksi tietorivi liukuväritaustalla

Koukku, tiedot, toimintakehotus. Yksi otsikko tekee työn, ja tiedot ovat hiljaa sen alla.

A5-alennusflyer, jossa on suuri tarjousotsikko, pieni aikaraja yläpuolella ja ohje alapuolella

Alennusflyer seuraa samaa järjestystä: tarjous, rajoitus, ohje.

Tasojen kokoero tekee flyeristä kaukaa luettavan. Jos otsikko on vain hieman tietoja suurempi, katseella ei ole aloituskohtaa. [Visuaalisen hierarkian](https://gradiently.design/fi/guide/visual-hierarchy) opas käsittelee periaatetta tarkemmin.

## Flyerin suunnittelu vaihe vaiheelta

1. **Kirjoita koukku ennen työkalun avaamista** Neljästä kuuteen sanaa, jotka kertovat mistä on kyse. ”Joogaa puistossa” toimii paremmin kuin ”Kesän hyvinvointisarja 2026”.
2. **Listaa tiedot ja karsi kolmeen** Päivä ja aika, paikka sekä hinta tai sisäänpääsy. Kaikki muu voi olla verkkosivulla tai QR-koodin takana.
3. **Valitse yksi toimintakehotus** Varaa verkossa, skannaa varataksesi tai tule vain paikalle. Kaksi kehotusta jakaa huomion, kolme jätetään huomiotta.
4. **Aseta tekstikoot portaiksi** A5:ssä noin 60 - 90 pt:n otsikko, 14 - 18 pt:n tiedot ja vähintään 8 pt:n ehtoteksti ovat luotettava lähtökohta.
5. **Anna taustan kantaa tunnelmaa** Vahva väri- tai liukuvärikenttä tekee flyeristä tunnistettavan ilmoitustaululla ennen lukemista.
6. **Tulosta ensin yksi kotona** Kiinnitä se seinälle, astu kaksi metriä taaksepäin ja tarkista, että koukku erottuu. Näyttö saa pienen tekstin näyttämään todellista paremmalta.

## Sanat ja sommittelu: mikä flyerissä toimii

### Vältä

- Viittä eri fonttia ja kolmea tasausta
- Jokaisen rivin lihavointia tai suuraakkosia
- Kokonaista kuvauskappaletta
- Tekstiä aivan leikkausreunaan asti
- QR-koodia ilman syytä skannata

### Tee näin

- Yksi kirjaintyyppi, enintään kaksi leikkausta
- Lihavointi vain koukkuun
- Kolme lyhyttä tietoa omilla riveillään
- Sanat 5 mm:n turvamarginaalin sisällä
- ”Skannaa ja varaa” koodin viereen

Tasaus merkitsee koristelua enemmän. Yksi yhteinen vasen reuna tuntuu rauhalliselta ja järjestyneeltä. Keskitetty teksti toimii lyhyissä kutsuissa ja tapahtumissa, mutta pitkät rivit tekevät siitä rikkonaisen. Yksi kirjasinperhe kahdella leikkauksella on flyerissä turvallisin valinta. Jos haluat toisen kirjaintyypin, [fonttiparit](https://gradiently.design/fi/guide/font-pairing) näyttää toimivat yhdistelmät.

## Värit ja taustat, jotka kestävät painamisen

Näyttö hehkuu, paperi ei. Hyvin kylläiset violetit, sähkönsiniset ja neonvihreät painuvat yleensä himmeämpinä. Säilytä tumma tai rikas pohja, käytä lähekkäisiä värejä ja varaudu siihen, että paino muuntaa tiedoston CMYK:ksi. [Liukuvärien painaminen](https://gradiently.design/fi/guide/print-gradients) kertoo, miten vältät raitoja ja sameita keskisävyjä.

Painoystävällinen: sininen, petrooli, okra: `linear-gradient(160deg, #1e3a5f 0%, #2f6f8f 50%, #e9c46a 100%)`

Syvä laivastonsininen, hillitty petrooli ja lämmin okra mahtuvat hyvin painokoneen toistettaviin väreihin, joten kädessä oleva flyer näyttää samalta kuin näytöllä.

Sanat liukuvärillä tarvitsevat taakseen rauhallisen ja vahvan kontrastin alueen. Gradientlyssä flyerin Mark siirtää rauhallisimman alueensa tekstin taakse. Automaattinen muste valitsee rivikohtaisesti vaalean tai tumman tekstin, joten jokainen rivi erottuu ilman laatikkoa tai varjoa. Lisää aiheesta: [teksti liukuväritaustalla](https://gradiently.design/fi/guide/text-on-gradient).

## Flyer-tiedoston valmistelu painoon

- Jatka taustaa leikkausreunan yli painon leikkuuvaran verran, yleensä 3 mm tai 0,125 in joka sivulla. Katso [leikkuuvara ja turvamarginaalit](https://gradiently.design/fi/guide/bleed-and-margins).
- Pidä jokainen sana ja logo vähintään 5 mm leikkausreunan sisäpuolella.
- Tarkista, että kuvien tarkkuus on painokoossa vähintään 300 pikseliä tuumaa kohti.
- Vie PDF leikkuuvaralla ja leikkausmerkeillä, älä kuvakaappausta tai verkko-JPEG:iä.
- Pyydä vedos, jos painos on suuri tai värit tärkeitä.

Flyer ei yleensä kulje yksin. Sama tapahtuma tarvitsee tavallisesti Instagram-julkaisun, tarinan ja ehkä A3-julisteen. Gradientlyn Designer voi kirjoittaa sanat, sommitella flyerin Markiisi ja tehdä muut koot samasta suunnitelmasta. Pro vie paino-PDF:n 3 mm:n leikkuuvaralla ja leikkausmerkeillä, kun A5 on valmis painoon. Mark jatkuu leikkuuvaraan puolestasi.

## FAQ

### Minkä kokoinen flyer on pikseleinä?

A5-flyer on 1748 × 2480 pikseliä 300 dpi:llä, A4-flyer 2480 × 3508 ja US Letter -flyer 2550 × 3300.

### Mitä flyerissä pitäisi olla?

Lyhyt aihetta kuvaava otsikko, tärkeät tiedot kuten päivä, paikka ja hinta sekä yksi selkeä toimintakehotus. Jätä kaikki muu verkkosivulle.

### Mikä fonttikoko sopii flyerin otsikolle?

A5:ssä noin 60 - 90 pt:n otsikon näkee muutaman askeleen päästä. Pidä tarkentavat tiedot noin 14 - 18 pt:n kokoisina.

### Tarvitseeko flyer leikkuuvaran?

Kyllä, jos väri tai tausta ulottuu reunaan. Lisää joka sivulle painon leikkuuvara, yleensä 3 mm tai 0,125 in.

### Missä tiedostomuodossa lähetän flyerin painoon?

PDF leikkuuvaralla ja leikkausmerkeillä on turvallisin valinta. Tarkka PNG sopii joillekin painoille, mutta paino-PDF välttää useimmat ongelmat.