INFOGRAFIIKKA 1 Infografiikka
INFOGRAFIIKKA 2 Yleistä informaatiomuotoilusta Piktogrammit Kartat Opasteet Työkaluja Illustratorissa
INFOGRAFIIKKA 3 Yleistä informaatiomuotoilusta
INFOGRAFIIKKA 4 Informaatiomuotoilu on tiedon muotoilua näkyväksi.
INFOGRAFIIKKA 5 Infografiikkaa ovat esimerkiksi: piktogrammit kartat opasteet graafit infokuvitukset Tänään käsittelemme etupäässä kahta ensimmäistä.
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.
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.
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ää.
INFOGRAFIIKKA 9 Piktogrammi
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ä.)
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ä.
INFOGRAFIIKKA 12 Kartat
INFOGRAFIIKKA 13 Kartta on jokaiselle tuttu infografiikka. Kartan vakiintunut määritelmä on mittauksiin perustuva pienoiskuva maantieteellisestä alueesta.
INFOGRAFIIKKA 14 Kartta on aina enemmän tai vähemmän yksinkertaisettu kuvaus todellisuudesta. Yksinkertaistaminen usein kuitenkin helpottaa tulkintaa.
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.
INFOGRAFIIKKA 16 Esimerkiksi lentoreitit voivat näyttää oudon kaarevilta Mercatorin projektion mukaisella kartalla, kun taas pallopinnalla näkee selvästi saman reitin olevan suorin.
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.
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ä.
INFOGRAFIIKKA 19 Voisalmi Lahti Lappeenranta Kouvola Tikkurila Pasila Helsingin rautatieasema Kallion kirjasto
INFOGRAFIIKKA 20 Voisalmi Lahti Kouvola Lappeenranta Tikkurila Pasila Kallion kirjasto Helsingin rautatieasema
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
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
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).
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)
INFOGRAFIIKKA 25 Opasteet
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.
INFOGRAFIIKKA 27 Joukkoliikenteessä on usein linjakohtaisia opasteita. Koko järjestelmässä suunnistettaessa käytetään karttaa, etsittäessä tiettyä linjaa taas opasteita.
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ä 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)
INFOGRAFIIKKA 1 Tehtävät
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
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ä: https://fi.pinterest.com/terojuuti/pictograms/
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
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Ä
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!
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ä
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ä: https://fi.pinterest.com/terojuuti/maps/
INFOGRAFIIKKA 9