Infographics eru ekki nýjar. Og vissulega eru gagnvirkar sjálfur ekki annað en með hleypt af stokkunum nýjustu gagnadrifnum vefsíðum eins og Vox,Fimmtíu og átta og The Upshot , þeir verða að verða vinsælli.
Og þar sem áhorfendur eru að sjá þessar upplýsingar á töflum, sími og skjáborðum, er það að byggja upp þær grafík í HTML5-það er líklega hvernig viðskiptavinir þínir og samstarfsfólk mun biðja þig um að byggja upp!
A kort af baseball aðdáendum eftir The Upshot
Hér eru þrjár leiðir til að ganga úr skugga um að gagnvirkar infographics þínar á HTML5 verði brotnar í gegnum ringulreiðina.
Áður en þú hugsar um tækni, er mikilvægt að hugsa um grafíkina frá sjónarhóli áhorfandans. Þó HTML5 gefur þér algerlega nýtt miðil til að kynna söguna af gögnum þínum, gefur það ekki sjálfkrafa tilgang eða frásögn á verkið.
Það er augljóst þegar verkefni var lúkt saman í síðustu stundu, án tillits til nothæfi eða gæði. Hvernig forðastu að gera það? Mér finnst gaman að nota "FIRED" aðferðina - auðveld leið til að muna að hugsa gagnrýninn áður en þú byrjar að nota nýjustu í CSS bragðarefur til að gera gagnvirkt kort:
Með því að beita þessum spurningum munum við hjálpa þér að kortleggja markmiðin á síðunni þinni og hvernig þú vilt að skilaboðin þín hljóti að endurskoða með áhorfendum þínum. Að lokum ætti endanleg vara þín að skýra hugmyndina þína á skýran og áheyranlegan hátt. Vertu skapandi, já, en einnig vera aga. Grafísk list er það sem ætti að teikna lesandann inn, en gögnin sem fram koma þurfa að vera stutt; ekki láta miðilinn ná yfir skilaboðin. Árangursrík infographic vekur athygli áhorfenda inn í meira og er auðvelt að melta.
Adobe Edge Animation er HTML5 fjör tól sem gerir þér kleift að bæta við hreyfingu í vefur grafík, sem gerir þér kleift að lengja sérsniðna hönnun með gagnvirkni og hreyfingu. Það sameinar einnig með öðrum skapandi verkfærum til að bjóða upp á óaðfinnanlega brú milli hönnun og HTML eins og þú býrð til fyrir vefinn. Það eru nokkur frábær sniðmát og sýnishorn á sýningarsíðu til að hefjast handa. Ef þú vilt fara stig dýpra og bæta við þætti eins og smella og snerta sleipable scrubbers, hér er kennsla með eignum til að hefjast handa.
Þú getur einnig vefnað í gagnvirkum grafíkum sem nýta nýjustu vafrauppfærslur á CSS og HTML5 til að gera nokkrar fallegar áhrif. CSS form er á síðasta stigi forskriftarinnar; Skoðaðu þetta (Github repo hér ).
The þróun á vefnum infographic.
Óákveðinn greinir í ensku infographic er ekkert án öflugra gagna heimildum og verkfæri til að sýna þeim.
Gögn uppspretta getur verið mismunandi - hvort sem það er eigin rannsóknir eða viðskiptavinur þinn. Það er líka góð listi á Quora of algengar gagnasöfn Það getur gefið þér góðar hrár gögn til að spila með.
Sumir af uppáhalds infographic þjónustu mínum (sem veita allar HTML5 vörur, auðvitað) til að safna og meta gögnin þín eru:
Og ef þú ert sérstaklega metnaðarfull og að leita að mjög djúpt kafa í gagnasvæðinu, þá eru tómar af auðlindum á netinu. Það eru MOOCs eins og þetta gögn vísindi námskeið frá University of Washington.