Infograafin teko viidessä eri vaiheessa (vaihe vaiheelta -opas)

By Julia, Jul 19, 2019

Jos haluat luoda infograafin, joka kiehtoo, tekee yhteenvetoja ja tiedottaa, niin tämä opas on sinua varten.

Sellaisen henkilön näkökulmasta, joka ei ole suunnittelija, kauniin ja tehokkaan infograafin tekeminen voi tuntua mahdottomalta tehtävältä…sellaiselta, joka olisi parempi jättää ammattilaisen työksi.

Mutta se on kaukana totuudesta. Me olemme kehittäneet tuhansia infograafeja luotuamme melko vankan järjestelmän infograafien tekemiseksi.

Olemme kääntäneet tuon järjestelmän helppoakin helpommaksi oppaaksi, jolla jokainen pystyy tekemään oman infograafin viidessä eri vaiheessa.

Etkö ole vielä aivan varma, mikä on infograafi ja mihin sellaista voi käyttää? Lue johdantokirjoituksemme Mikä on infograafi? saadaksesi niistä yksinkertaisen ja selkeän kuvan (esimerkkien kera).

Kuinka luoda infograafi viidessä vaiheessa:

  1. Hahmottele infograafisi tavoitteet.
  2. Kerää tietoa infograafiasi varten.
  3. Visualisoi infograafiisi tuleva data.
  4. Suunnittele infograafisi infograafimallipohjaa käyttäen (vieritä alas löytääksesi video-oppaan).
  5. Tuo infograafiisi tyyliä.


Käydäänpä ohje tarkemmin läpi vaihe vaiheelta.

Vaihe 1: Hahmottele infograafisi tavoitteet

Ennen kuin alat miettimään mitään ulkoasua, kaavioita tai estetiikkaa, sinun tulee miettiä infograafisi tavoitteita. Miksi olet tekemässä tätä infograafia?

Kun puhun tavoitteista, en tarkoita korkean tason tavoitteita kuten “tiivistä monimutkaista informaatiota” tai “paranna verkkosivun liikennettä”. 

Tarkoitan selkeitä ja konkreettisia tavoitteita, jotka ovat mahdollisia saavuttaa.

Määrittele keskeinen ongelma, johon vastaat

Tiedosta, että luot infograafin sitä varten, että sen katselijat voisivat saada siitä itselleen jotakin. Tuon jonkin tulisi olla ratkaisu johonkin keskeiseen ongelmaan, jonka kanssa katselijasi kamppailevat, ja jonka sinun infograafisi tulee heille tarjoamaan.

Käytä kysymyspyramidia

Tuon aiemman määritelmän tehtyäsi voit käyttää kysymyspyramidia muuntaaksesi tämän keskeisen ongelman 3-5 kysymykseksi, joihin on tarkoitus etsiä vastaukset:
how to make an infographic


Nämä kysymykset muodostavat ne raamit, joiden ympärille luot infograafisi, ja jotka auttavat sinua luomaan mukaansatempaavan tarinan.

Näiden tukikysymysten tulisi paljastaa yleisöllesi ne perustiedot, joita he tarvitsevat ymmärtääkseen ongelman ytimen, ja pyramidin jatkokysymysten tarkoitus on herättää laajempaa ymmärrystä, joka auttaa keskeisen ongelman ratkaisussa.

Käydäänpä yhdessä läpi eräs esimerkki. Nämä infograafit hahmottavat tavan yhdistellä viinejä:

how to make an infographic

Lähde

how to make an infographic

Lähde


Yleisösi keskeinen ongelma on: “kuinka yhdistää ruoat ja viinit”. Heidän kysymyspyramidinsa saattaa silloin näyttää vaikkapa tältä:

how to make an infographic

Keskeisen kysymyksen määrittäminen ja kysymyspyramidin käyttäminen ongelman avaamiseksi on ensimmäinen vaihe tehokkaan infograafin luonnissa. Jos olet käynyt tämän prosessin läpi, etkä ole vieläkään varma, mikä tarina sinun tulisi kertoa, niin lue lisää oman infograafitarinasi löytämisestä.

Palaa sisällysluetteloon

Vaihe 2: Kerää tietoa infograafiasi varten

Tulet tarvitsemaan hiukan dataa voidaksesi vastata niihin kysymyksiin, jotka määrittelit ensimmäisessä vaiheessa.

