Portfolio: saavutettavat pdf-julkaisut, ilmeet ja taitot InDesignilla
Löydät tältä sivulta Studio Behmin art director Niina Behmin työnäytteitä saavutettavista töistä. Saavutettavien töiden asiakkaina ovat olleet mm. Sallan kunta, Visit Tampere ja Allergia-, iho- ja astmaliitto. Haussa graafinen suunnittelija saavutettaviin töihin? Olen koonnut tietoa Studio Behmin tarjoamista saavutettavista ilme- ja taittopalveluista omalle sivulleen.
Asiakas: Sallan kunta, Save Salla-hanke
Työ: saavutettavan digitaalisen pdf-oppaan taitto hankkeelle InDesignilla, tarkistus Acrobat Pro:lla
Saavutettavan digitaalisen oppaan taitto InDesignilla pdf-muotoon Sallan kunnalle. Oppaan otsikkona oli Kestävään elämäntapaan perustuvalla toimintamallilla hyvinvointia asukkaille. Saavutettavan oppaan taiton toteutti Studio Behm. Kuvassa esimerkkisivuja toteutuneista sisäsivuista ja takakannesta.
Save Salla-hankkeessa on kehitetty kestävään elämäntapaan perustuvaa toimintamallia. Studio Behm taittoi Sallan kunnan Save Salla-hankkeelle 11-sivuisen digitaalisen oppaan. Oppaassa keskityttiin kestävän elämäntavan periaatteisiin liittyviin teemoihin ja tuotiin esiin sitä, miten Sallan kunnassa näitä teemoja toteutetaan.
Työssä käytettiin Sallan kunnan jo olemassa olevia brändifontteja ja -värejä ja Studio Behm huomioi myös värien ja fonttien saavutettavuuden lopullisessa työssä. Studio Behmin työhön kuului saavutettavan InDesignissa toteutettavan taiton lisäksi myös kuvien valinta ja kuvankäsittely digitaaliseen muotoon sopiviksi.
Pääset tutustumaan hankkeeseen alla olevan linkin takaa:
Taitossa parannettiin pitkän leipätekstin saavutettavuutta korjaamalla merkkityylin määrittelyn avulla pienen l-kirjaimen (l niin kuin laulu) muoto suorasta viivasta muotoon, jossa pienen l-kirjaimen alakaari kaartuu vähän oikealle. Kaarellinen versio löytyi fontin kirjainvalikoimasta ja näin pienen teknisen korjauksen ja automaation avulla taitto saatiin saavutettavammaksi. Olen kirjoittanut blogitekstin aiemmin siitä, miten jokainen fontti ei ole automaattisesti saavutettava ja pääset lukemaan siitä omalta sivultaan blogitekstien puolelta.
Saavutettavan taiton luominen InDesignissa on pikkutarkkaa puuhaa, jossa jokainen elementti määritellään ja tarkistetaan tarkkaan. Lopullisessa pdf-tiedostossa näkyvät tagit määritellään jo suoraan teksteille luotaviin kappaletyyleihin. Kappaletyylien luomisessa huomioidaan myös värien kontrastit, fonttikoot ja rivivälit ja tärkeät typografiset säännöt. Lisäksi Studio Behm lisäsi kuviin alt-tekstit, määritteli artefaktit, lisäsi tärkeät tiedoston tietoihin ja kieleen liittyvät tiedot ja määritteli artikkelin järjestyksen. Koko taittopohja rakennettiin siis saavutettavuus edellä.
Saavutettavaa taittoa suunnitellessa Studio Behm hyödyntää useita eri saavutettavuuden tarkistamistapoja.
Värien saavutettavuutta testaan eri työkaluilla jo ennen taittamisen aloittamista. Näin pystyn jo heti alusta alkaen määrittelemään, mitkä värit ovat saavutettavia esim. otsikoihin, taustaväreihin, symboleihin jne. Tarkistan siis käytännössä, onko eri väriparien WCAG 2.1-taso riittävä AA- tai AAA-tasoon vai onko värien sävyarvoja vielä hiottava. Usein tarkastelen sivujen taittoja myös kääntäen värikuvat väliaikaisesti harmaasävykuviksi. Näin varmistan, että mikään väri ei koskaan yksinään esitä tietoa. Värin havaitseminen ei nimittäin saa koskaan olla ainoa tapa, jonka avulla käyttäjä saa tarvitsemansa tiedon.
Jokainen InDesignissa toteutettu saavutettava työ tarkistetaan myös tarkkaan Acrobat pro:ssa. Saan tarkistusvaiheen jälkeen tästä itselleni myös käytettävyysraportin, jolloin tiedän, että työhön ei ole vahingossa jäänyt mitään saavutettavuutta estäviä virheitä. Käytettävyystarkistuksen lisäksi käyn läpi Acrobatissa myös tagit ja siivoan myös mahdollisia tyhjiä välilyöntejä. Joskus tässä vaiheessa saattaa löytyä joku pieni tagivirhe, jonka korjaan vielä InDesignissa ja teen vuorovaikutteisen pdf:n uusiksi lopputarkistuksineen.
Asiakkaalle toimitan aina siis valmiin, jo tarkistetun saavutettavan pdf-tiedoston, joka on jo julkaisuvalmis.
Työ: saavutettavan julisteen taitto Save Salla -hankkeelle InDesignilla, tarkistus Acrobat Pro:lla
Toteutin Save Salla-hankkeelle myös A1-kokoisen osallistavan julisteen taiton, joka on suunnattu Sallan asukkaille.
Julisteen otsikkona on: Edistämme kestävää elämäntapaa ja hyvinvointia seuraavin teoin! Julisteeseen kuvitin neljä erilaista postit-lappua, joista jokainen sisältää Save Salla -toimintamallin kestävän elämäntavan ulottuvuuden: ekologinen, taloudellinen, sosiaalinen ja kulttuurinen kestävyys. Lapuista voi tällöin raksia tilanteeseen sopivat kohdat ja täyttää ylös täyttäjän tai täyttäjien nimen.
Studio Behm toteutti julisteesta sekä saavutettavan digitaalisen pdf:n, joka on rakennettu saavutettavaksi samalla tavalla kuin yllä oleva Save Salla -hankkeen ja toimintamallin opas.
Lisäksi Studio Behm toteutti julisteesta myös painettavaksi soveltuvan painopdf-tiedoston. Tässä taitossa mukana on cmyk-värit ja painettavaan julisteeseen tarvittavat leikkuuvarat. Koska tätä julistetta katsotaan painettuna versiona seinältä, mietin julisteeseen tarkkaan sellaiset fonttikoot ja rivivälit, jotka ovat varmasti helppolukuisia eri kohderyhmille.
Pääset tutustumaan näihin julisteisiin alla olevan linkin kautta:
Asiakkaan suositus, Save Salla-hankkeen saavutettavat taitot:
”Aivan valtavan suuri kiitos Niina sinulle tästä työstä. Olet kyllä rautainen ammattilainen ja ei voi kuin ihailla sinun taitojasi tehdä tällaista työtä ja työnjälkeä.”
Palautteen antoi: Sofia Ursin, projektipäällikkö, Save Salla -hanke, Sallan Kunta.
Palaute Studio Behmille työstä: julisteen ja saavutettavan 11-sivuisen oppaan taitto ja graafinen suunnittelu hankkeelle.
Kurkkaa lisää Studio Behmin saamia suosituksia omalta sivulta, johon olen kerännyt suosituksia.
Asiakas: Visit Tampere, Tampereen matkailustrategia
Työ: Tampereen matkailustrategian 2025-2030 one-pagerin saavutettava kiteytys, visualisointi ja taitto
Tampereen matkailustrategia, asiakas Visit Tampere. Taitto Studio Behm.
Studio Behm toteutti Tampereen matkaisustrategian 2025-2030 one-pagerin ilmeen, graafisen suunnittelun, kuvahaun ja taiton Visit Tampereelle. Studio Behm toteutti taiton sekä suomen- että englannin kielisenä ja saavutettavuus huomioiden.
Työssä sovellettiin jo olemassa olevaa brändi-ilmettä ja asiakas pääsi valitsemaan lopullisen infograafimaisen ilmeen useamman vaihtoehdon joukosta. Myös tässä työssä Studio Behm noudatti saavutettavuuskriteerejä brändin oman brändiohjeistuksen lisäksi. Työssä kiteytettiin Tampereen matkailustrategia 2030 yhteen kuvaan, jonka myötä kuvasta tehtiin tietoisesti mahdollisimman selkeä ja helposti tartuttava.
Löydät lisätietoa Tampereen matkailustrategiasta Visit Tampereen nettisivuilta linkin takaa täältä.
Asiakas: Allergia-, iho ja astmaliitto
Työ: Astmatietoviikon ilme, liitossa jatkojalostettavat leiskapohjat InDesign-muodossa ja saavutettavien lisävärien määrittely kampanjan käyttöön
Studio Behm auttoi Allergia- iho- ja astmaliittoa vuoden 2026 Astmatietoviikon kampanjailmeen ideoimisessa ja ilmeen konseptoinnissa. Ilmettä käytettiin niin julisteanimaatioissa asemilla, liiton nettisivuilla ja ilmettä jaettiin runsaasti myös eri somekanavissa erimuotoisten postausten kautta. Osassa mainoksista oli useita henkilöitä ja enemmän tekstiä, osassa vain 1-2 henkilöä ja vähemmän tekstiä. Koska ilmeen jakelukanavat ja erilaiset versioinnit olivat sen verran monipuolisia ja laajoja, Studio Behm auttoi miettimään liitolle yleiset suunnat sekä pysty- että vaakamuodoissa, toistuvat muotokielet ja saavutettavat värit ja näiden pohjalta liitto pystyi toteuttamaan itsenäisesti kampanjapäivien taitettavat materiaalit. Studio Behm toimitti ilmeen taittopohjat liitolle InDesign-muodossa, jonka kautta pohjia oli helppo jatkojalostaa.
Liitto toteutti myös itsenäisesti kampanjaa varten kuvauspäiviä, jota varten Studio Behm oli jo aiemmin ollut konseptoimassa valokuvien aitoa ääntä kuvausbriefin muodossa.
Studio Behm auttoi ideoimaan astmatietoviikolle vuoden 2026 teemaan sopivan muotokielen. Ilmeen haluttiin olevan ruudukkomainen, jossa vaihtelevat valokuvat ja tekstit, mutta mukaan haluttiin pelkkien suorakulmaisten laatikoiden lisäksi jotain uutta. Vuoden teemana oli Matkaseurana astma, joten muotokielessä päädyttiin usein vaihtoehtojen kautta pehmeisiin nuolimaisiin muotoihin, jotka symboloivat samalla matkan tekoa. Näillä muodoilla sai myös rikottua suorakulmaisuutta ja muotojen sisään sai helposti myös studiokuvia aidoista henkilöistä. Nuolet mahdollistivat myös monipuolisen versioinnin niin vaaka-, pysty- ja neliömuotoon.
Kampanjailmeeseen kuuluivat aidot studiossa kuvattavat valokuvat henkilöistä, joiden arjen matkassa astma on. Osa kuvista oli kuvattu jo ennen ilmeen valmistumista ja osa kuvattiin ilmeen valmistumisen jälkeen. Studion tausta oli cappuccinon sävyinen ja nämä kolme uutta sävyä haluttiin sopivan valokuvien kanssa yhteen.
Studio Behm testasi jokaisen uuden taustasävyn saavutettavuuden ja riittävän kontrastin mustan otsikkovärin kanssa saavutettavuustyökaluja apuna käyttäen. Valkoista tekstiä ei näiden haaleiden värien päällä suositeltu käytettävän. Joihinkin pohjiin mietittiin lisäksi rauhallisia valkoisia pintoja, joiden päällä toimi parhaiten musta otsikkoväri.
Studio Behm määritteli Allergia-, iho- ja astmaliiton käyttöön uusista sävyistä sekä rgb-, hex- ja cmyk-arvot. Painokäyttöön soveltuvat cmyk-arvot määriteltiin tarkkaan Pantone värikartan avulla.
Väreistä kertovassa ohjeistuksessa määriteltiin myös tarkemmin väriparien käyttöä. Kaikkia kolmea väriä ei koskaan siis käytetty samassa mainoksessa kerralla.
Asiakkaan suositus, Astmatietoviikon ja Allergiaviikon visuaalinen ilme:
”Niina suunnitteli meille Allergiaviikon ja Astmatietoviikon uudet kampanjailmeet. Työskentely oli helppoa, koska Niina osasi kysyä meiltä oikeat kysymykset, aikatauluttaa prosessin realistisesti, tarjota sopivasti vaihtoehtoja sekä prosessin eri vaiheissa ottaa huomioon kommenttimme. Lopputuloksena saimme Allergia-, iho- ja astmaliitolle raikkaat uudet kampanjailmeet, joita on helppo muokata eri kokoihin ja käyttötarkoituksiin.”
Palautteen antoi: Anu Sauliala, verkkoasiantuntija, Allergia-, iho- ja astmaliitto.
Palaute Studio Behmille työstä: Allergiaviikon ja astmatietoviikon kampanjoiden visuaaliset ilmeet.
Kurkkaa lisää Studio Behmin saamia suosituksia omalta sivulta, johon olen kerännyt suosituksia.
Allergiaviikon kampanjakuvituksen löydät portfoliostani kuvitusten puolelta täältä.
Tilaa saavutettavien pdf-tiedostojen visuaaliset ilmeet, kuvitukset ja InDesign-taitot Studio Behmiltä
Studio Behm auttaa yrityksiä ja liittoja saavutettavien pdf-tiedostojen taitoissa ja visuaalisissa ilmeissä (fonttihaku, sommittelu, värimaailma). Ulkoasun ja taiton lisäksi saat tilattua tarvittaessa samalla myös upeat modernit kansikuvat, kuvitukset, infograafit ja valokuvien käsittelyn digijulkaisua varten. Toki työ voi sisältää myös pelkän saavutettavan pdf:n taiton InDesignissa, valmiilla pohjilla, valmiilla teksteillä ja kuvilla. Saavutettavat taitot toteutetaan ammattimaisesti InDesign-ohjelmalla ja tarkistetaan Adobe Acrobat Pro-ohjelmassa.
Joten jos etsit parhaillaan mainostoimistoa tai graafista suunnittelijaa toteuttamaan taittotyön laadukkaasti InDesignissa ja tiedät, että lopputulos julkaistaan juuri pdf-muodossa nettisivuilla ja taitossa tarvitaan huomioida myös saavutettavuusdirektiivit, anna Studio Behmin auttaa!
Olen koonnut alla olevan painikkeen taakse lisätietoja saavutettavien pdf-tiedostojen tilaamisesta: www.studiobehm.fi/saavutettavat-taitot.
Oletko kysymästä tarjousta juuri hankkeen visuaaliselle ilmeelle, taitolle, kuvahaulle tai kuvituksille? Olen koonnut juuri hankkeisiin liittyviä lisäkysymyksiä ja vastauksia omalle sivuilleen: www.studiobehm.com/blogi/hanke-visuaalinen-ilme
Kysy tarjous Studio Behmiltä saavutettavalle työlle
Kysy matalalla kynnyksellä lisää! Tarjous kannattaa pyytää aina reilusti ennakkoon, näin pystyn auttamaan myös realistisen aikataulun miettimisessä ja saadaan tarjoukseen mukaan juuri ne palaset, joita juuri sinun työhösi tarvitaan!
Pääset kysymään tarjouksen Studio Behmiltä helposti nettisivuiltani löytyvän lomakkeen kautta tai laittamalla sähköpostia haaveistasi sähköpostitse info@studiobehm.fi.
Studio Behmiltä löydät apua myös laajempiin brändi-ilmeisiin ja visuaaliseen ilmeen uudistusprojekteihin
Etsitkö art directoria laajempaan brändi-ilmeen uudistukseen tai visuaalisen ilmeen konseptointiin aivan uudelle brändille? Studio Behm auttaa yrityksiä ja liittoja näissä brändi-ilmeen palasissa: brändivärit, logosuunnittelu, brändifonttien haku, kuvalinjaus, brändikuvitukset, graafisen ohjeistuksen taitto ja päivitys. Kurkkaa lisää Studio Behmin brändi-ilme palveluista!