25 interaktiivista infografiaa suunnittelijalle sinussa
Vuosisadan alusta lähtien infografiikalla on ollut voimakas vaikutus tapaamme tarkastella verkkomediaa. Alkuvaiheessaan se oli vallankumouksellinen täydellisenä välineenä sekä tiedon esittämiseen että yleisön viihdyttämiseen.
Infografiikan menestys on kehittynyt sen jälkeen. Vain muutama vuosi sitten infografiikasta tuli erittäin suosittu digitaalisen markkinoinnin ja hakukoneoptimoinnin myötä.
Niiden suosion myötä niiden esittämistapaan tuli useita muutoksia. Sosiaalisessa mediassa jaettiin vain parhaista parhaita, mikä johti parempaan bränditietoisuuteen ja kuluttajien sitoutumiseen.
Kun perinteinen infografiikka kehittyi pysymään kuluttajien muuttuvien makujen tahdissa, se toi maailmalle interaktiivisen infografiikan, josta on tulossa tähän mennessä halutuin datan esitysmuoto, mikä jopa tekee joistakin staattisista infografioista vanhentuneita ja merkityksettömiä.
Auttaaksesi pysymään pelin kärjessä graafisen suunnittelusi avulla ja luomaan infografian, joka voi levitä viruksen leviämiseen, katso tämä mahtavien interaktiivisten infografioiden luettelo.
1 Itä-Tennessee Derby Supply Chain Solutionsilta
Tämä infografiikka, joka on suunniteltu kuvaamaan Itä-Tennesseen historiaa, kulttuuria ja hauskoja faktoja, käyttää parallaksivieritystä maiseman elävöittämiseen, koska monet tosiasiat ja tiedot liittyvät toisiinsa. Se tekee tämän tietyn sijainnin oppimisesta paljon nautinnollisempaa!
2 AvaLaunch Median sosiaalisen median täydellinen historia
Et luultavasti tiennyt, että ihmiskunnalla oli sosiaalisen median versio, joka juontaa juurensa aina 1800-luvulle asti, ethän? Tällä infografiikalla käyttäjä voi klikata eri ajanjaksoja löytääkseen sosiaalisen median pitkän ja mielenkiintoisen historian kautta aikojen. Kyky hallita tiedon nopeutta ja järjestystä on kuluttajille jännittävä mahdollisuus.
3 Miten Googlen haku toimii
Googlella on luultavasti enemmän tilastoja ja tietoa jaettavana internetin käytöstä ja selaamisesta kuin millään muulla yrityksellä, ja he jakavat osan näistä tiedoista tässä infografiikassa, joka selittää verkkohakujen suosion ja sen, kuinka ne toimivat kolmiosaisen tarinan kautta, jota käyttäjät voivat selata. omaan tahtiinsa.
4 Webby Monksin verkkoselainta ja resoluutiota
Tämä animoitu tietovedos on yksinkertaisesti hauskaa. Kun selaat kirkkaan väristä ja tietoa täynnä olevaa grafiikkaa, silmiinpistävät grafiikat näyttävät parantavan tietoja ja tekevän koulutuskokemuksesta paljon viihdyttävämmän.
5 Valaistunut Happy Hour: Interaktiivinen opas siihen, mitä siemailet sarakkeessa viisi
Kaikki rakastavat happy houria, mutta kaikki tuon istunnon aikana kulutetut kalorit eivät tee paljoakaan vyötäröllesi. Tämä infografiikka käyttää palkkiasetusta, ja sen avulla voit napsauttaa erityyppisiä juomia löytääksesi kunkin ravintoarvotiedot, mukaan lukien kalorit ja alkoholipitoisuuden. Huomaa visuaalisen kuvan vakuuttava luonne.
6 Vision Criticalin Insightin kehitys
Et ehkä välitä markkinatutkimuksen historiasta, mutta olet silti kiinnostunut vilkaisemaan tätä kiehtovaa infografiikkaa, joka käyttää rohkeita grafiikoita ja erilaisia sivuja jakaakseen tarinoita monista vaikutusvaltaisista henkilöistä ja tapahtumista 1900-luvulta tähän päivään.
7 Naisten poliittiset oikeudet ympäri maailmaa The Guardianilta
Opi sekä naisten oikeuksista eri puolilla maailmaa että upeasta interaktiivisesta suunnittelusta tämän eloisan infografian avulla. Katsojat voivat napsauttaa mitä tahansa maailman maata tai aluetta saadakseen tietoa naisten poliittisista oikeuksista siellä. Tämä infografiikka on loistava, koska sen tekijät esittävät suuria määriä tietoa, mutta visuaalin tekijät esittävät sen niin, että käyttäjät voivat saada haluamansa tiedot ilman, että he tuntevat olonsa ylikuormitukselle.
Nuspiren 8 vähittäiskaupan tietoturvauhkaa
Tämä interaktiivinen infografiikka käyttää HTML5:tä ja mallia tyypillisestä toimistotilasta osoittamaan tarkasti, kuinka haavoittuvia yritykset ovat hakkereille. Katsojia ohjataan käyttämään välilyöntiä tai nuolinäppäimiä siirtyäkseen tietoturvauhkasta toiseen. Se auttaa viemään viestin kotiin, sillä visuaalinen kuva näyttää yritysten heikoimmat fyysiset paikat. Se on uhka, jonka he voivat todella kokea.
9 Miksi sinun ei pitäisi juoda ja ajaa kaupungin keskustan pysäköintialueilta Leedsissä
Tämä infografiikka on saanut inspiraationsa lomien ajalta, jolloin rattijuopumus on pahimmillaan. Kuluttajat voivat kertoa tälle infografialle, kuinka paljon he ovat joutuneet juomaan, ja se ilmoittaa heille, ylittääkö määrä laillisen rajan. Siihen liittyy joukko tilastoja turvallisempien katujen edistämiseksi.
The Guardianin 10 interaktiivista lentoa
Katso, kuinka pieniä suihkukoneita ja lentokoneita risteävät ilmassa samaan aikaan nähdäksesi kuinka usein ihmiset lentävät. Se näyttää sekä lentojen vilkkaimmat ajat että alueet, joilla on eniten lentoliikennettä. Se on vähintäänkin kiehtova dataesitys, joka rohkaisee henkilökohtaista tutkimista tietojen kautta.
11 13 syytä, miksi aivosi kaipaavat infografiikkaa NeMam Studiosilta
Jos unohdat miksi infografiat ovat niin menestyviä, tämä animoitu grafiikka muistuttaa sinua. Kirkkailla väreillä, parallaksivierityksellä ja juuri oikealla määrällä graafista liikettä tämä visuaalinen + pitää katsojat viihdytettynä ja ajan tasalla loppuun asti.
12 Kuolleiden kartoitus: Asekuolemat Sandy Hookin jälkeen, Huffington Post
Tämä järkyttävä grafiikka näyttää yleisimmät asekuolemat Yhdysvalloissa Sandy Hookin peruskoulun ampumisen jälkeen. Infografiikan aihe on surullinen, mutta esitys on loistava viestin välittämiseksi.
13 Dribbble: Mihin sitä käytetään? tekijältä Dribbble LLC
Melkein jokainen tämän HTML5-infografian elementti herää eloon, kun liikutat kohdistinta näyttääksesi eri elementin Dribblen käytöstä. Vaikka suuri osa tämän grafiikan tiedoista voisi olla tarkempaa, animaatioiden käyttö tekee sisällön käyttämisestä erittäin helppoa ja jännittävää.
14 Kuinka auton moottori toimii Animagraffsilta
Tämä infografiikka osuu naulan päähän niiden grafiikalla, sillä auton moottorin toiminnan ymmärtäminen on todella jotain, joka sinun on nähtävä toiminnassa. se selittää hidastettuna, kuinka moottori herää henkiin sarjalla grafiikkaa, joka näyttää, mitä kukin moottorin osa tekee.
15 Kuinka monta kotitaloutta on sinun kaltaisiasi? New York Timesilta
Jos olet koskaan miettinyt, onko kotitilanne ainutlaatuinen, tämä interaktiivinen visuaalinen kuva antaa sinulle vastauksen. Käyttäjä voi valita useita perhekokoja ja -tilanteita koskevia vaihtoehtoja oppiakseen, kuinka muu maa sopii yhteen. Se ei ole niin ajankohtainen kuin se voisi olla, mutta se on silti erinomainen esitys oikeasta tavasta käyttää animoitua grafiikkaa.
16 Autojen yhteiskäytön valoisa tulevaisuus
Kun katsot tätä infografiaa, pääset hyppäämään pieneen vihreään autoon ja ajamaan omaan tahtiisi nähdäksesi, kuinka auton yhteiskäytön on tarkoitus muuttua vuosien saatossa. On enemmän kuin yksi tapa olla vuorovaikutuksessa tämän infografian kanssa. Voit vierittää puolelta toiselle siirtääksesi autoa tai viemällä hiiren tiettyjen elementtien päälle visuaalissa saadaksesi lisätietoja. Useat vuorovaikutuksen muodot pitävät katsojat erittäin tehokkaasti kiinni alusta loppuun.
United Marinen 17 True Fish Talesia
Tämä sivusto on kalastajan unelma. Se ei ainoastaan paljasta joitakin ensi-iltaisia pelikaloja kaikilla alueilla, vaan se jakaa myös tarinoita niistä, jotka ovat taistelleet suurimman petokalan ja voittaneet. Tietopisteestä toiseen on helppo siirtyä, ja ison kalan tarinat kiehtovat.
18 Hungry Tech Giantsia Simply Businessilta
Tämä infografiikka vertailee viiden suuren teknologiayrityksen kasvua. Se näyttää sekä kasvun ajankohdan että kunkin yrityksen tekemän määrän. Jos napsautat kutakin yrityskuvaketta, pääset sivulle, jossa kerrotaan kunkin yrityksen taloudellisesta tilanteesta, mikä on erittäin tehokas tapa välittää paljon tietoa visuaalisen eheyden säilyttäen.
19 Webin kehitys
Katso, miten tämä grafiikka hitaasti siirtyy Internetin alusta nykyiseen tilanteeseen. Yksinkertainen alku, joka johtaa monimutkaisempaan tilaan, osoittaa tehokkaasti, kuinka laajaksi ja laajalle internetistä on tullut vain 20 lyhyessä vuodessa. Kaiken lisäksi käyttäjä voi valita useista kielistä.
20 Autodesk 360:n sosiaalisen yhteistyön kehitys
Kävele kadulla 1950-luvulta nykypäivään ja tutustu joihinkin yhteistyön vaikutusvaltaisimmista kumppaneista. Käyttäjä voi klikata jokaisen ajanjakson läpi ja tutkia historiaa rauhassa. Infografiikka pitää katsojan sitoutuneena siihen asti, kun yritys paljastaa toimintakehotuksensa. Toinen esitys grafiikasta, joka voi muuntaa yleisön tehokkaasti.
21 Kytkeminen verkkoon: Kuinka pienyritykset käyttävät Good Infographs -tekniikkaa
Yksi infografiikan suurimmista haasteista on suuren informaatiomäärän esittäminen ilman, että yleisöä kuormitetaan. Tämä visualisointi tekee juuri sen ilman ongelmia, jolloin kävijä voi napsauttaa infografiaa lukeakseen tiedot. Visuaalinen ilme on sekä houkutteleva että informatiivinen, mikä johtaa lukijan loogiseen johtopäätökseen.
22 Pelikonsolin kehitys Design by Soapilta
Katso, kuinka paljon vuonna 1972 rakennettu pelikonsoli maksoi silloin verrattuna nykyiseen. Visuaalinen kuva vie sinut vuodesta toiseen ja näyttää jokaisen luodun konsolin, valmistusvuoden sekä kustannukset silloin ja nyt. Jokaisella konsolisivulla on paikka, josta infografian käyttäjät voivat lukea lisätietoja yksittäisestä konsolista.
23 eeppistä matkaa Console Gamingista Butler’s Bingosta
Pelaajat kaikkialla rakastavat tätä infografiaa, joka jakaa oivaltavaa tietoa useista suosituista videopeleistä. Voit valita useista eri peleistä ja löytää tietoa pelin juonesta ja tehtävistä. Sitä on helppo napsauttaa ja nauttia esitetyistä tiedoista. Se on täydellinen infografiikka yrityksille, jotka haluavat vedota kuluttajien sisäiseen pelle.
24 Aloitus Selittää Togethera
Muistatko vuoden 2010 elokuvan Inception Leonardo DiCaprion ja Joseph Gordon-Levittin kanssa? Se on vähintäänkin järkyttävää. Jos olet yksi niistä monista, joiden oli vaikeuksia pysyä koko alkukonseptissa ja hahmojen siirtymisessä vaiheesta toiseen, tämä infografiikka on sinua varten. Vielä tärkeämpää on, että tämä infografiikka on loistava esimerkki tarinan kertomisesta parallaksitaktiikoilla.
25 Bond: Ajokortti
Tästä infograafista löytyy jokaiselle jotakin. Autofaneille se näyttää hienoimpia autoja kautta Bond-elokuvien historian. Bond-fanaatikoille se näyttää vähän jokaisesta tehdystä Bond-elokuvasta (mukaan lukien se, joka ei ole vielä ilmestynyt). Suunnittelijoille se näyttää poikkeuksellisen tavan pitää yleisösi kiehtovana alusta loppuun tällä interaktiivisella visuaalisella kuvalla.
Jokainen näistä esimerkeistä tarjoaa opittavaa onnistuneesta infografiikkasuunnittelusta. Kun tutkit kutakin näistä grafiikoista, löydät asioita, jotka ovat mielestäsi loistavia ja asioita, jotka eivät toimi niin menestyksekkäästi. Joka tapauksessa se auttaa antamaan sinulle inspiraatiota tehokkaaseen graafiseen suunnitteluun vuonna 2015.