{"id":257760,"date":"2023-07-24T07:50:00","date_gmt":"2023-07-24T04:50:00","guid":{"rendered":"https:\/\/inform.click\/25-interaktiv-infografikk-for-designeren-i-deg\/"},"modified":"2023-07-24T07:56:00","modified_gmt":"2023-07-24T04:56:00","slug":"25-interaktiv-infografikk-for-designeren-i-deg","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/25-interaktiv-infografikk-for-designeren-i-deg\/","title":{"rendered":"25 Interaktiv infografikk for designeren i deg"},"content":{"rendered":"

\n Siden begynnelsen av \u00e5rhundret har infografikk hatt en kraftig innvirkning p\u00e5 m\u00e5ten vi ser p\u00e5 nettmedier. Ved oppstarten var det revolusjonerende som det perfekte mediet for b\u00e5de \u00e5 representere data og underholde publikum.\n<\/p>\n

\n Suksessen til infografikk har utviklet seg siden den gang. For bare noen f\u00e5 \u00e5r siden ble infografikk ekstremt popul\u00e6rt med utbruddet av digital markedsf\u00f8ring og s\u00f8kemotoroptimalisering.\n<\/p>\n

\n Med deres popularitet fulgte flere endringer i m\u00e5ten de ble presentert p\u00e5. Bare de beste av de beste ble delt p\u00e5 sosiale medier, noe som resulterte i h\u00f8yere merkebevissthet og forbrukerengasjement.\n<\/p>\n

\n Etter hvert som den tradisjonelle infografikken utviklet seg for \u00e5 holde tritt med forbrukernes skiftende smak, brakte den verden den interaktive infografikken, som er i ferd med \u00e5 bli den mest ettertraktede formen for datarepresentasjon til dags dato, og til og med gjorde noen statiske infografikker som utdaterte og irrelevante.\n<\/p>\n

\n For \u00e5 hjelpe deg med \u00e5 holde deg i forkant av spillet med ditt grafiske design og lage en infografikk med potensial til \u00e5 bli viral, ta en titt p\u00e5 denne listen over fantastisk interaktiv infografikk.\n<\/p>\n

\n 1 Eastern Tennessee fra Derby Supply Chain Solutions
\n<\/h5>\n

\n <\/a>\n<\/p>\n

\n Denne infografikken designet for \u00e5 beskrive noen av East Tennessees historie, kultur og morsomme fakta bruker parallaksrulling for \u00e5 bringe landskapet til live ettersom ulike fakta og informasjon er relatert. Det gj\u00f8r det mye morsommere \u00e5 l\u00e6re om dette spesifikke stedet!\n<\/p>\n

\n 2 The Complete History of Social Media av AvaLaunch Media
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Du visste nok ikke at menneskeslekten hadde en versjon av sosiale medier som dateres helt tilbake til 1800-tallet, gjorde du? Denne infografikken lar brukeren klikke seg gjennom ulike tidsperioder for \u00e5 oppdage den lange og interessante historien til sosiale medier gjennom tidene. Evnen til \u00e5 kontrollere hastigheten og rekkef\u00f8lgen p\u00e5 informasjonen er et spennende perspektiv for forbrukere.\n<\/p>\n

\n 3 Hvordan s\u00f8k fungerer fra Google
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Google har sannsynligvis mer statistikk og informasjon \u00e5 dele om internettbruk og -surfing enn noe annet selskap, og de deler noen av disse dataene i denne inforgrafikken som forklarer populariteten til netts\u00f8k og hvordan de fungerer gjennom en tredelt historie som brukerne kan bla gjennom. i sitt eget tempo.\n<\/p>\n

\n 4 nettlesere og oppl\u00f8sninger av Webby Monks
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne animerte infodumpen er rett og slett morsom. N\u00e5r du blar gjennom den fargerike og informasjonsfylte grafikken, vises i\u00f8ynefallende grafikk som bidrar til \u00e5 forbedre dataene og gj\u00f8re den pedagogiske opplevelsen mye mer underholdende.\n<\/p>\n

\n 5 The Enlightened Happy Hour: En interaktiv guide til hva du nipper til etter kolonne fem
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Alle elsker happy hour, men alle kaloriene som forbrukes i den ene sittingen gj\u00f8r ikke mye for midjen din. Denne infografikken bruker en barinnstilling og lar deg klikke gjennom forskjellige typer drinker for \u00e5 finne ern\u00e6ringsinformasjon for hver enkelt, inkludert kalorier og alkoholinnhold. Legg merke til den overbevisende naturen til det visuelle.\n<\/p>\n

\n 6 Evolution of Insight by Vision Critical
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Du bryr deg kanskje ikke om historien til markedsunders\u00f8kelser, men du vil fortsatt v\u00e6re interessert i \u00e5 se gjennom denne fengslende infografikken, som bruker dristig grafikk og en rekke sider for \u00e5 dele historiene til mange innflytelsesrike mennesker og hendelser fra 1900-tallet til n\u00e5.\n<\/p>\n

\n 7 kvinners politiske rettigheter rundt om i verden fra The Guardian
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n L\u00e6r b\u00e5de om rettighetene til kvinner i ulike deler av verden og om flott interaktiv design med denne livlige infografikken. Seere kan klikke p\u00e5 et hvilket som helst land eller omr\u00e5de i verden for \u00e5 l\u00e6re om de politiske rettighetene til kvinner der. Denne infografikken er str\u00e5lende fordi skaperne presenterer store mengder informasjon, men skaperne av det visuelle presenterer det p\u00e5 en slik m\u00e5te at brukere kan f\u00e5 informasjonen de \u00f8nsker uten \u00e5 f\u00f8le seg overveldet.\n<\/p>\n

\n 8 Sikkerhetstrusler for detaljhandel av Nuspire
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne interaktive infografikken bruker HTML5 og en mockup av en typisk kontorplass for \u00e5 vise n\u00f8yaktig hvor s\u00e5rbare virksomheter er for hackere. Seerne blir henvist til \u00e5 bruke mellomromstasten eller piltastene for \u00e5 flytte fra en sikkerhetstrussel til en annen. Det hjelper \u00e5 sende budskapet hjem, siden det visuelle viser bedrifter de svakeste fysiske stedene. Det er en trussel de virkelig kan oppleve.\n<\/p>\n

\n 9 Hvorfor du ikke b\u00f8r drikke og kj\u00f8re fra sentrumsparkeringer i Leeds
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne infografikken er inspirert i l\u00f8pet av ferien n\u00e5r fylling og kj\u00f8ring er p\u00e5 sitt verste. Forbrukere kan fortelle denne infografikken hvor mye de har drukket, og den vil informere dem om hvorvidt bel\u00f8pet er over den lovlige grensen. Den er ledsaget av en rekke statistikker for \u00e5 fremme tryggere gater.\n<\/p>\n

\n 10 Flights Interactive av The Guardian
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Se sm\u00e5 jetfly og fly krysse i luften samtidig for \u00e5 se hvor ofte mennesker flyr. Den viser b\u00e5de de travleste tidene for flyging og ogs\u00e5 omr\u00e5dene som mottar mest flytrafikk. Det er en fascinerende datarepresentasjon, for \u00e5 si det mildt, som oppmuntrer til personlig utforskning gjennom dataene.\n<\/p>\n

\n 11 13 grunner til at hjernen din har lyst p\u00e5 infografikk fra NeMam Studios
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n I tilfelle du har glemt hvorfor infografikk er s\u00e5 vellykket, vil denne animerte grafikken minne deg p\u00e5. Med lyse farger, parallaksrulling og akkurat passe mengde grafisk bevegelse holder denne visuelle + seerne underholdt og informert til slutten.\n<\/p>\n

\n 12 Mapping the Dead: Gun Deaths Since Sandy Hook av The Huffington Post
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne n\u00f8kterne grafikken viser de vanligste omr\u00e5dene for v\u00e5pend\u00f8dsfall i USA siden skytingen p\u00e5 Sandy Hook grunnskolen. Temaet for infografikken er trist, men presentasjonen er genial for \u00e5 f\u00e5 frem budskapet.\n<\/p>\n

\n 13 Dribling: Hva brukes den til? av Dribbble LLC
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Nesten hvert eneste element i denne HTML5-infografikken kommer til live n\u00e5r du flytter mark\u00f8ren rundt for \u00e5 vise et annet element av hvordan du bruker Dribble. Selv om mye av informasjonen i denne grafikken kan v\u00e6re mer spesifikk, gj\u00f8r bruken av animasjon det ekstremt enkelt og spennende \u00e5 f\u00e5 tilgang til innholdet.\n<\/p>\n

\n 14 Hvordan en bilmotor fungerer fra Animagraffs
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne infografikken treffer spikeren rett p\u00e5 hodet med grafikken, siden det \u00e5 forst\u00e5 hvordan en bilmotor fungerer er virkelig noe du m\u00e5 se i aksjon. den forklarer i sakte film hvordan motoren kommer til live med en serie grafikk som viser hva hver motordel gj\u00f8r.\n<\/p>\n

\n 15 Hvor mange husstander er som dine? fra The New York Times
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Hvis du noen gang har lurt p\u00e5 om husholdningssituasjonen din er unik, vil dette interaktive bildet gi deg svaret. Brukeren kan velge en rekke alternativer av familiest\u00f8rrelser og situasjoner for \u00e5 l\u00e6re hvordan resten av landet matcher. Det er ikke s\u00e5 oppdatert som det kunne v\u00e6rt, men det er fortsatt en utmerket representasjon av den riktige m\u00e5ten \u00e5 bruke animert grafikk p\u00e5.\n<\/p>\n

\n 16 Bildelingens lyse fremtid
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n N\u00e5r du ser p\u00e5 denne infografikken, kan du hoppe inn i en liten gr\u00f8nn bil og sykle i ditt eget tempo for \u00e5 oppdage hvordan bildeling skal endre seg gjennom \u00e5rene. Det er mer enn \u00e9n m\u00e5te \u00e5 samhandle med denne infografikken p\u00e5. Du kan bla fra side til side for \u00e5 flytte bilen eller holde musepekeren over visse elementer i det visuelle bildet for \u00e5 f\u00e5 mer informasjon. Flere former for interaksjon er ekstremt effektive for \u00e5 holde seerne engasjert fra begynnelse til slutt.\n<\/p>\n

\n 17 True Fish Tales av United Marine
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne nettsiden er en fiskers dr\u00f8m. Ikke bare avsl\u00f8rer den noen av de beste fiskefiskene i alle omr\u00e5der, men den deler ogs\u00e5 historiene til de som har taklet den st\u00f8rste rovfisken og vunnet. Det er lett \u00e5 flytte fra et informasjonspunkt til et annet, og de store fiskefortellingene er fengslende.\n<\/p>\n

\n 18 Hungry Tech Giants fra Simply Business
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne infografikken sammenligner veksten til fem store teknologiselskaper. Den viser b\u00e5de veksttidspunktet og bel\u00f8pet hver virksomhet tjente. Hvis du klikker p\u00e5 hvert selskapsikon, vil det f\u00f8re deg til en side om den \u00f8konomiske tilstanden til hvert selskap, som er en veldig effektiv m\u00e5te \u00e5 formidle mye informasjon p\u00e5 samtidig som det visuelle integriteten opprettholdes.\n<\/p>\n

\n 19 Utviklingen av nettet
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Ta en titt p\u00e5 hvordan denne grafikken sakte beveger seg fra begynnelsen av internett til der vi er i dag. Den enkle begynnelsen som f\u00f8rer til en mer kompleks tilstand viser effektivt hvor stort og utbredt internett har blitt p\u00e5 bare 20 korte \u00e5r. For \u00e5 toppe det hele kan brukeren velge mellom flere spr\u00e5k.\n<\/p>\n

\n 20 Evolution of Social Collaboration av Autodesk 360
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Ta en spasertur nedover gaten fra 1950-tallet til i dag og l\u00e6r om noen av de mest innflytelsesrike samarbeidspartnerne. Brukeren kan klikke seg gjennom hver tidsperiode og utforske historien n\u00e5r det passer seg. Infografikken holder seeren engasjert til slutten der selskapet avsl\u00f8rer sin oppfordring til handling. En annen representasjon av en grafikk som effektivt kan konvertere et publikum.\n<\/p>\n

\n 21 Koble til: Hvordan sm\u00e5bedrifter bruker teknologi fra Good Infograhpics
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n En av de st\u00f8rste utfordringene med infografikk er \u00e5 presentere et h\u00f8yt volum av informasjon uten \u00e5 overvelde publikum. Dette visuelle gj\u00f8r akkurat det uten problemer, og lar bes\u00f8kende klikke seg gjennom infografikken for \u00e5 lese gjennom dataene. Det visuelle er b\u00e5de attraktivt og informativt, og f\u00f8rer leseren til en logisk konklusjon.\n<\/p>\n

\n 22 Evolution of the Games Console fra Design by Soap
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Se hvor mye en spillkonsoll bygget i 1972 kostet da sammenlignet med n\u00e5. Det visuelle tar deg fra ett \u00e5r til det neste, og viser hver konsoll som ble opprettet, \u00e5ret den ble laget og kostnadene da og n\u00e5. Hver konsollside har et sted hvor brukere av infografikken kan lese mer informasjon om den enkelte konsollen.\n<\/p>\n

\n 23 episke reiser fra Console Gaming av Butler's Bingo
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Spillere overalt elsker denne infografikken som deler litt innsiktsfull informasjon om forskjellige popul\u00e6re videospill. Du kan velge mellom flere forskjellige spill og finne informasjon om handlingen og oppdragene i spillet. Det er enkelt \u00e5 klikke seg gjennom og nyte informasjonen som presenteres. Det er den perfekte infografikken for selskaper som \u00f8nsker \u00e5 appellere til forbrukernes indre geek.\n<\/p>\n

\n 24 Begynnelsen forklart av Togethera
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Husker du filmen Inception fra 2010 med Leonardo DiCaprio og Joseph Gordon-Levitt? Det er mildt sagt oppsiktsvekkende. Hvis du er en av de mange som hadde vanskelig for \u00e5 holde tritt med hele konseptet med begynnelsen og hvordan karakterene gikk fra et stadium til det neste, er denne infografikken for deg. Enda viktigere er at denne infografikken er et godt eksempel p\u00e5 hvordan man kan fortelle en historie med parallaksetaktikker.\n<\/p>\n

\n 25 Obligasjon: F\u00f8rerkort
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Denne infografikken har noe for enhver smak. For bilfans viser den noen av de kuleste bilene gjennom Bond-filmenes historie. For Bond-fanatikere viser den litt om hver Bond-film som er laget (inkludert den som ikke har kommet ut enn\u00e5). Og for designere viser den en eksepsjonell m\u00e5te \u00e5 holde publikum fanget fra begynnelse til slutt med denne interaktive visualiseringen.\n<\/p>\n

\n Hvert av disse eksemplene tilbyr noe \u00e5 l\u00e6re om vellykket infografisk design. N\u00e5r du studerer hver av disse grafikkene, vil du finne ting du synes er str\u00e5lende og ting som ikke fungerer s\u00e5 vellykket. Uansett vil det bidra til \u00e5 gi deg inspirasjonen du trenger for effektiv grafisk design i 2015.\n<\/p>\n<\/p>\n

\n Opptakskilde: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Siden begynnelsen av \u00e5rhundret har infografikk hatt en kraftig innvirkning p\u00e5 m\u00e5ten vi ser p\u00e5 nettmedier. Ved oppstarten var det revolusjonerende som det perfekte mediet for b\u00e5de \u00e5 representere data og underholde publikum. Suksessen til infografikk har utviklet seg siden den gang. For bare noen f\u00e5 \u00e5r siden ble infografikk ekstremt popul\u00e6rt med utbruddet av digital markedsf\u00f8ring og s\u00f8kemotoroptimalisering. Med deres popularitet fulgte flere endringer i m\u00e5ten de ble presentert p\u00e5. Bare de beste av de beste ble delt p\u00e5 sosiale medier, noe som resulterte i h\u00f8yere merkebevissthet og forbrukerengasjement. Som den tradisjonelle infografikken …<\/p>\n","protected":false},"author":1,"featured_media":135755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[226,57,200],"tags":[],"class_list":["post-257760","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laereboker","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257760"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/135755"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}