Jos sinulta löytyy tiedot omasta takaa, hyvä – voit siirtyä kolmanteen vaiheeseen! Jos ei, niin älä huoli. Saatavillasi on roimasti yleistä tietoa (jo pelkästään Amerikassa tuotetaan noin 2,7 miljoonaa gigatavua dataa joka minuutti), jos vain tiedät, mistä etsiä.

Käydään seuraavaksi läpi joitakin strategioita hyödyllisen datan keräämiseksi ilman, että sinun tarvitsisi järjestää omaa tutkimustasi.

Paranna Google-hakutaitojasi

Google on usein paras paikka aloittaa etsiminen. Kohdista Google-hakusi paremmin symboleita ja tarkennettuja hakutermejä käyttäen:

  • Käytä lainausmerkkejä jonkin tietyn lauseen etsimiseksi (Esimerkiksi “ruoan ja viinin yhdistäminen”)
  • Käytä miinusmerkkiä poissulkeaksesi termejä haustasi (Esimerkiksi ruoan ja viinin yhdistäminen -punainen)
  • Liitä hakulausekkeeseen sana “tieto” (Esimerkiksi ruoan ja viinin yhdistäminen tieto)
  • Lisää hakulausekkeeseen tiedostomuoto (xls, csv, tsv) (Esimerkiksi ruoan ja viinin yhdistäminen xls)

Etsi jo olemassa olevia tietolähteitä

Vaikka Google-haut ovatkin nopeita ja helppoja, niin saat itsellesi usein kasan epämääräistä tietoa, jonka setviminen vie paljon aikaa. Tutkiskele näitä tietovarastoja saadaksesi dataa, joka on valmista käytettäväksi:

Jos molemmat näistä strategioista epäonnistuvat, saatat joutua keräämään datasi itse. Katso oppaastamme, kuinka toteutat oman tutkimuksesi ja lue kattava tiedonkeruuoppaamme.

Palaa sisällysluetteloon

Vaihe 3: Visualisoi infograafiisi tuleva data

Nyt sinulla on kysymykset, joihin haluat vastata ja data, jonka niihin vastaamiseen tarvitset. Seuraavana vaiheenasi sinun tulisi päättää, kuinka esität tuon datan visuaalisesti.

Olemme kehittäneet TVMJPT-menetelmän auttaaksemme sinua valitsemaan parhaat kaaviot dataasi varten. Ensiksi sinun on määritettävä jokaisen visualisoitavan datasarjan osalta, onko ensisijaisena tavoitteena:

  • Tiedottaa,
  • Verrata,
  • Muuttaa,
  • Järjestää,
  • Paljastaa suhteita, vai
  • Tutkia.

Sovella sen jälkeen tuolle tavoitteelle parhaiten sopivia käytäntöjä, jotta löydät oikeat kaaviot dataasi varten.

Käydään seuraavaksi jokainen tavoite erikseen läpi:

Tiedotus

Tarkoituksesi on välittää lukijalle jokin tärkeä viesti tai datapointti, jonka ymmärtäminen ei vaadi kovin paljon kontekstia.

Huolehdi, että numeeriset tiedot erottuvat joukosta kookkaan, vahvan ja värikkään tekstin avulla:

how to make an infographic

Kiinnitä dataasi lisähuomiota ikonin ja tekstin yhdistelmällä:

how to make an infographic

Korosta prosenttiosuutta tai suhdetta donitsikaaviota tai piktogrammia käyttämällä:

how to make an infographic

Vertailu

Tarkoitus on esitellä yhtäläisyyksiä tai eroavaisuuksia arvojen tai kokonaisuuksien eri osien välillä.

Käytä itsenäisten arvojen vertailuun pylväskaaviota, sarakekaaviota, kuplakaaviota tai kuplapilveä.

how to make an infographic

Vertaile kokonaisuuksien eri osia ympyräkaavion, donitsikaavion, piktogrammin tai puukartan avulla.

how to make an infographic

Käytä pinottua pylväskaaviota tai pinottua sarakekaaviota, kun haluat vertailla kategorioita ja kokonaisuuksien eri osia.

how to make an infographic

Käytä pinottua aluekaaviota arvojen vertailemiseksi pitkällä aikavälillä.

how to make an infographic

Muutos

Tarkoitus on esitellä arvoja pitkällä aika- tai etäisyysvälillä.

Käytä linjakaaviota tai aluekaaviota, kun haluat esittää ajan myötä tapahtuvia muutoksia.

how to make an infographic

