Lyhyesti
- 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.
Tällä sivulla
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ä.
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
Käytä
Vältä
Käytä
Vältä
Käytä
Vältä
Käytä
Vältä
Käytä
Vältä
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ä.
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.
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 sekä suunnittelu värinäön puutteille 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 ja Instagram-julkaisujen fonttikoko 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 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
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.
Usein kysyttyä
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.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme