INFOGRAFIIKKA 1. Infografiikka GRAAFINEN SUUNNITTELIJA TERO JUUTI 2022

Koko: px

Aloita esitys sivulta:

Download "INFOGRAFIIKKA 1. Infografiikka GRAAFINEN SUUNNITTELIJA TERO JUUTI 2022"

Helena Ranta
1 vuotta sitten
Katselukertoja:

1 INFOGRAFIIKKA 1 Infografiikka

2 INFOGRAFIIKKA 2 Yleistä informaatiomuotoilusta Piktogrammit Kartat Opasteet Työkaluja Illustratorissa

3 INFOGRAFIIKKA 3 Yleistä informaatiomuotoilusta

4 INFOGRAFIIKKA 4 Informaatiomuotoilu on tiedon muotoilua näkyväksi.

5 INFOGRAFIIKKA 5 Infografiikkaa ovat esimerkiksi: piktogrammit kartat opasteet graafit infokuvitukset Tänään käsittelemme etupäässä kahta ensimmäistä.

6 INFOGRAFIIKKA 6 Tässä luvut 4, 9, 16 ja 25 ovat visuaalisesti eri tavoin esitettyinä. Tiedon ymmärtäminen ja mahdollisimman hyvän esitystavan valitseminen ovat osa infomuotoilijan ammattitaitoa.

7 INFOGRAFIIKKA 7 Pylväissä luvut Pinta-alana Tilavuuksina Ympyrägraafissa eroavat eniten eroja on eroja on lukujen vertailu toisistaan. vaikeampi kaikkein vaikein on hankalaa eri hahmottaa. hahmottaa. kulmien takia.

8 INFOGRAFIIKKA 8 Infografiikan ei tulisi olla pelkkä koriste vaan etupäässä välittää tietoa. Tämä ei kuitenkaan sulje pois sitä, että infografiikka voi olla visuaalisesti näyttävää.

9 INFOGRAFIIKKA 9 Piktogrammi

10 INFOGRAFIIKKA 10 Piktogrammi eli kuvamerkki on kuvallinen, usein yksinkertainen symboli, joka merkitsee esinettä, ajatusta tai muuta vastaavaa. (Ideogrammi on oikeampi nimitys ajatusta kuvittavalle merkille, mutta käytännössä piktogrammi-sanaa käytetään samassa merkityksessä.)

11 INFOGRAFIIKKA 11 Esim. emojeita voi ajatella piktogrammeina. Käyttöliittymäikonit (puhelimet, tietokoneet, nettisivut) ovat myös piktogrammeja. Myös opasteissa ja kartoissa piktogrammit ovat yleisiä.

12 INFOGRAFIIKKA 12 Kartat

13 INFOGRAFIIKKA 13 Kartta on jokaiselle tuttu infografiikka. Kartan vakiintunut määritelmä on mittauksiin perustuva pienoiskuva maantieteellisestä alueesta.

14 INFOGRAFIIKKA 14 Kartta on aina enemmän tai vähemmän yksinkertaisettu kuvaus todellisuudesta. Yksinkertaistaminen usein kuitenkin helpottaa tulkintaa.

15 INFOGRAFIIKKA 15 CC BY-SA 3.0 Eri karttaprojektiot antavat erilaisen kuvan maailmasta. Mercatorin projektiossa pohjoinen on aina ylhäällä, mutta pinta-ala vääristyy napoja kohti. Grönlanti on oikeasti 1/14 Afrikan pintaalasta.

16 INFOGRAFIIKKA 16 Esimerkiksi lentoreitit voivat näyttää oudon kaarevilta Mercatorin projektion mukaisella kartalla, kun taas pallopinnalla näkee selvästi saman reitin olevan suorin.

17 INFOGRAFIIKKA 17 Virtauskartta kuvaa muuttoliikettä, kauppaa tms. ihmisten tai asioiden liikettä. Viivan paksuus tai väri kuvaa määrien suuruutta. Charles Minardin virtauskartta Napoleonin Venäjänsotaretkestä. Kartta vuodelta 1869.

18 INFOGRAFIIKKA 18 Topologinen kartta kuvaa solmupisteiden välisiä yhteyksiä. Tunnettuja esimerkkejä ovat joukkoliikennekartat, esim. Lontoon metrokartta. Maantieteellinen vastaavuus ei ole metrolla liikuttaessa ensisijaista. Paikkojen ja vaihtojen löydettävyys ja selkeys ovat tärkeämpiä.

19 INFOGRAFIIKKA 19 Voisalmi Lahti Lappeenranta Kouvola Tikkurila Pasila Helsingin rautatieasema Kallion kirjasto

20 INFOGRAFIIKKA 20 Voisalmi Lahti Kouvola Lappeenranta Tikkurila Pasila Kallion kirjasto Helsingin rautatieasema

21 I N FO G R AF I I K K A 2 1 Transport for London G R A AF I N E N S U U N N I T T E L I JA T E R O J U UT I 2022

22 I N FO G R AF I I K K A 2 2 G R A AF I N E N S U U N N I T T E L I JA T E R O J U UT I 2022

23 INFOGRAFIIKKA 23 Alueluokituskartoissa eri alueita merkitään halutun ominaisuuden arvojen mukaan. Esim. asukastiheyttä eri alueilla voidaan merkitä eri väreillä. Koropleettikartta käyttää aluemerkinnöissä olemassaolevia maantieteellisiä jakoja (esim. kuntarajat tai postinumeroalueet).