Käytä aikajanaa näyttääksesi ajan myötä ilmeneviä erillisiä tapahtumia.

how to make an infographic

Käytä koropleettikarttaa avaruudellisen datan esittämiseksi.

how to make an infographic

Käytä karttasarjoja esittääksesi dataa, joka muuttuu sekä ajan ja paikan myötä.

how to make an infographic

Järjestys

Tarkoituksesi on esitellä ryhmiä, kuvioita, sijoituksia tai järjestystä.

Käytä listaa sijoitusten tai järjestysten kuvaamiseen silloin, kun haluat tarjota lisätietoa kustakin elementistä.

how to make an infographic

Käytä taulukkoa sijoitusten tai järjestysten kuvaamiseen silloin, kun haluat lukijoidesi voivan hakea tiettyjä arvoja.

how to make an infographic

Käytä vuokaaviota kuvaamaan järjestystä prosessin sisällä.

how to make an infographic

Käytä yksinkertaisia laatikoita tai kehyksiä järjesteltyjen ryhmien esittämiseen (kuten Venn-diagrammeissa ja ajatuskartoissa).

how to make an infographic

Muussa tapauksessa esittele sijoituksia tai järjestyksiä pylväskaavion, sarakekaavion, kuplakaavion tai pyramidikaavion avulla.

how to make an infographic

Suhteet

Tarkoitus on tuoda ilmi monimutkaisempia tietojen välisiä suhteita.

Käytä pistekaaviota, kun haluat esitellä datasarjan kahta eri muuttujaa.

how to make an infographic

Käytä monisarjataulukkoa, kun haluat verrata useampia keskenään yhteydessä olevia datasarjoja.

how to make an infographic

Tutkiminen

Lukijoidesi on tarkoitus tutkia dataa ja oivaltaa siitä asioita itse.

Tutkimiseen ei ole olemassa pikaratkaisuja – visualisointisi tyyli riippuu datasi lajityypistä. Interaktiiviset kaaviot kuten tämä, jotka mahdollistavat suodatuksen, lajittelun ja lähemmän tarkastelun, ovat usein parhaita valintoja, mutta niiden muodostaminen voi olla kallista ja aikaavievää. Jos olet aloittelija visualisoinnissa, suosittelemme sinua pitäytymään muissa vaihtoehdoissa.

Tämä oli nopea esittely TVMJPT-menetelmästämme. Nyt sinulla pitäisi olla kaikki, mitä tarvitset asianmukaisten kaavioiden valintaan kullekin datasarjalle, jonka haluat visualisoida. Keskity vain siihen, mitä haluat korostaa, ja valitse kaaviosi sen mukaisesti.

Lisää esimerkkejä ja harjoituksia löydät täydestä oppaastamme parhaiden kaavioiden valitsemiseen datallesi.


Palaa sisällysluetteloon

Vaihe 4: Suunnittele infograafisi infograafimallipohjaa käyttäen

Sitten jäljellä on enää asettelu ja tyylin suunnittelu.

Ensimmäisen elementin lisääminen sivulle voi tuntua pelottavalta, mutta tueksesi löytyy kyllä muutama keino, jotka vähentävät tarvetta arvailuille tällä alkuaskeleella.

Luo luonnollinen informaatiovirta

Käytä ensimmäisessä vaiheessa tekemääsi kysymyspyramidia ohjaamaan infograafisi asettelua ja informaatiovirtaa.

Aloita kertomalla lukijoillesi, kuinka he hyötyvät infograafistasi (ts. käytä heidän keskeistä ongelmaansa otsikkonasi), lisää sitten kaavioita, jotka keskittyvät “tukikysymyksiin” ja tuo lopuksi kaikki päätökseen kaavioilla, jotka vastaavat ongelman “luotauskysymyksiin”.

Käytä ruudukkoasettelua lisätäksesi infograafiisi rakennetta ja tasapainoa

Elementtien asettelu ennalta määriteltyyn symmetriseen ruudukkoon  on helppo taktiikka, joka antaa infograafillesi välitöntä kohotusta.

Se antaa elementeillesi tarvittavaa järjestystä, ja kun muistamme, että luemme asioita luonnollisesti vasemmalta oikealle ja ylhäältä alas, sitä voidaan käyttää ohjaamaan lukijan katsetta elementistä toiseen.

how to make an infographic

Käytä lineaarisesta informaatiovirrasta koostuvalle sisällölle keskitettyä yksittäisen pylvään asettelua:

how to make an infographic

