Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005
Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä olennaiseen levoton ilme väsyttää nopeasti sopiva ryhmittely ja tyhjä tila auttaa hahmottamaan kokonaisuuksia Opetusmateriaalin ei tarvitse viihdyttää
Kylmät ja lämpimät sävyt Kylmät: sini- viher sävyt etäännyttävät, rauhoittavat, staattisia sähköisessä materiaalissa taustalla Lämpimät: puna- kelta sävyt nousevat kohti katsojaa, aktiivisia (jopa levottomia) ei puhtaina sähköiseen materiaaliin (ärsyttäviä) Molempien edellisten sisällä myös erottelu kylmempiin ja lämpimämpiin Vertailu aina suhteellista ei absoluuttisia asteikkoja värisävyyn vaikuttaa aina viereinen väri
Mustaa valkoisella 1 Äärikontrastit väsyttävät Paperilla musta ei ole täysin mustaa eikä valkoinen täysin valkoista Verkossa ja PowerPointissa musta ja valkoinen ovat puhtaita äärimmäisiä värejä (teksti alkaa elää ) Vältä sähköisessä materiaalissa täysin mustaa täysin valkoisella
Mustaa valkoisella 2 Äärikontrastit väsyttävät Paperilla musta ei ole täysin mustaa eikä valkoinen täysin valkoista Verkossa ja PowerPointissa musta ja valkoinen ovat äärimmäisiä värejä (teksti alkaa elää ) Vältä sähköisessä materiaalissa täysin mustaa täysin valkoisella (sama kuin edellä mutta harmaana)
ÄLÄ HUUDA! ISOILLA KIRJAIMILLA (VERSAALI) KIRJOITETTUA ON HANKALA LUKEA. VERSAALI SOPIIKIN VAIN LYHYIHIN OTSIKOIHIN! Myös liiallinen värien käyttö on visuaalista HUUTOA, joka väsyttää
Kuinka paljon yhdelle kalvolle? Tämä kalvo on aivan liian täynnä asiaa, että siitä pystyisi kunnolla hahmottamaan mistä oikeastaan on kysymys. Näin pitkän proosan paikka on opintomonisteessa, oppikirjassa tai raportissa. Jos asiaa on niin paljon, että siitä tulee näin pitkää tarinaa, ei sen paikka ole enää kalvossa. Näin pitkiä ja perinpohjaisia lauseita ei kannata edes yrittää esittää kalvolla. Kalvossa on tarkoitus tiivistää asiasta vain olennaiset yksityiskohdat esiin. Tässä eivät enää yksittäiset asiat erotu toisistaan. Mikään ei erityisesti nouse esiin muuta asiaa tärkeämpänä. Tästä alkaa olla jo ylimalkaan vaikea lukea mitä tässä sanotaan ja lukijan on vaikea erottaa mitä tässä erityisesti yritetään korostaa. Näin paljon näin tiuhaan ladottuja rivejä ei pitäisi sulloa yhdelle kalvolle. Tätä on väsyttävää lukea. Eri kohdat eivät erotu toisistaan, kun käytetty riviväli on liian pieni eikä kappaleiden välillä ole tyhjää.
Kuinka paljon yhdelle kalvolle? Tämä kalvo on aivan liian täynnä asiaa, että siitä pystyisi kunnolla hahmottamaan mistä oikeastaan on kysymys. Näin pitkän proosan paikka on opintomonisteessa, oppikirjassa tai raportissa. Jos asiaa on niin paljon, että siitä tulee näin pitkää tarinaa, ei sen paikka ole enää kalvossa. Näin pitkiä ja perinpohjaisia lauseita ei kannata edes yrittää esittää kalvolla. Kalvossa on tarkoitus tiivistää asiasta vain olennaiset yksityiskohdat esiin. Tässä eivät enää yksittäiset asiat erotu toisistaan. Mikään ei erityisesti nouse esiin muuta asiaa tärkeämpänä. Tästä alkaa olla jo ylimalkaan vaikea lukea mitä tässä sanotaan ja lukijan on vaikea erottaa mitä tässä erityisesti yritetään korostaa. Edellä oli esimerkki liian tiuhaan ladotuista riveistä. Niitä oli väsyttävää lukea. Tälläkin kalvolla on liian pitkiä lauseita, mutta nyt ainakin eri kohdat erottuvat vähän paremmin toisistaan ja tekstiä on hiukan helpompi lukea.
Kuinka paljon yhdelle kalvolle? Kalvolla ei kannata käyttää kovin pitkiä lauseita. Vain olennaiset asiat kiteytettynä esiin. Sopiva riviväli selventää tekstiä ja helpottaa lukemista
Värien käyttö Tässä esimerkki värien vaikutuksesta toisiinsa ja luettavuuteen Tässä esimerkki värien vaikutuksesta toisiinsa ja luettavuuteen Tässä esimerkki värien vaikutuksesta toisiinsa ja luettavuuteen Tässä esimerkki värien vaikutuksesta toisiinsa ja luettavuuteen Tumma teksti vaalealla pohjalla on yleensä helppolukuisempaa. Punaiset tekstit suorastaan hyppelevät silmissä, varsinkin alemmassa.
Tyhjän tilan käyttö, symmetria Ryhmittely auttaa hahmottamaan yhteen kuuluvia asioita Tyhjä tilaa erottelee ja rajaa kokonaisuuksia yhteen Tähän allekkain kirjoitetut asiat liittyvät yhteen Ihminen pyrkii hakemaan merkityksiä visuaalisille havainnoille Epäsymmetria huomataan aina, epäsymmetria häiritsee Tahattomat poikkeamat sekoittavat viestiä
Kontrastin käyttö Väri, koko, fontti Isompi teksti on tärkeämpää pienempi (sisennetty) teksti on vähemmän tärkeää Tummempi teksti on tärkeämpää vaaleampi teksti on vähemmän tärkeää tässä on vähiten tärkeä teksti Otsikon on hyvä erottua riittävällä kontrastilla (koko, väri, fontti) muusta tekstistä
Kuvien käyttö Kalvossa kuvat kiinnittävät huomion ensimmäisenä Kuva kertoo enemmän kuin tuhat sanaa Kuvat, joissa on ihmisiä kiinnostavat aina enemmän Älä korista sivua asiaan liittymättömillä kuvilla
Kuvien käyttö Kalvossa kuvat kiinnittävät huomion ensimmäisenä Alla on yksityiskohta kuivamuuntajasta Yllä on kuva laitoksen liikuntapäivästä Saarikylillä Tämän sivun kuvat eivät liity mitenkään toisiinsa
Typografia Viestin selkeys kirjasintyyppi (antikva vai groteski) riviväli kirjasintyyppi viestin tyypin mukaan Tämä on kaunista, mutta hankalalukuista Tämäkin tyyppi voi olla paikallaan jossain Joskus fonttikokoa kasvatetaan, kun teksti tuntuu vaikeasti luettavalta, vaikka pelkkä rivivälin kasvattaminen voisi riittää Joskus fonttikokoa kasvatetaan, kun teksti tuntuu vaikeasti luettavalta, vaikka pelkkä rivivälin kasvattaminen voisi riittää
Antikva vai groteski Antikva Päätteellinen Times New Roman Palatino Bookman Groteski Päätteetön Arial Verdana Tahoma Times-tyyppinen on pitkinä teksteinä helppolukuisempaa ja sopii leipätekstiin Arial- tyyppiset fontit sopivat otsikkoon ja lyhyeen tekstiin