24 INFOGRAFIIKKA 24 Kirjallisuutta Koponen, Hildén, Vapaasalo: Tieto näkyväksi. Informaatiomuotoilun perusteet. (Aalto-yliopisto 2016) Tufte: Envisioning Information (Graphic Press 1990) Cairo: The Functional Art. An introduction to information graphics and visualization. (New Riders 2012)

25 INFOGRAFIIKKA 25 Opasteet

26 INFOGRAFIIKKA 26 Opaste ohjaa lukijaa haluttuun paikkaan. Yksinkertainen opaste on esim. kyltti jossa on teksti tai symboli. Metsäpolulla opaste voi olla värillinen merkki puussa, joka kertoo että on reitillä. Monimutkaisemmat (tai esim. monikieliset) opasteet ovat itsekin monimutkaisempia.

27 INFOGRAFIIKKA 27 Joukkoliikenteessä on usein linjakohtaisia opasteita. Koko järjestelmässä suunnistettaessa käytetään karttaa, etsittäessä tiettyä linjaa taas opasteita.

28 INFOGRAFIIKKA 28 Yamanote-junalinjan laituriopaste Tokiosta

Aseman numerokoodi INFOGRAFIIKKA 29 Aseman nimi japaniksi (yllä monimutkaisemmat kanji-merkit, alla tavumerkit lukemaan opetteleville) Aseman nimi kiinaksi ja koreaksi matkustusaluemerkintöjä

29 Aseman numerokoodi INFOGRAFIIKKA 29 Aseman nimi japaniksi (yllä monimutkaisemmat kanji-merkit, alla tavumerkit lukemaan opetteleville) Aseman nimi kiinaksi ja koreaksi matkustusaluemerkintöjä Seuraava asema japaniksi Edellinen asema japaniksi Junan menosuunta Seuraava asema + numerokoodi Aseman nimi englanniksi Edellinen asema englanniksi Eri linjat on värikoodattu, Yamanoten koodiväri on vihreä JNR Yellow Green No.6 (Munsell code 7.5GY 6.5/7.8)

30 INFOGRAFIIKKA 1 Tehtävät

31 INFOGRAFIIKKA 2 Tehtävä: Piktogrammit Tee 5 piktogrammia, joissa käytät yhtenäistä visuaalista kuvakieltä. Kuvakieli muodostuu väreistä, viivan paksuudesta, kuvakulmasta, kulmien pyöreydestä / terävyydestä, piirrostyylistä Piktogrammien aiheet: kävely pyöräily 3 liikennevälinettä (esim. juna, raitiovaunu, metro, auto, lentokone) MIETI KUVAATKO HAHMOT JA LIIKENNEVÄLINEET EDESTÄ VAI SIVULTA

32 INFOGRAFIIKKA 3 Inspiraatiota piktogrammeihin Pelkistäminen on helpompaa kun tutkit hetken ensin, miten muut ovat ratkaisseet saman ongelman. Inspiroidu ja havainnoi. Ehkä keksit paremman tavan ratkaista asiat. Esimerkkejä:

33 I N FO G R AF I I K K A 4 G R A AF I N E N S U U N N I T T E L I JA T E R O J U UT I 2022

34 INFOGRAFIIKKA 5 Tehtävä: Kartta Luo pelkistetty kartta, jossa kerrot reiteistä joita olet kulkenut. Valitse mukaan noin 5 reittiä. Voit kertoa kartalla: Missä ollaan? (jokin maamerkki tai pelkistetty muoto, josta tunnistamme Helsingin, Suomen, Pariisin, Pasilan ) Millä kulkuvälineellä olet kulkenut ja minne? (voit käyttää hyväksi luomiasi piktogrammeja) Mitä olet tehnyt? (Missä on koti, koulu, kaveri, lomapaikka, mökki, laskettelurinne, kahvila, ravintola, kuntosali, työ ) Miten reittisi risteävät? YHTENÄINEN TYYLI HELPOTTAA TEKEMISTÄ

35 INFOGRAFIIKKA 6 Vinkkejä kartan tekoon Voit ottaa mallia metrokartasta, kaupunkikartasta tai tehdä omanlaisesi kartan. Pelkistä mahdollisimman paljon. Yhtenäinen tyyli, värimaailma ja visuaalinen ilme helpottavat tekemistä. Muista käyttää piktogrammeja ja symboleita apunasi!

36 INFOGRAFIIKKA 7 Vinkkejä kartan tekoon Päätie Päätie Lampi Lampi Järvi Sivutie Järvi Sivutie Saari Saari Epäselvä versio: pienet kontrastit, värit sekoittuvat toisiinsa kaikki tekstit samassa koossa teiden paksuudet samat Selvempi versio: isommat kontrastit eri kokoisia ja värisiä tekstejä, osa versaaleilla eri paksuiset tiet ääriviiva lähellä toisiaan olevissa väreissä

37 INFOGRAFIIKKA 8 Vinkkejä kartan tekoon Kartan koko: n. A4 (pysty/vaaka/neliö) Tiedostomuoto mielellään PDF tarkista että pienistäkin yksityiskohdista ja teksteistä saa selvää muista myös värikontrastit: jos värit ovat liian lähellä toisiaan niitä on vaikea erottaa toisistaan (vinkki: ääriviivat ja/tai varjostus voi auttaa) esimerkkejä:

38 INFOGRAFIIKKA 9

Samankaltaiset tiedostot

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005

Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä