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. Visit Tampere, Sallan kunta ja Laurea ammattikorkeakoulu. 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.
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.
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: Vaikuttavat verkostot -hanke, tilaajana Laurea
Työ: Ruoan arvoverkoston visualisointi, hankkeen toteuttajat Laurea ammattikorkeakoulu, Haaga-Helia ammattikorkeakoulu ja Metropolia Ammattikorkeakoulu
Tilaaja Vaikuttavat verkostot -hanke. Ruoan arvoverkostojen visualisointi, sivun kuvitus ja taitto Studio Behm. (Mockup-kuva tietokoneen ruudusta taustalla: Unplash.)
Vaikuttavat verkostot - Yhdessä kestävää eurooppalaista TKI-yhteistyötä -hanke kokosi yhteen ruoan arvoverkoston visualisoinnin.
Arvoverkosto pohjautuu systeemiseen ajatteluun, jossa tarkasteltava ilmiö pyritään ymmärtämään kokonaisvaltaisesti. Ruoan arvoverkoston visualisointi esittää monitahoisen ilmiön yhdellä silmäyksellä. Visualisoinnin tekstit ja niiden yhteydet kehitettiin hankkeen aikana yhdessä alan toimijoiden ja asiantuntijoiden kanssa. Studio Behm auttoi työssä saavuttavan taiton lisäksi uusien kuvituselementtien piirtämisessä, värien saavutettavuudessa ja monimutkaisten elementtien selkeyttämisessä, niin että ruoan verkosto mahtui yhden sivun muotoon. Sivu suunniteltiin myös suuremmille näytöille katsottavaksi.
Hankkeen toteuttajat: Laurea-ammattikorkeakoulu (koordinaattori), Haaga-Helia ammattikorkeakoulu ja Metropolia Ammattikorkeakoulu.
Lisää hankkeesta pääset lukemaan Laurean sivuilta.
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!