Mukautuva lukutila
Miten lehtijuttu
mahtuu puhelimeen?
Lehden aukeamalla katse löytää otsikon, seuraa palstoja ja poimii matkan varrelta kuvat. Puhelimessa saman jutun pitää toimia yhdessä palstassa. Richie Editionsin mukautuva lukutila kokoaa jutun yhteen palstaan suoraan lehden PDF:stä. Sanat, kuvat ja kirjasimet tulevat painetulta sivulta.
Pyydä esittelySeurataan yhtä juttua
sivulta näytölle.
Tässä on Foreign Policyn kolmen sivun juttu ja siitä muodostettu lukutila. Kokeile vaihtaa tekstikokoa tai lukutilan leveyttä ja seuraa, miten taitto muuttuu.
Jatkamme alempana saman jutun mukana työn eri vaiheisiin: mitä sivulta poimitaan, miten osat löytävät paikkansa ja mistä lopullinen ulkoasu syntyy.
Ladataan lukutilaa…
Sivusta jutuksi,
jutusta lukutilaksi.
PDF kertoo tarkasti, miltä sivu näyttää. Lukutilaa varten on selvitettävä myös, miten sivulla oleva juttu luetaan.
Ensin poimimme sivun tiedot ja kokoamme niistä jutun. Sitten suunnittelemme, miten sen osat asettuvat yhteen palstaan. Lukijan laitteelle toimitetaan tarkistettu taitto-ohje, jonka avulla juttu sovitetaan näytön leveyteen ja lukijan valitsemaan tekstikokoon.
Palvelimella ennen julkaisua
Lukijan laitteella
- 01Poiminta
PDF:stä saadaan kirjaimet, kuvat ja niiden paikat sivulla.
- 02Rakenne
Sivun tiedoista kootaan juttu lukujärjestyksineen.
- 03Suunnittelu
Jutulle laaditaan taitto-ohje yhden palstan lukutilaan.
- 04Piirto
Valmis ohje sovitetaan näytön leveyteen ja tekstikokoon.
01 · Poiminta
Kaikki alkaa
lehden sivusta.
Lehden ilme on pienissäkin yksityiskohdissa: otsikon kirjasimessa, kuvatekstin koossa ja kappaleen aloittavassa suuressa kirjaimessa. Siksi pelkän tekstin poimiminen ei riitä.
Poimintavaiheessa otamme PDF:stä talteen kirjainten ulkoasun, mitat, värit ja sijainnit sekä kuvat, sivun viivat ja mukana olevat rakennetiedot. Emme vielä päätä, mikä on otsikko tai mihin juttuun kuva kuuluu. Keräämme tiedot, joiden perusteella se voidaan ratkaista seuraavaksi.
- OtsikkoTiempos Headline Light, 24 pt
- Viiva otsikon alla0,25 pt paksu, 36 pt pitkä
- KirjoittajaTiempos Text Regular Italic, 8,5 pt
- Kuvaajan nimiSolido Medium, 4,5 pt, pystyssä
- Anfangioma kirjasin, 96 pt
- LeipätekstiTiempos Text Regular, 8,5/12 pt, tasapalsta
- Lehden oma tavutusmyr-iad
02 · Rakenne
Mikä kuuluu
samaan juttuun?
Esimerkkijuttumme kulkee kolmen sivun läpi. Jotta sen voi lukea yhtenäisenä, ohjelman on löydettävä palstalta toiselle jatkuvat kappaleet ja erotettava jutun sisältö sivun muista teksteistä.
Rakenteen tunnistusvaiheessa kokoamme jutun ensisijaisesti aineiston mukana saaduista tiedoista: mikä on otsikko, mitkä kappaleet kuuluvat yhteen ja mikä teksti liittyy kuvaan. Jos näitä tietoja puuttuu, päättelemme rakennetta kirjasinten, tekstikokojen, sijaintien ja sivun viivojen perusteella. Tuloksena on juttu, jonka osilla on nimet ja lukujärjestys.
Sivu 7
Sivu 8
Sivu 9
Toimituksen tieto auttaa tunnistamaan rakenteen.
Parhaassa tapauksessa sivun rakenne kulkee jo PDF:n mukana. Näin oli esimerkkimme Foreign Policyssa: InDesignista tuotetut PDF:t sisälsivät käytännössä kaikki lukutilan tarvitsemat rakennetiedot valmiina. Jutun kokoaminen voi silloin nojata suoraan taitosta saatuihin tietoihin.
Kaikki julkaisujärjestelmät eivät sisällytä vastaavia tietoja PDF:ään. Silloin selvitämme, saadaanko ne esimerkiksi toimitusjärjestelmän erillisestä XML-viennistä. Periaate on sama lähteestä riippumatta: sivusta saatu tieto menee heuristiikan eli typografian ja sijaintien perusteella tehtävän päättelyn edelle. Mitä enemmän rakenteesta tiedetään suoraan, sitä vähemmän jää pääteltäväksi ja sitä ennustettavampi tulos on.
Rakennetieto on kuitenkin vain metatietoa. Se auttaa löytämään ja järjestämään sivulla olevan sisällön; itse teksti ja kuvat otetaan aina painetulta sivulta. Tämä ero on olennainen, sillä toimitusjärjestelmän digitaalinen vienti voi olla tehty ennen viimeisiä taittokorjauksia, vastata sivun aiempaa tai myöhempää versiota tai sisältää painetusta lehdestä pois jätettyä tekstiä. Lukutilaan ei siirretä tällaisia kohtia XML:stä. Jos sisältöä ei ole painetulla sivulla, sitä ei tule lukutilaankaan.
03 · Suunnittelu
Sama juttu tarvitsee
uuden taiton.
Nyt tiedämme, mistä juttu koostuu. Seuraavaksi päätämme, miten se toimii yhdellä palstalla: mikä näkyy ensin, miten kuvat ja kuvatekstit kulkevat yhdessä ja millaiset välit osien väliin jäävät.
Suunnitteluvaihe tuottaa taitto-ohjeen, joka säilyttää lehden typografian mutta ottaa huomioon näytöllä lukemisen. Ohje ei vielä määrää rivinvaihtoja tai palstan leveyttä. Ne ratkeavat vasta lukijan laitteella.
Kuva siirtyy, jotta otsikko näkyy.
Tämän jutun avauskuva on painetulla sivulla otsikon yläpuolella. Jos järjestys säilytettäisiin puhelimessa, kuva täyttäisi ensimmäisen näkymän. Siksi taittosääntö siirtää sen otsikon ja kirjoittajan jälkeen: lukija näkee heti, minkä jutun hän on avannut.
Sivun järjestyksessä
Lukutilassa
Taitto-ohje kertoo myös, miksi.
Kuvan siirtäminen on yksi monista ratkaisuista. Jokaisen jutun osan yhteyteen tallennetaan siihen vaikuttaneet säännöt. Alla voit tutkia esimerkkijuttua osa kerrallaan: mistä sen ulkoasu tulee ja mitä lukutilaa varten muutetaan. Samat tiedot auttavat meitä löytämään korjattavan säännön, jos jokin näyttää väärältä.
Sivu 7
Sivu 8
Sivu 9
Otsikko
Sivu 7
- Tiempos Headline Light, 24/24 pt
- vasen tasaus
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Sama suhde kuin painettuna: 2,8 kertaa leipätekstin koko. Kapealla näytöllä hieman pienempi, jotta riville mahtuu tarpeeksi tekstiä.
sizing.headline-floor - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Vasen tasaus, kuten sivulla.
align.default-measured - Saako tavuttaa?
- Ei. Lehtikään ei tavuta otsikoitaan.
hyphenation.display-off - Sisennetäänkö?
- Ei.
indent.default-flush - Paljonko ilmaa ympärille?
- Alle tulee sivun oma viiva, ja ilmaa jätetään sen mukaan.
spacing.rule-seam
Kirjoittaja
Sivu 7
- Tiempos Text Regular Italic, 8,5 pt
- vasen tasaus
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Otsikon jälkeen.
order.byline-closes-head - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Vasen tasaus, kuten sivulla.
align.default-measured - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Ei.
indent.default-flush - Paljonko ilmaa ympärille?
- Tavallinen määrä.
spacing.default
Kuva, kuvateksti ja kuvaaja
Sivu 7
- Kuvaaja: Solido Medium, 4,5 pt, pystyssä sivun reunassa
- Kuvateksti: Solido Bold, 7,5 pt, valkoisena kuvan päällä
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Mitä kulkee mukana?
- Kuvateksti ja kuvaajan nimi kulkevat kuvan mukana. Kuvan päälle painettu valkoinen kuvateksti siirtyy kuvan alle.
group.caption-with-figure - Missä kohtaa juttua?
- Sivulla kuva on otsikon yläpuolella. Lukutilassa se tulee otsikon ja kirjoittajan jälkeen, jotta otsikko näkyy heti.
order.lead-figure-after-head - Kuinka leveä?
- Palstan levyinen.
figures.default-full-width - Paljonko ilmaa ympärille?
- Rivin verran kuvan ylä- ja alapuolelle.
spacing.figure
Leipäteksti, kappale 1/23
Sivu 7
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli. Anfangi ulottuu enintään kuudelle riville.
sizing.body-dropcap-at-most-six - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Ei.
indent.default-flush - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 2/23
Sivu 7
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 3/23
Sivu 7
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 4/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 5/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 6/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 7/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 8/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 9/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 10/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 11/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 12/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 13/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 14/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 15/23
Sivu 8
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 16/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 17/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 18/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 19/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 20/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 21/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 22/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Kappaleet erottaa sisennys, kuten sivulla. Tyhjää riviä ei lisätä.
spacing.paragraph-indented
Leipäteksti, kappale 23/23
Sivu 9
- Tiempos Text Regular, 8,5/12 pt
- tasapalsta
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Tasapalsta, kuten jutun palstat sivulla.
align.body-follows-the-column - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Kyllä, kuten sivulla.
indent.page-indented - Paljonko ilmaa ympärille?
- Saman verran kuin lehden omilla sivuilla: mitattu 12 kohdasta.
spacing.default
Tietolaatikko
Sivu 9
- Tiempos Text Medium, 8,5/12 pt
- vasen tasaus
- väri #939598
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #939598.
ink.default-measured - Miten rivit tasataan?
- Vasen tasaus, kuten sivulla.
align.default-measured - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Ei.
indent.default-flush - Paljonko ilmaa ympärille?
- Tietolaatikon yläpuolelle tulee sivun oma viiva. Ilmaa saman verran kuin lehden omilla sivuilla: mitattu 5 kohdasta.
spacing.box-opener
Tietolaatikko
Sivu 9
- Tiempos Text Regular Italic, 8,5/12 pt
- vasen tasaus
- väri #231f20
- Kuuluuko lukutilaan?
- Kyllä.
exclude.default-keep - Missä kohtaa juttua?
- Samassa järjestyksessä kuin sivulla.
order.default-keep - Kuinka suuri?
- Leipätekstin koko ja riviväli.
sizing.body-baseline-grid - Minkä värinen?
- Sivulta mitattu väri #231f20.
ink.default-measured - Miten rivit tasataan?
- Vasen tasaus, kuten sivulla.
align.default-measured - Saako tavuttaa?
- Kyllä.
hyphenation.default-on - Sisennetäänkö?
- Ei.
indent.default-flush - Paljonko ilmaa ympärille?
- Alle tulee sivun oma viiva, ja ilmaa jätetään sen mukaan.
spacing.rule-seam
- Otsikon koko seuraa lehteä.
- Otsikon ja leipätekstin kokosuhde otetaan painetulta sivulta. Kapealla näytöllä suurta otsikkoa pienennetään, jotta rivit eivät jää muutaman kirjaimen mittaisiksi.
- Lehden oma rytmi.
- Osien väliset etäisyydet perustuvat lehden sivuilta mitattuihin väleihin. Ne skaalautuvat tekstikoon mukana, joten taiton rytmi säilyy myös tekstiä suurennettaessa.
- Väri kuuluu typografiaan.
- Tekstin väri poimitaan sivulta. Jos esimerkiksi kuvan päällä ollut valkoinen kuvateksti siirtyy vaalealle pohjalle, sille valitaan jutun leipätekstin väri, jotta se pysyy luettavana.
Tarkistus
Juttu tarkistetaan
ennen julkaisua.
Jokainen juttu käy ennen julkaisua läpi automaattisen tarkistuksen. Ohjelma varmistaa ennalta määriteltyjen sääntöjen avulla, että sisältö säilyy ja taitto toimii.
Tarkistusvaiheessa käytetään samaa taitto-ohjelmaa kuin lukijan laitteella. Jos juttu ei läpäise tarkistusta, sille ei tarjota lukutilaa. Juttu on silloin luettavissa alkuperäisellä lehden sivulla.
- Sisältö verrataan lähteeseen.
- Automaattinen tarkistus varmistaa, että jutun jokainen sana on mukana kerran ja tekstin lukujärjestys säilyy.
- Taiton mitat tarkistetaan.
- Kuvien pitää olla mukana, rivien mahtua palstan leveyteen ja osien asettua paikoilleen ilman päällekkäisyyksiä.
- Ulkoasua kehitetään katsomalla.
- Kehitystyössä vertaamme lukutilaa lehden sivuun myös silmämääräisesti. Havainnot auttavat parantamaan sääntöjä seuraavia juttuja varten.
Esimerkkijuttu läpäisi tarkistuksen: kaikki 28 osaa ja jokainen sana mukana.
04 · Piirto
Lopullinen taitto syntyy
lukijan näytöllä.
Kun lukija avaa jutun, sen rakenne ja taitto-ohje ovat valmiina. Piirtovaiheessa laite sovittaa jutun käytettävissä olevaan leveyteen: laskee rivinvaihdot, tasaa sanavälit ja piirtää sisällön.
Teksti piirretään samoilla kirjaimilla, jotka poimittiin alussa PDF:stä. Näin mukana säilyvät kirjasinten muodot ja sanojen sisäiset kirjainvälit. Kun lukija suurentaa tekstiä tai kääntää laitetta, ohjelma laskee rivit uudelleen saman taitto-ohjeen pohjalta.
- Suomen kielen tavutus.
- Suomenkielisissä jutuissa tavutus huomioi yhdyssanat ja hyödyntää lehden omia tavutuksia. Se auttaa välttämään harvoja rivejä ja suuria sanavälejä kapealla näytöllä.
- Sama taitto-ohjelma eri ympäristöissä.
- Palvelimen tarkistus, selain ja iOS-sovellus käyttävät samaa taitto-ohjelmaa. Lukutilan rivitystä ja mitoitusta voidaan siksi kehittää ja tarkistaa yhdessä paikassa.
Teksti säilyy
toimituksen kirjoittamana.
Lukutilassa luetaan juuri se versio jutusta, joka on painetulla sivulla. Lukutila muuttaa jutun asettelua, mutta ei kirjoita sen tekstiä uudelleen, lyhennä sitä tai täydennä sitä toimitusjärjestelmän toisesta versiosta.
Siksi muunnos perustuu lähteestä poimittuihin tietoihin ja jäljitettäviin sääntöihin. Voimme verrata tulosta alkuperäiseen ja selvittää, mistä yksittäinen ratkaisu syntyi. Myös epävarmuudelle on selkeä seuraus: juttu jätetään luettavaksi lehden sivuna.
Muunnoksessa ei käytetä kielimallia. Kielimalleja voidaan hyödyntää kehitystyössä esimerkiksi testiaineiston laatimiseen ja taittojen arviointiin, mutta päivittäinen julkaiseminen ei ole niiden varassa.