Lähteet: Everlane.com, Ziploc.com

Käytä tietojen vertailussa kahden pylvään asettelua. Alta löydät esimerkin vertailuinfograafista:

how to make an infographic

Lähteet: RemoteRelief, The Guardian, FoodBeast

Voit käyttää myös useamman osion asettelua, jos infograafin lukemisjärjestys ei ole niin tärkeää:

how to make an infographic

Lähteet: Lauren Conrad, Lemonly

Millaista asettelua sitten päätätkin käyttää, niin elementtien erottelu tasaisin välein tuo infograafiin miellyttävää rakenteen ja tasapainon tuntua.

Tee infograafi valmiin mallipohjan avulla

Jos infograafin rakentaminen alusta asti tuntuu liian rankalta, meillä on sinulle tarjolla myös valmiiksi tehtyjä infograafimallipohjia, joita voit personoida ja joihin voit sovittaa datasi. Ideana on valita sellainen mallipohja, johon sisältösi sopii luontevalla tavalla.

Paras tapa tehdä tämä on unohtaa aluksi värit, tyylit ja kaaviotyypit. Valitse mallipohja rakenteen perusteella ja mieti tyyliä vasta jälkeenpäin.

Tämä nopea video-opas auttaa sinua valitsemaan sopivimman infograafityypin juuri sinun datallesi:

 

Löytyykö sinulla lista tai prosessi? Etsi silloin käsiisi keskitetty, yksittäinen pylväsinfograafimalli varmistaaksesi, että kaikki sen vaiheet luetaan oikeassa järjestyksessä. Alla on esimerkki prosessi-infograafista:

how to make an infographic


Haluatko luoda kontrastia kahden eri kaavion välille? Etsi itsellesi silloin kahden pylvään infograafimallipohja:

how to make an infographic


Onko sinulla kolme tietoa, jotka ovat kaikki yhtä tärkeitä? Hyödynnä silloin kolmen pylvään infograafimallipohjaa:

how to make an infographic


Löytyykö dataa tonnikaupalla? Etsi niille yksinkertainen infograafimallipohja neljällä tai viidellä eri osiolla:

how to make an infographic


Kaikki ne asiat, joista puhuimme edellisessä osiossa, sovelletaan nyt tässä vaiheessa. Mieti, kuinka monta elementtiä sinulla on ja kuinka tarinasi tulisi virrata, kun valitset mallipohjaasi.

Kun olet valinnut sopivan mallipohjan, lisää siihen vain sisältösi, niin oletkin jo valmis. Tämä julkaisumme infograafin kustomoimisesta antaa sinulle vielä lisää vinkkejä ainutlaatuisen kuosin suunnitteluun.

Palaa sisällysluetteloon

Vaihe 5: Tuo infograafiisi tyyliä

Nyt alkaa hauska osuus eli muotoiluelementtien käsittely, joilla lisäät infograafiisi hohtoa tehdäksesi siitä esteettisesti miellyttävän ja selkeän.

Kuinka valitset fontit infograafiisi

Aloita tekstistäsi.

Pyri pitämään tekstisi yksinkertaisena. Ajattele infograafia visuaalisena yhteenvetona – kaiken siitä löytyvän tekstin tulisi olla vain välttämätön lisä, joka varmistaa suurempien käsitteiden ymmärtämisen ja täydentää infograafin grafiikkaa. Supista tekstisi korkeintaan yksinkertaisiksi kappaleiksi ja pidä se tasolla, jonka kuudesluokkalainenkin ymmärtää.

Kun tekstisi on muutoin valmis, valitse suurimmalle osalle tekstiä helppolukuinen fontti ja korosta sitten pääotsikon, alaotsikoiden ja tärkeimpien tietojen fonttia ja tyyliä, jotta infograafisi ydin on heti esillä:

how to make an infographic


Haluatko hallita typografian jalon taidon? Katso täältä täysi ohjeistuksemme fonttien valinnasta infograafiisi.

 

Kuinka sovellat toistoa, johdonmukaisuutta ja kohdistusta infograafissasi

Lisää infograafiisi seuraavaksi graafisia lisäelementtejä antaaksesi kokoonpanollesi rytmiä ja visuaalista mielenkiintoa.

Muistatko ruudukot, joista keskustelimme aiemmin? Eräs helppo tapa tehdä kokoonpanostasi yhtenäinen on käyttää toistuvia peruskuvioita, joilla korostat perustana olevaa ruudukkoa:

