# Esitteen suunnittelu: taitokset ja yhtenäinen ilme [Canonical HTML page](https://gradiently.design/fi/guide/brochure-design) Esitteen taitokset määräävät lukujärjestyksen. Kun taitto toimii, saat suunnittelulle rungon: paneelien mitat, lukusuunnan ja koossa pysyvän ilmeen. ## The short version - Esitteen suunnittelu alkaa taitoksista, koska ne määräävät, minkä paneelin lukija näkee ensin ja missä järjestyksessä loput luetaan. - A4- tai US Letter -arkin kolmitaitteisessa esitteessä on kuusi paneelia: kolme ulkopuolella ja kolme sisäpuolella. - Sisään taittuva paneeli on yleensä noin 2-3 mm muita kapeampi, jotta esite sulkeutuu tasaiseksi. - Jokaisella paneelilla pitäisi olla yksi tehtävä, kuten lupaus, näyttö, tarjous tai yhteystiedot. - Esitteen ilme pysyy yhtenäisenä, kun jokaisella paneelilla on sama tausta, sama fonttipari ja sama marginaali. Hyvä **esitteen suunnittelu** alkaa taitoksista, ei sanoista. Taitokset määräävät ensimmäisenä näkyvän paneelin, avaamisen jälkeen näkyvät osat ja viimeisenä luettavan osan. Suunnittele järjestys, anna jokaiselle paneelille yksi tehtävä ja käytä koko arkilla samaa taustaa ja typografiaa. Useimmat sekavat esitteet epäonnistuvat juuri näissä kolmessa asiassa: lukujärjestys puuttuu, joka paneeli on täytetty kaikella ja tyyli vaihtuu taitoksesta toiseen. ## Esitteen taittotavat ja niiden käyttökohteet Valitse taittotapa sisällön määrän ja haluamasi paljastumisjärjestyksen mukaan. Kolmitaitteinen esite on tavallisin syystä: yhdelle arkille mahtuu paljon, ja se sujahtaa telineeseen tai kirjekuoreen. Se ei silti aina ole oikea valinta. | Taittotapa | Paneeleja | Sopii parhaiten | | --- | --- | --- | | Puolitaitto | 4 | Ruokalistat, tapahtumaohjelmat, yksinkertainen tuotetarinaa kertova esite | | Kolmitaitto eli kirjetaitto | 6 | Palvelut, klinikat, kierrokset, vaiheittaiset ohjeet ja hinnastot | | Haitaritaitto | 6 | Aikajanat ja kartat, joita on helpointa lukea avattuna | | Porttitaitto | 6 | Näyttävä paljastus: kaksi ovea avautuu suurelle keskiaukeamalle | Neljä yleistä taittotapaa. Kysy painolta ennen suunnittelua, mitä se voi nuutata ja taittaa, sillä kaikki painot eivät tarjoa niitä kaikkia. ## Kolmitaitteisen esitteen koko: A4 ja US Letter Kolmitaitteinen esite on arkki, joka painetaan molemmin puolin ja taitetaan kolmeen osaan. A4-arkin avattu vaakakoko on 297×210 mm eli 3508×2480 pikseliä 300 dpi:n tarkkuudella. US Letter on 11×8,5 tuumaa eli 3300×2550 pikseliä. Tarkat luvut löytyvät artikkeleista [A4:n koko pikseleinä](https://gradiently.design/fi/guide/a4-size-in-pixels) ja [Letterin koko pikseleinä](https://gradiently.design/fi/guide/letter-size-pixels). - A4 avattuna 3508×2480: 3508 × 2480 - Letter avattuna 3300×2550: 3300 × 2550 - Yksi A4-paneeli 1169×2480: 1169 × 2480 A4- ja Letter-kolmitaittojen avatut arkit sekä yksi taitettu A4-paneeli 300 dpi:n tarkkuudella ja mittakaavassa. Kolme yhtä leveää paneelia ei sulkeudu siististi, koska sisäläpän pitää mahtua kahden muun sisään. Tee siitä noin 2-3 mm kapeampi, suunnilleen 1/16-1/8 tuumaa, ja levennä muita vastaavasti. A4:llä paneelien leveydet ovat näin noin 100, 100 ja 97 mm. Painon mallipohjassa on tarkat mitat, joten pyydä se ennen aloittamista. > **Ei tärkeää sisältöä taitokselle** Pidä tekstit ja kasvot vähintään 5 mm:n päässä sekä taitoslinjoista että leikkausreunasta. Taitos voi hieman murtaa mustetta ja vetää katseen puoleensa, joten sen yli kulkeva otsikko näyttää rikkoutuneelta. ## Kolmitaitteisen esitteen lukujärjestys Useimmat mallipohjat kätkevät juuri tämän. Arkin ulkopuolella oikea paneeli on etukansi, keskimmäinen takakansi ja vasen läppä, joka näkyy heti etukannen avaamisen jälkeen. Sisäpuolen kaikki kolme paneelia paljastuvat kerralla. Kun suunnittelet tässä järjestyksessä, esite kertoo tarinansa niin kuin sitä oikeasti käsitellään. 1. **Etukansi: lupaus** Kenelle esite on ja mitä hän saa, muutamalla sanalla. Logo, otsikko ja brändin tausta. Ei muuta. 2. **Sisäläppä: kiinnostuksen herättäjä** Ensimmäinen asia avaamisen jälkeen. Lyhyt ongelman kuvaus, vaikuttava kuva tai yksi lukijalle tuttu kysymys. 3. **Sisäaukeama: varsinainen sisältö** Kolme paneelia luetaan vasemmalta oikealle: mitä teet, miten se toimii ja miksi sinuun voi luottaa. Otsikot helpottavat silmäilyä. 4. **Takapaneeli: seuraava askel** Osoite, aukioloajat, verkkosivusto ja QR-koodi. Lukija katsoo tänne päätöksen tehtyään, joten tee toimimisesta helppoa. Fysioterapiaklinikan kolmitaitteisen esitteen etukansi: korkea kapea paneeli ja lyhyt otsikko Etupaneeli: yksi lupaus, nimi ja tausta, joka rakentaa brändin ilmettä. Saman esitteen sisäpaneeli, jossa ensikäynnin vaiheet ovat samalla liukuväritaustalla Sisäpaneelin yksi tehtävä on selittää ensimmäinen vastaanottokäynti kolmena vaiheena. ## Näin pidät esitteen kaikki paneelit yhtenäisinä Esitettä pidetään kädessä ja avataan lukijan edessä, joten epäyhtenäisyys näkyy heti. Ratkaisu on pieni järjestelmä, jonka päätät ennen ensimmäisen paneelin taittoa ja jota noudatat poikkeuksetta. ### Vältä - Eri taustaväri joka paneelilla - Kolme tai useampia kirjasimia - Paneelista toiseen vaihtuvat marginaalit - Alle 9 pisteen leipäteksti sisällön mahduttamiseksi - Kuvapankkikuvat, joiden värisävyt eivät sovi yhteen ### Tee näin - Yksi taustaperhe, joka jatkuu aukeaman läpi - Otsikkofontti ja leipätekstifontti, ei muita - Sama marginaali jokaisella paneelilla - Vähemmän sanoja 9-11 pisteen koossa - Brändiväreihin sävytetyt tai värimääritellyt kuvat Tausta on vahvin työkalusi. Yhtenäisenä sisäaukeaman yli kulkeva väripinta tai liukuväri saa kolme paneelia näyttämään yhdeltä suunnitellulta kokonaisuudelta. Taitokset antavat silti jokaiselle oman tilansa. [Brändin yhtenäisyys](https://gradiently.design/fi/guide/brand-consistency) käsittelee laajempaa periaatetta, ja [fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) auttaa valitsemaan kirjasinparin. - Satamansininen: #0f2a3d - Merensininen: #1f6f8b - Matalan veden turkoosi: #7fc8c4 - Paperi: #f4efe6 - Poijun korostusväri: #e8875a Esitteen paletti: syvä pohja kannelle, kaksi toisiinsa sopivaa sinistä taustalle, paperinsävy tekstialueille ja yksi lämmin korostus toimintakehotteeseen. ## Esitteen painaminen - Lisää avattuun arkkiin leikkuuvara: metrijärjestelmää käyttävissä maissa 3 mm reunaa kohti, Yhdysvalloissa 0,125 tuumaa. [Leikkuuvara](https://gradiently.design/fi/guide/bleed-and-margins) kertoo miksi. - Valitse paperi, joka taittuu siististi. Pyydä paksulle paperille nuuttaus, jotta taitos ei halkeile. - Tarkista värit paperilla. Kirkkaat näyttösiniset ja violetit painuvat himmeämpinä, kuten [RGB ja CMYK](https://gradiently.design/fi/guide/rgb-vs-cmyk) selittää. - Tulosta yksi kappale kotona, taita se ja lue järjestyksessä ennen tiedoston lähettämistä. Gradientlyssä Mark piirtyy uudelleen joka koossa, joten kansipaneeli, sisäaukeama ja samannäköiset somejulkaisut käyttävät samaa taustaa venyttämättä sitä. Voit pyytää Designeria taittamaan paneelit ja kirjoittamaan luonnoksen brändipakettisi äänellä. Prolla viet painokelpoisen PDF:n leikkuuvaroineen ja leikkausmerkkeineen. ## FAQ ### Minkä kokoinen kolmitaitteinen esite on? Yleensä se on A4-arkki (297×210 mm) tai US Letter -arkki (11×8,5 tuumaa), joka painetaan molemmin puolin ja taitetaan kolmeen paneeliin. ### Mitä kolmitaitteisen esitteen eri paneeleihin tulee? Etukansi kantaa lupauksen, sisäläppä herättää kiinnostuksen, kolme sisäpaneelia selittää sisällön ja takapaneeli antaa yhteystiedot sekä seuraavan askeleen. ### Miksi yksi kolmitaitteisen esitteen paneeli on kapeampi? Sisään taittuvan paneelin pitää olla noin 2-3 mm kapeampi, jotta esite sulkeutuu tasaisesti pullistumatta. ### Mikä tarkkuus esitteellä pitäisi olla? 300 dpi painokoossa. A4-kolmitaiton arkki on 3508×2480 pikseliä ja Letter-arkki 3300×2550, ja lisäksi tarvitaan leikkuuvara. ### Kuinka monta fonttia esitteessä pitäisi käyttää? Kaksi riittää: yksi otsikoihin ja toinen leipätekstiin. Useampi saa paneelit näyttämään irrallisilta.