# Infografiikan suunnittelu someen: ymmärrettävää tietoa

[Canonical HTML page](https://gradiently.design/fi/guide/infographic-design)

Somen infografiikalla on viestinsä kertomiseen vain peukalon pysähdyksen verran aikaa. Tiheän julisteen sijaan toimivat yksi luku, yksi kaavio ja yksi rehellinen lause.

## The short version

- Somen infografiikan kannattaa kertoa yksi asia kuvaa kohden yhdellä luvulla tai yksinkertaisella kaaviolla.
- Pylväskaavion arvoakselin tulee alkaa nollasta, sillä rajattu akseli liioittelee eroja.
- Jokainen infografiikan tilastoluku tarvitsee nimetyn lähteen ja päivämäärän pienellä tekstillä kuvan alareunaan.
- Käytä yhtä korostusväriä tärkeälle tiedolle ja hillittyjä sävyjä kaikelle muulle.
- Pitkä infografiikka toimii Instagramissa ja LinkedInissä paremmin karusellina, jossa jokaisella sivulla on yksi ajatus.

Hyvä **infografiikan suunnittelu** someen on 2010-luvun pitkien infografiikkajulisteiden vastakohta. Puhelimessa jokainen kuva saa vain hetken. Sen on kerrottava yksi asia: valtava yksittäinen luku tai yksinkertainen kaavio, jonka otsikko kertoo havainnon. Tiedon pitää olla rehellistä, lähteen nimetty ja tekstin niin suurta, että sen lukee suurentamatta. Jos sanottavaa on enemmän, käytä karusellia ja anna jokaiselle ajatukselle oma sivu.

## Yksi kuva, yksi asia

Kirjoita ennen suunnittelutyökalun avaamista lause, jonka infografiikka todistaa. ”Useimmat tilauksemme saapuvat maanantaisin.” ”Sinivihreä myi tänä syksynä kaikkia muita värejä enemmän.” Jos et pysty kirjoittamaan lausetta, kaavio ei ole valmis eikä mikään suunnittelu pelasta sitä.

Pystysuuntainen infografiikka, jossa suuri 3 päivää kuvaa tämän vuoden keskimääräistä toimitusaikaa

Yhden luvun infografiikka. Suuri luku, täsmällisesti mittauksen kertova selite eikä mitään kilpailevaa.

Yhden luvun sommittelu on aliarvostetuimpia infografiikan muotoja. Sen lukee silmäyksellä, se kestää ruudukon pienen näyttökoon ja pakottaa valitsemaan olennaisen luvun. Nimeä se tarkasti: ”keskimääräinen toimitus” ja ”nopein toimitus” ovat hyvin erilaisia väitteitä.

## Valitse yksinkertaisin toimiva kaavio

| Haluat näyttää | Käytä | Vältä |
| --- | --- | --- |
| Yhden tunnusluvun | Suuri luku ja selite | Kaavio, jossa on yksi pylväs |
| Muutaman asian vertailun | Vaakapylväskaavio | 3D-pylväät, monilohkoinen piirakka |
| Muutoksen ajan kuluessa | Viivakaavio tai muutama pylväs | Viisikerroksiset aluekaaviot |
| Kokonaisuuden osat | Yksi pinottu pylväs tai kaksi- tai kolmilohkoinen piirakka | Kahdeksanväriset rengaskaaviot |
| Prosessin | Numeroidut vaiheet | Joka suuntaan kulkevat nuolet |

Vaakapylväät ovat somen perustyökalu: selitteet mahtuvat vasemmalle ja silmä vertailee pituuksia helposti.

Vaakapylväät voittavat pystypylväät pystyjulkaisussa, koska pitkät selitteet mahtuvat ilman kiertämistä. Järjestä ne suurimmasta pienimpään, ellei järjestyksellä ole merkitystä, kuten viikonpäivillä. Kirjoita arvo jokaisen pylvään päähän, jotta lukijan ei tarvitse lukea apuviivoja.

## Rehellisen tiedon olennaiset säännöt

Infografiikka on arvovaltainen väite. Ihmiset luottavat kaavioihin enemmän kuin lauseisiin, ja juuri siksi harhaanjohtava kaavio aiheuttaa enemmän vahinkoa. Nämä säännöt pitävät omasi rehellisenä.

### Harhaanjohtava

- Pylväsakseli alkaa arvosta 90, joten 92 näyttää kaksinkertaiselta lukuun 91 nähden
- Ei lähdettä tai ”tutkimusten mukaan”
- Prosentit, joiden summa ei ole 100
- Valikoidut päivämäärät, jotka peittävät laskun
- 3D-kallistus, joka suurentaa läheisiä lohkoja

### Rehellinen

- Pylväsakseli alkaa nollasta
- Lähde ja päivämäärä pienellä alareunassa
- Oikeat summat tai selitys poikkeamalle
- Täysi, ilmoitettu aikaväli
- Tasaiset kaaviot, suorat selitteet

Viivakaavio voi alkaa nollan yläpuolelta, kun muutos on olennainen. Kerro siitä ja pidä asteikko järkevänä. Älä yhdistä omia lukuja lainattuihin kertomatta, kumpi on kumpaa. Jos lainaat toisen tutkimusta, nimeä se kokonaan ja linkitä kuvatekstissä.

> **Otoskoolla on merkitystä** ”80% asiakkaista piti siitä” viiden vastauksen perusteella ei ole tilasto vaan neljä ihmistä. Jos otos on pieni, kerro oikea määrä: ”4 niistä 5 ihmisestä, joilta kysyimme”.

## Väri, joka ohjaa tietoon

Käytä väriä sanomaan ”katso tähän”. Yksi korostusväri viestin kantavalle pylväälle, viivalle tai luvulle ja hillityt harmaat tai brändin neutraalit sävyt kaikelle muulle. Sateenkaaripylväät tekevät kaikesta yhtä äänekästä, joten mikään ei erotu.

- Musteen tumma pohja: #0f172a
- Sinivihreä korostus: #14b8a6
- Hillitty pylväs: #475569
- Selitteen harmaa: #94a3b8
- Otsikon valkoinen: #f1f5f9

Tietopaletti tummalla pohjalla: sinivihreä nostaa asian esiin, kaksi harmaata antavat taustan ja selitteet, valkoinen kuuluu otsikolle.

Tarkista korostusvärin ja taustan kontrasti. Älä erota kahta sarjaa vain punaisella ja vihreällä, sillä moni lukija ei erota niitä toisistaan. [Värikontrasti ja saavutettavuus](https://gradiently.design/fi/guide/color-contrast-accessibility) sekä [suunnittelu värinäön puutteille](https://gradiently.design/fi/guide/color-blindness-design) kertovat lisää. Tumma pohja saa yksittäisen kirkkaan värin hohtamaan, mikä auttaa, kun luku on koko tarina.

## Typografia ja sommittelu pienille näytöille

1. **Otsikko kertoo havainnon** ”Maanantai on kiireisin päivämme”, ei ”Tilaukset päivittäin”. Kaavio todistaa lauseen.
2. **Pidä selitteet suurina** 1080 pikseliä leveässä julkaisussa alle noin 28 pikselin selitteitä on vaikea lukea puhelimella. Jos ne eivät mahdu, niitä on liikaa.
3. **Nimeä suoraan** Laita nimet pylväiden ja viivojen viereen erillisen, tulkittavan selitelaatikon sijaan.
4. **Lähde alareunaan** Pieni mutta luettava teksti päivämäärällä: ”Lähde: tilausdatamme, tammi-syyskuu 2026.”
5. **Jätä marginaalit** Pidä kaikki vähintään 60 pikselin päässä reunoista, jotta esikatselu ei rajaa mitään pois.

[Visuaalinen hierarkia](https://gradiently.design/fi/guide/visual-hierarchy) ja [Instagram-julkaisujen fonttikoko](https://gradiently.design/fi/guide/font-size-for-social-media) käsittelevät kokoja tarkemmin.

## Muuta pitkä infografiikka karuselliksi

Jos havaintoja on viisi, tee viisi sivua. Instagramin tai LinkedInin karuselli muuttaa tiheän julisteen tarinaksi: kansisivu tärkeimmällä havainnolla, sivu jokaista asiaa kohden ja loppusivu lähteillä ja päätelmällä. [Instagram-karusellin suunnittelu](https://gradiently.design/fi/guide/instagram-carousel-design) käsittelee rytmiä ja kantta.

- Instagram-julkaisu 1080×1350: 1080 × 1350
- LinkedIn-pystykuva 1080×1350: 1080 × 1350
- Pinterestin pitkä pin 1000×2100: 1000 × 2100
- X-julkaisu 1600×900: 1600 × 900

Pystymuoto sopii Instagramin ja LinkedInin karuselleihin. Pinterestin pitkä pin on paikka, johon korkea yhden kuvan infografiikka yhä kuuluu.

Pidä tausta ja typografia samoina joka sivulla, jotta karuselli tuntuu yhdeltä kokonaisuudelta. Gradientlyssä saman työn sivut jakavat Markin, ja Automaattinen muste valitsee taustan perusteella vaaleat tai tummat selitteet, jotta jokainen luku pysyy luettavana. Pron eräluonti voi myös yhdistää taulukon sarakkeet sivun tekstiin ja taulukoihin. Se auttaa, kun julkaiset saman muodon joka kuukausi uusilla luvuilla.

## FAQ

### Miten suunnittelen infografiikan someen?

Kerro yksi asia kuvaa kohden suurella luvulla tai yksinkertaisella kaaviolla. Kirjoita havainnon kertova otsikko, nimeä tiedot suoraan ja lisää lähde alareunaan.

### Minkä kokoinen Instagram-infografiikan pitäisi olla?

1080×1350 jokaista julkaisua tai karusellisivua kohden. Pitkälle yhden kuvan infografiikalle Pinterestin 1000×2100-pitkä pin on parempi paikka.

### Pitäisikö pylväskaavion alkaa nollasta?

Kyllä. Arvoakselin aloittaminen nollan yläpuolelta liioittelee eroja ja johtaa lukijoita harhaan.

### Tarvitseeko infografiikka lähteet?

Jokainen tilastoluku tarvitsee nimetyn lähteen ja päivämäärän kuvaan sekä mieluiten linkin kuvatekstiin.

### Mikä kaaviotyyppi sopii parhaiten someen?

Yksittäinen suuri luku tai vaakapylväskaavio. Molemmat luetaan nopeasti puhelimella ja pysyvät selkeinä pienessäkin koossa.