how to make an infographic


Vaihtoehtoisesti voit käyttää peruskuvioita otsikoiden ja listaelementtien korostamiseksi:

how to make an infographic


Tai sitten voit lisätä ikoneja, joilla korostat tekstisi tärkeitä käsitteitä. Pidä ikonien väri, tyyli ja koko yhtenäisenä ja tee kaikesta luonteva kokonaisuus taustan lisäkuvioilla:

how to make an infographic


Mitä sitten päätätkin tehdä, niin varmista, että lisäämäsi toistuvat elementit ovat kohdistettuja! Jo pienikin poikkeama tekee kokonaisuudesta epätasapainoisen:

how to make an infographic


Nämä ovat vain muutamia niistä tavoista, joilla tykkäämme lisätä tyyliä infograafeihimme. Tärkeä asia tässä on muistaa, että toistuvat ja kohdistetut elementit luovat visuaalista rytmiä, jolla kokoonpanon voi saada tuntumaan eheämmältä.

Kuinka käytät negatiivista tilaa infograafissasi

Negatiivisella tilalla (eli valkotilalla) viitataan niihin osioihin sivusta, jotka eivät sisällä tekstiä tai kuvia. Kuka tahansa suunnittelija voi vahvistaa, että negatiivinen tila on kuoseissa yhtä tärkeä asia kuin niiden muut elementit.

Kunkin infograafisi pääelementtiryhmän väliin tulisi jättää tyhjää tilaa samaan tapaan kuin kuvattavien kohteiden välille valokuvaa otettaessa.

Tämä tarkoittaa sen varmistamista, että infograafisi reunoilta löytyy marginaalit:

how to make an infographic


Välien jättäminen elementtien välille auttaa katselijaa ymmärtämään saman tien, mitkä elementit kuuluvat yhteen:

how to make an infographic


Valkotilalla on vaikutuksensa myös siihen tapaan, jolla näemme värejä – eri värejä on helpompaa sommitella kivasti yhteen lisäämällä niiden väliin vähän valkotilaa:

how to make an infographic

Ammattisuunnittelijan tunnistaa siitä, että hän osaa käsitellä negatiivista tilaa. Jos olet amatööri, muotoilusi taso alkaa kohentumaan heti, kun alat kiinnittämään negatiivisen tilaan huomiota!

Kuinka valitset infograafisi värit

Lopuksi puhumme väreistä. Olen jättänyt tämän viimeiseksi tarkoituksella. Vaikka väri onkin tehokas kommunikaatioväline, niin oikeasti hyvän muotoilun tulisi kommunikoida tietoa pääasiassa mustavalkoisena. Ajattele väriä eräänlaisena lisäbonuksena – tapana, jolla voit auttaa lukijoitasi ymmärtämään sisältöäsi.

Käytä värejä tärkeiden tietojen korostamiseen:

how to make an infographic


Tai ryhmittelemään toisiinsa liittyviä elementtejä:

how to make an infographic


Älä unohda neutraaleja värejä. Yhdessä kirkkaiden värien kanssa ne voivat luoda todella toimivan kokonaisuuden:
how to make an infographic


Mitä tulee värien yhdistelyyn, niin meiltä löydät avun siihenkin. Olemme koonneet useampia väriyhdistelmiä, jotka toimivat hyvin monenlaisissa infograafeissa.

how to make an infographic


Siinäpä se! Jos vain muistat ajatella fontteja, toistuvuutta ja kohdistuksia, negatiivista tilaa ja värejä, niin infograafisi tulee menestymään. Vilkaise myös täältä vuoden 2019 trendit graafisessa suunnittelussa.

Palaa sisällysluetteloon

Käydään yhdessä vielä läpi päävaiheet, joita infograafin luomisessa on muistettava:

  1. Hahmota infograafisi tavoitteet
  2. Kerää infograafiisi tuleva data
  3. Visualisoi infograafisi data
  4. Sommittele elementit infograafiisi
  5. Lisää infograafiisi tyyliä

Jos selvisit tähän asti, niin suunnittelutaitosi ovat jo paremmat kuin monella muulla. Nyt sinulla tulisi olla hyvä käsitys siitä, kuinka luot infograafin viidessä vaiheessa ja kuinka hyödynnät kaikkia niitä työkaluja, joita ensimmäisen infograafisi luomiseen tarvitset.

how to make an infographic




Infograafin teko viidessä eri vaiheessa (vaihe vaiheelta -opas)
Rate this post