Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Koko: px

Aloita esitys sivulta:

Download "Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005"

Joel Auvinen
9 vuotta sitten
Katselukertoja:

1 Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen

2 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ää

olennaiseen levoton ilme väsyttää nopeasti sopiva ryhmittely ja tyhjä

3 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

ei puhtaina sähköiseen materiaaliin (ärsyttäviä) Molempien edellisten sisällä myös erottelu kylmempiin ja

4 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

PowerPointissa musta ja valkoinen ovat puhtaita äärimmäisiä värejä

5 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)

valkoinen ovat äärimmäisiä värejä (teksti alkaa elää ) Vältä sähköisessä

6 Ä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ää

7 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ää.

Näin pitkiä ja perinpohjaisia lauseita ei kannata edes yrittää esittää kalvolla. Kalvossa on tarkoitus tiivistää asiasta vain olennaiset yksityiskohdat esiin.

8 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.

9 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

10 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.

luettavuuteen Tässä esimerkki värien vaikutuksesta toisiinsa ja luettavuuteen Tumma teksti vaalealla

11 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ä

liittyvät yhteen Ihminen pyrkii hakemaan merkityksiä visuaalisille havainnoille

12 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ä

vaaleampi teksti on vähemmän tärkeää tässä on vähiten tärkeä teksti

13 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

Kuvat, joissa on ihmisiä kiinnostavat aina

14 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

15 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ää

kasvatetaan, kun teksti tuntuu vaikeasti luettavalta, vaikka pelkkä rivivälin kasvattaminen voisi riittää

16 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

Times-tyyppinen on pitkinä teksteinä helppolukuisempaa ja sopii

Samankaltaiset tiedostot

TIEDEPOSTERI. - Viestinnän välineenä. Marisa Rakennuskoski

TIEDEPOSTERI. - Viestinnän välineenä. Marisa Rakennuskoski TIEDEPOSTERI - Viestinnän välineenä Marisa Rakennuskoski POSTERILAJIT Mainosposteri(pääpaino kuvilla ja visuaalisuudella) Ammatillinenposteri(vapaamuotoinen, esim. jonkin projektin tapahtumia kuvaava,