25 interaktiivset infograafikat disainerile sinus
Sajandi algusest on infograafikal olnud suur mõju sellele, kuidas me veebimeediat vaatame. Selle loomisel oli see revolutsiooniline kui ideaalne meedium nii andmete esitamiseks kui ka publiku meelelahutuseks.
Infograafika edu on sellest ajast alates arenenud. Vaid paar aastat tagasi muutus infograafika digitaalse turunduse ja otsingumootoritele optimeerimise puhkemisega ülipopulaarseks.
Nende populaarsusega kaasnes mitmeid muudatusi nende esitusviisis. Sotsiaalmeedias jagati ainult parimatest parimaid, mille tulemuseks oli suurem bränditeadlikkus ja tarbijate kaasatus.
Kuna traditsiooniline infograafika arenes välja tarbijate muutuva maitsega sammu pidamiseks, tõi see maailma interaktiivse infograafiku, millest on saamas seni kõige ihaldatum andmete esitamise vorm, muutes mõned staatilised infograafikud isegi aegunuks ja ebaoluliseks.
Selleks, et aidata teil oma graafilise disainiga mängus ees püsida ja luua infograafika, mis võib levida, vaadake seda suurepärase interaktiivse infograafika loendit.
1 Ida-Tennessee firmast Derby Supply Chain Solutions
See infograafik, mille eesmärk on kirjeldada Ida-Tennessee ajalugu, kultuuri ja lõbusaid fakte, kasutab parallaksikerimist, et muuta maastik ellu, kuna erinevad faktid ja teave on omavahel seotud. See muudab selle konkreetse asukoha tundmaõppimise palju nauditavamaks!
2 AvaLaunch Media sotsiaalmeedia täielik ajalugu
Tõenäoliselt ei teadnud te, et inimkonnal on sotsiaalmeedia versioon, mis pärineb 1800. aastatest, eks? See infograafik võimaldab kasutajal klõpsata erinevatel ajaperioodidel, et avastada sotsiaalmeedia pikka ja huvitavat ajalugu läbi aegade. Võimalus kontrollida teabe kiirust ja järjekorda on tarbijate jaoks põnev väljavaade.
3 Kuidas Google’i otsing töötab
Google’il on tõenäoliselt rohkem statistikat ja teavet Interneti-kasutuse ja sirvimise kohta jagada kui ühelgi teisel ettevõttel ning nad jagavad osa neist andmetest selles infograafikas, mis selgitab veebiotsingu populaarsust ja nende toimimist kolmeosalise loo kaudu, mida kasutajad saavad sirvida. omas tempos.
4 Webby Monksi veebibrauserid ja resolutsioonid
See animeeritud teabekogu on lihtsalt lõbus. Erksavärvilist ja teaberohket graafikat sirvides näib, et pilkupüüdev graafika aitab andmeid täiustada ja muudab õppekogemuse palju meelelahutuslikumaks.
5 Valgustunud õnnelik tund: interaktiivne juhend selle kohta, mida te rüüpate, viies veerus
Kõik armastavad õnnelikku tundi, kuid kõik sellel istumisel tarbitud kalorid ei mõjuta teie vöökohta kuigi palju. See infograafik kasutab riba seadistust ja võimaldab teil klõpsata erinevat tüüpi jookide vahel, et leida igaühe toitumisalast teavet, sealhulgas kaloreid ja alkoholisisaldust. Pange tähele visuaalide veenvat olemust.
6 Insighti areng, Vision Critical
Te ei pruugi turu-uuringute ajaloost hoolida, kuid teil on siiski huvi vaadata läbi seda kütkestavat infograafikat, mis kasutab julget graafikat ja erinevaid lehti, et jagada paljude mõjukate inimeste ja sündmuste lugusid 1900. aastatest kuni praeguseni.
7 The Guardiani naiste poliitilised õigused kogu maailmas
Selle elava infograafika abil saate teada nii naiste õiguste kohta erinevates maailma paikades kui ka suurepärase interaktiivse disaini kohta. Vaatajad saavad klõpsata mis tahes maailma riigil või piirkonnal, et saada teavet sealsete naiste poliitiliste õiguste kohta. See infograafik on suurepärane, kuna tegijad esitavad suurel hulgal teavet, kuid visuaali loojad esitavad selle nii, et kasutajad saavad soovitud teavet ilma, et nad tunneksid end ülekoormatuna.
Nuspire 8 jaemüügiturbe ohtu
See interaktiivne infograafik kasutab HTML5-d ja tüüpilise kontoriruumi maketti, et näidata täpselt, kui haavatavad on ettevõtted häkkerite suhtes. Vaatajaid suunatakse kasutama tühiku- või nooleklahve, et liikuda ühelt turvaohult teisele. See aitab sõnumit koju viia, kuna visuaal näitab ettevõtetele kõige nõrgemaid füüsilisi asukohti. See on oht, mida nad võivad tõeliselt kogeda.
9 Miks te ei tohiks Leedsi kesklinna parklates juua ega sõita
See infograafik on inspireeritud pühade ajal, mil joob ja juhtimine on kõige halvem. Tarbijad saavad sellele infograafikule öelda, kui palju nad on jooma pidanud, ja see annab neile teada, kas see kogus ületab seadusega lubatud piiri või mitte. Sellele on lisatud terve rida statistikat, et edendada tänavate ohutust.
The Guardiani 10 interaktiivset lendu
Vaadake samal ajal õhus ristuvaid väikeseid reaktiivlennukeid ja lennukeid, et näha, kui sageli inimesed lendu tõusevad. See näitab nii kõige tihedamaid lendamisaegu kui ka piirkondi, kus on kõige rohkem lennuliiklust. See on pehmelt öeldes põnev andmete esitus, mis julgustab andmete kaudu isiklikku uurimist.
11 13 põhjust, miks teie aju ihkab NeMam Studiosi infograafikat
Kui unustasite, miks infograafika nii edukas on, tuletab see animeeritud graafik teile meelde. Erksate värvide, parallaksi kerimise ja täpselt õige koguse graafilise liikumisega hoiab see visuaal + vaatajate meelelahutuse ja kursis lõpuni.
12 Surnute kaardistamine: relvasurmad pärast Sandy Hooki, Huffington Post
See kainestav graafik näitab Ameerika Ühendriikides kõige levinumaid relvasurmade piirkondi pärast Sandy Hooki algkooli tulistamist. Infograafika teema on kurb, kuid esitlus on sõnumi edastamiseks suurepärane.
13 Dribbble: milleks seda kasutatakse? autor Dribbble LLC
Peaaegu kõik selle HTML5 infograafika elemendid ärkavad ellu, kui liigutate kursorit, et näidata erinevat Dribble’i kasutamise elementi. Kuigi suur osa sellel graafikul olevast teabest võiks olla täpsem, muudab animatsiooni kasutamine sisule juurdepääsu äärmiselt lihtsaks ja põnevaks.
14 Kuidas automootor töötab Animagraffist
See infograafik tabab nende graafikaga naelapea pihta, sest automootori tööpõhimõtete mõistmine on tõesti midagi, mida peate nägema. see selgitab aegluubis, kuidas mootor ellu ärkab, kasutades graafikat, mis näitab, mida iga mootoriosa teeb.
15 Kui palju leibkondi on teiega sarnased? New York Timesist
Kui olete kunagi mõelnud, kas teie majapidamise olukord on ainulaadne, annab see interaktiivne visuaal teile vastuse. Kasutaja saab valida mitmesuguseid pere suuruse ja olukorra valikuid, et teada saada, kuidas ülejäänud riik sobib. See ei ole nii ajakohane kui võiks, kuid see on siiski suurepärane näide animeeritud graafika õigest kasutamisest.
16 Autojagamise helge tulevik
Seda infograafikut vaadates saate hüpata väikesesse rohelisesse autosse ja sõita omas tempos, et avastada, kuidas autode jagamine peaks aastate jooksul muutuma. Selle infograafikaga suhtlemiseks on rohkem kui üks viis. Saate kerida küljelt küljele, et autot liigutada, või hõljutada kursorit visuaali teatud elementide kohal, et saada rohkem teavet. Mitmesugused suhtlusvormid on äärmiselt tõhusad, et hoida vaatajaid algusest lõpuni kaasas.
United Marine’i 17 tõelist kalalugu
See veebisait on kalamehe unistus. See mitte ainult ei paljasta mõnda esmaesitlusel olevatest mängukaladest igas piirkonnas, vaid jagab ka lugusid neist, kes on võitnud suurima röövkala ja võitnud. Lihtne on liikuda ühest infopunktist teise ja suurte kalade jutud köidavad.
18 näljast tehnikahiiglast firmast Simply Business
See infograafik võrdleb viie suure tehnoloogiaettevõtte kasvu. See näitab nii kasvu aega kui ka iga ettevõtte tehtud summat. Kui klõpsate igal ettevõtte ikoonil, viib see teid iga ettevõtte finantsseisu käsitlevale lehele, mis on väga tõhus viis palju teavet edastada, säilitades samal ajal visuaali terviklikkuse.
19 Veebi areng
Heitke pilk sellele, kuidas see graafik liigub aeglaselt Interneti algusest sinna, kus me praegu oleme. Lihtne algus, mis viib keerulisemasse olekusse, näitab tõhusalt, kui suureks ja laialt levinud on internet vaid 20 lühikese aastaga. Kõige tipuks saab kasutaja valida mitme keele hulgast.
20 Autodesk 360 sotsiaalse koostöö areng
Jalutage mööda tänavat 1950. aastatest tänapäevani ja tutvuge mõne kõige mõjukama koostööpartneriga. Kasutaja saab igal ajaperioodil klõpsata ja ajalugu oma vabal ajal uurida. Infograafik hoiab vaatajat seotuna kuni lõpuni, kus ettevõte avaldab oma üleskutse tegevusele. Veel üks graafika esitus, mis võib vaatajaskonna tõhusalt teisendada.
21 Pistikuga ühendamine: kuidas väikeettevõtted kasutavad heade infograafikute tehnoloogiat
Infograafika üks suurimaid väljakutseid on suure hulga teabe esitamine publikut üle koormamata. See visuaal teeb seda ilma tõrgeteta, võimaldades külastajal andmete lugemiseks klõpsata infograafikul. Visuaal on ühtaegu atraktiivne ja informatiivne, viies lugeja loogilise järelduseni.
22 Design by Soap mängukonsooli areng
Vaadake, kui palju maksis 1972. aastal ehitatud mängukonsool toona võrreldes praegusega. Visuaal viib teid ühest aastast teise, näidates iga loodud konsooli, selle valmistamise aastat ning kulusid tol ja praegu. Igal konsooli lehel on koht, kust infograafika kasutajad saavad lugeda konkreetse konsooli kohta lisateavet.
23 eepilist teekonda Butler’s Bingo konsoolimängudest
Mängijad kõikjal armastavad seda infograafikat, mis jagab põhjalikku teavet erinevate populaarsete videomängude kohta. Saate valida mitme erineva mängu hulgast ja leida teavet mängu süžee ja missioonide kohta. Seda on lihtne klõpsata ja pakutavat teavet nautida. See on ideaalne infograafik ettevõtetele, kes soovivad meelitada tarbijate sisemist nörtti.
24 Inception Explained by Togethera
Kas mäletate 2010. aasta filmi Inception Leonardo DiCaprio ja Joseph Gordon-Levittiga? See on pehmelt öeldes hämmastav. Kui olete üks paljudest, kellel oli raske kogu alguskontseptsiooniga sammu pidada ja kuidas tegelaskujud ühest etapist teise läksid, on see infograafik teie jaoks. Veelgi olulisem on see, et see infograafik on suurepärane näide sellest, kuidas parallaksi taktikaga lugu rääkida.
25 Bond: juhiluba
Sellel infograafikul on igaühele midagi. Autofännide jaoks näitab see Bondi filmide ajaloo kõige lahedamaid autosid. Bondi fanaatikute jaoks näitab see natuke iga tehtud Bondi filmi kohta (ka seda, mis pole veel välja tulnud). Disainerite jaoks näitab see erakordset viisi, kuidas selle interaktiivse visuaaliga oma publikut algusest lõpuni kütkes hoida.
Kõik need näited pakuvad eduka infograafilise disaini kohta midagi õppida. Kõiki neid graafikuid uurides leiate asju, mis on teie arvates geniaalsed, ja asju, mis nii edukalt ei tööta. Mõlemal juhul aitab see anda teile inspiratsiooni, mida vajate tõhusa graafilise disaini jaoks 2015. aastal.