{"id":265176,"date":"2023-07-24T07:50:00","date_gmt":"2023-07-24T04:50:00","guid":{"rendered":"https:\/\/inform.click\/25-interaktiv-infografik-for-designern-i-dig\/"},"modified":"2023-07-24T08:45:00","modified_gmt":"2023-07-24T05:45:00","slug":"25-interaktiv-infografik-for-designern-i-dig","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/25-interaktiv-infografik-for-designern-i-dig\/","title":{"rendered":"25 interaktiv infografik f\u00f6r designern i dig"},"content":{"rendered":"

\n Sedan b\u00f6rjan av seklet har infografik haft en kraftfull inverkan p\u00e5 hur vi ser p\u00e5 webbmedia. Vid starten var det revolutionerande som det perfekta mediet f\u00f6r att b\u00e5de representera data och underh\u00e5lla publiken.\n<\/p>\n

\n Framg\u00e5ngen f\u00f6r infographics har utvecklats sedan den tiden. F\u00f6r bara n\u00e5gra \u00e5r sedan blev infografik extremt popul\u00e4rt med utbrottet av digital marknadsf\u00f6ring och s\u00f6kmotoroptimering.\n<\/p>\n

\n Med deras popularitet f\u00f6ljde flera f\u00f6r\u00e4ndringar i hur de presenterades. Endast det b\u00e4sta av det b\u00e4sta delades p\u00e5 sociala medier, vilket resulterade i h\u00f6gre varum\u00e4rkesmedvetenhet och konsumentengagemang.\n<\/p>\n

\n N\u00e4r den traditionella infografiken utvecklades f\u00f6r att h\u00e5lla j\u00e4mna steg med konsumenternas f\u00f6r\u00e4nderliga smaker, gav den v\u00e4rlden den interaktiva infografiken, som h\u00e5ller p\u00e5 att bli den mest eftertraktade formen av datarepresentation hittills, vilket till och med gjorde en del statisk infografik som f\u00f6r\u00e5ldrad och irrelevant.\n<\/p>\n

\n F\u00f6r att hj\u00e4lpa dig ligga steget f\u00f6re spelet med din grafiska design och skapa en infografik med potential att bli viral, ta en titt p\u00e5 den h\u00e4r listan med fantastisk interaktiv infografik.\n<\/p>\n

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

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

\n Denna infografik designad f\u00f6r att beskriva n\u00e5gra av East Tennessees historia, kultur och roliga fakta anv\u00e4nder parallax-rullning f\u00f6r att ge landskapet liv eftersom olika fakta och information \u00e4r relaterade. Det g\u00f6r det mycket roligare att l\u00e4ra sig om denna specifika plats!\n<\/p>\n

\n 2 Sociala mediers fullst\u00e4ndiga historia av AvaLaunch Media
\n<\/h5>\n

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

\n Du visste f\u00f6rmodligen inte att m\u00e4nniskosl\u00e4ktet hade en version av sociala medier som g\u00e5r tillbaka till 1800-talet, eller hur? Denna infografik l\u00e5ter anv\u00e4ndaren klicka sig igenom olika tidsperioder f\u00f6r att uppt\u00e4cka sociala mediers l\u00e5nga och intressanta historia genom tiderna. M\u00f6jligheten att kontrollera informationens hastighet och ordning \u00e4r ett sp\u00e4nnande perspektiv f\u00f6r konsumenterna.\n<\/p>\n

\n 3 S\u00e5 fungerar s\u00f6kning fr\u00e5n Google
\n<\/h5>\n

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

\n Google har f\u00f6rmodligen mer statistik och information att dela om internetanv\u00e4ndning och surfning \u00e4n n\u00e5got annat f\u00f6retag, och de delar en del av den informationen i denna informationsgrafik som f\u00f6rklarar populariteten f\u00f6r webbs\u00f6kningar och hur de fungerar genom en tredelad ber\u00e4ttelse som anv\u00e4ndare kan bl\u00e4ddra igenom i sin egen takt.\n<\/p>\n

\n 4 webbl\u00e4sare och resolutioner av Webby Monks
\n<\/h5>\n

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

\n Den h\u00e4r animerade infodumpen \u00e4r helt enkelt rolig. N\u00e4r du bl\u00e4ddrar igenom den f\u00e4rgglada och informationssp\u00e4ckade grafiken visas i\u00f6gonfallande grafik f\u00f6r att f\u00f6rb\u00e4ttra data och g\u00f6ra den pedagogiska upplevelsen mycket mer underh\u00e5llande.\n<\/p>\n

\n 5 The Enlightened Happy Hour: En interaktiv guide till vad du l\u00e4ppjar av kolumn fem
\n<\/h5>\n

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

\n Alla \u00e4lskar happy hour, men alla kalorier som konsumeras i det ena sittandet g\u00f6r inte mycket f\u00f6r din midja. Denna infografik anv\u00e4nder en barinst\u00e4llning och l\u00e5ter dig klicka dig igenom olika typer av drycker f\u00f6r att uppt\u00e4cka n\u00e4ringsinformation f\u00f6r var och en, inklusive kalorier och alkoholhalt. L\u00e4gg m\u00e4rke till den \u00f6vertygande karakt\u00e4ren hos det visuella.\n<\/p>\n

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

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

\n Du kanske inte bryr dig om historien om marknadsunders\u00f6kningar, men du kommer fortfarande att vara intresserad av att titta igenom denna f\u00e4ngslande infografik, som anv\u00e4nder fet grafik och en m\u00e4ngd olika sidor f\u00f6r att dela ber\u00e4ttelser om m\u00e5nga inflytelserika personer och h\u00e4ndelser fr\u00e5n 1900-talet fram till nu.\n<\/p>\n

\n 7 kvinnors politiska r\u00e4ttigheter runt om i v\u00e4rlden fr\u00e5n The Guardian
\n<\/h5>\n

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

\n L\u00e4r dig b\u00e5de om kvinnors r\u00e4ttigheter i olika delar av v\u00e4rlden och om fantastisk interaktiv design med denna livliga infografik. Tittarna kan klicka p\u00e5 valfritt land eller region i v\u00e4rlden f\u00f6r att l\u00e4ra sig om kvinnors politiska r\u00e4ttigheter d\u00e4r. Den h\u00e4r infografiken \u00e4r lysande eftersom skaparna presenterar stora m\u00e4ngder information, men skaparna av det visuella presenterar det p\u00e5 ett s\u00e5dant s\u00e4tt att anv\u00e4ndare kan f\u00e5 den information de vill ha utan att k\u00e4nna sig \u00f6verv\u00e4ldigade.\n<\/p>\n

\n 8 s\u00e4kerhetshot f\u00f6r detaljhandeln av Nuspire
\n<\/h5>\n

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

\n Denna interaktiva infografik anv\u00e4nder HTML5 och en mockup av en typisk kontorsyta f\u00f6r att visa exakt hur s\u00e5rbara f\u00f6retag \u00e4r f\u00f6r hackare. Tittarna uppmanas att anv\u00e4nda mellanslagstangenten eller piltangenterna f\u00f6r att flytta fr\u00e5n ett s\u00e4kerhetshot till ett annat. Det hj\u00e4lper till att driva meddelandet hem, eftersom det visuella visar f\u00f6retagen de svagaste fysiska platserna. Det \u00e4r ett hot de verkligen kan uppleva.\n<\/p>\n

\n 9 Varf\u00f6r du inte b\u00f6r dricka och k\u00f6ra fr\u00e5n Town Centre Car Parks i Leeds
\n<\/h5>\n

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

\n Den h\u00e4r infografiken \u00e4r inspirerad under semestern n\u00e4r rattfylleri \u00e4r som v\u00e4rst. Konsumenter kan ber\u00e4tta f\u00f6r denna infografik hur mycket de har druckit, och den kommer att informera dem om huruvida den m\u00e4ngden \u00f6verskrider den lagliga gr\u00e4nsen eller inte. Den \u00e5tf\u00f6ljs av en rad statistik f\u00f6r att fr\u00e4mja s\u00e4krare gator.\n<\/p>\n

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

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

\n Titta p\u00e5 sm\u00e5 jetplan och flygplan kors och tv\u00e4rs i luften samtidigt f\u00f6r att se hur ofta m\u00e4nniskor flyger. Den visar b\u00e5de de mest trafikerade tiderna f\u00f6r flygning och \u00e4ven de omr\u00e5den som tar emot mest flygtrafik. Det \u00e4r en minst sagt fascinerande datarepresentation som uppmuntrar till personlig utforskning genom datan.\n<\/p>\n

\n 11 13 sk\u00e4l till varf\u00f6r din hj\u00e4rna l\u00e4ngtar efter infografik fr\u00e5n NeMam Studios
\n<\/h5>\n

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

\n Om du har gl\u00f6mt varf\u00f6r infografik \u00e4r s\u00e5 framg\u00e5ngsrik, kommer denna animerade grafik att p\u00e5minna dig. Med ljusa f\u00e4rger, parallaxrullning och precis r\u00e4tt m\u00e4ngd grafisk r\u00f6relse h\u00e5ller denna visuella + tittarna underh\u00e5llning och information till slutet.\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 Den h\u00e4r nyktra grafiken visar de vanligaste omr\u00e5dena f\u00f6r vapend\u00f6d i USA sedan skottlossningen p\u00e5 Sandy Hook elementary. \u00c4mnet f\u00f6r infografiken \u00e4r sorgligt, men presentationen \u00e4r lysande f\u00f6r att f\u00e5 fram budskapet.\n<\/p>\n

\n 13 Dribbling: Vad anv\u00e4nds det till? av Dribbble LLC
\n<\/h5>\n

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

\n N\u00e4stan varje element i denna HTML5-infografik kommer till liv n\u00e4r du flyttar runt mark\u00f6ren f\u00f6r att visa ett annat element i hur du anv\u00e4nder Dribble. \u00c4ven om mycket av informationen i den h\u00e4r bilden kan vara mer specifik, g\u00f6r anv\u00e4ndningen av animation det extremt enkelt och sp\u00e4nnande att komma \u00e5t inneh\u00e5llet.\n<\/p>\n

\n 14 Hur en bilmotor fungerar fr\u00e5n Animagraffs
\n<\/h5>\n

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

\n Den h\u00e4r infografiken sl\u00e5r spiken p\u00e5 huvudet med sin grafik, eftersom att f\u00f6rst\u00e5 hur en bilmotor fungerar verkligen \u00e4r n\u00e5got du m\u00e5ste se i aktion. den f\u00f6rklarar i slow motion hur motorn kommer till liv med en serie grafik som visar vad varje motordel g\u00f6r.\n<\/p>\n

\n 15 Hur m\u00e5nga hush\u00e5ll \u00e4r som dina? fr\u00e5n New York Times
\n<\/h5>\n

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

\n Om du n\u00e5gonsin undrat om din hush\u00e5llssituation \u00e4r unik, kommer denna interaktiva bild att ge dig svaret. Anv\u00e4ndaren kan v\u00e4lja en m\u00e4ngd olika alternativ f\u00f6r familjestorlekar och situationer f\u00f6r att l\u00e4ra sig hur resten av landet matchar. Det \u00e4r inte s\u00e5 aktuellt som det skulle kunna vara, men det \u00e4r fortfarande en utm\u00e4rkt representation av det r\u00e4tta s\u00e4ttet att anv\u00e4nda animerad grafik.\n<\/p>\n

\n 16 Bildelningens ljusa framtid
\n<\/h5>\n

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

\n N\u00e4r du tittar p\u00e5 denna infografik f\u00e5r du hoppa in i en liten milj\u00f6bil och \u00e5ka i din egen takt f\u00f6r att uppt\u00e4cka hur bildelning \u00e4r t\u00e4nkt att f\u00f6r\u00e4ndras genom \u00e5ren. Det finns mer \u00e4n ett s\u00e4tt att interagera med denna infografik. Du kan bl\u00e4ddra fr\u00e5n sida till sida f\u00f6r att flytta bilen eller f\u00f6ra muspekaren \u00f6ver vissa element i bilden f\u00f6r att f\u00e5 mer information. Flera former av interaktion \u00e4r extremt effektiva f\u00f6r att h\u00e5lla tittarna engagerade fr\u00e5n b\u00f6rjan till slut.\n<\/p>\n

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

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

\n Denna webbplats \u00e4r en fiskares dr\u00f6m. Den avsl\u00f6jar inte bara n\u00e5gra av de premi\u00e4rvisa fiskarna i varje omr\u00e5de, utan den delar ocks\u00e5 ber\u00e4ttelserna om dem som har tagit sig an den st\u00f6rsta rovfisken och vunnit. Det \u00e4r l\u00e4tt att flytta fr\u00e5n en informationsplats till en annan, och de stora fisksagorna \u00e4r f\u00e4ngslande.\n<\/p>\n

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

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

\n Denna infografik j\u00e4mf\u00f6r tillv\u00e4xten f\u00f6r fem stora teknikf\u00f6retag. Den visar b\u00e5de tidpunkten f\u00f6r tillv\u00e4xt och hur mycket varje f\u00f6retag tj\u00e4nade. Om du klickar p\u00e5 varje f\u00f6retagsikon kommer det att leda dig till en sida om varje f\u00f6retags ekonomiska st\u00e4llning, vilket \u00e4r ett mycket effektivt s\u00e4tt att f\u00f6rmedla mycket information samtidigt som det visuella integriteten bibeh\u00e5lls.\n<\/p>\n

\n 19 Webbens utveckling
\n<\/h5>\n

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

\n Ta en titt p\u00e5 hur den h\u00e4r grafiken l\u00e5ngsamt r\u00f6r sig fr\u00e5n b\u00f6rjan av internet till d\u00e4r vi \u00e4r idag. Den enkla b\u00f6rjan som leder till ett mer komplext tillst\u00e5nd visar effektivt hur stort och utbrett internet har blivit p\u00e5 bara 20 korta \u00e5r. Till r\u00e5ga p\u00e5 allt kan anv\u00e4ndaren v\u00e4lja mellan flera 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 promenad l\u00e4ngs gatan fr\u00e5n 1950-talet till nutid och l\u00e4r dig om n\u00e5gra av de mest inflytelserika partnerna i samarbetet. Anv\u00e4ndaren kan klicka sig igenom varje tidsperiod och utforska historien p\u00e5 egen hand. Infografiken h\u00e5ller tittaren engagerad till slutet d\u00e4r f\u00f6retaget avsl\u00f6jar sin uppmaning till handling. En annan representation av en grafik som effektivt kan konvertera en publik.\n<\/p>\n

\n 21 Plugga in: Hur sm\u00e5f\u00f6retag anv\u00e4nder teknik fr\u00e5n bra infografik
\n<\/h5>\n

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

\n En av de st\u00f6rsta utmaningarna med infografik \u00e4r att presentera en stor m\u00e4ngd information utan att \u00f6verv\u00e4ldiga publiken. Den h\u00e4r bilden g\u00f6r just det utan problem, vilket g\u00f6r att bes\u00f6karen kan klicka sig igenom infografiken f\u00f6r att l\u00e4sa igenom data. Det visuella \u00e4r b\u00e5de attraktivt och informativt, vilket leder l\u00e4saren till en logisk slutsats.\n<\/p>\n

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

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

\n Se hur mycket en spelkonsol byggd 1972 kostade d\u00e5 j\u00e4mf\u00f6rt med nu. Det visuella tar dig fr\u00e5n ett \u00e5r till ett annat, och visar varje skapad konsol, vilket \u00e5r den gjordes och kostnaden d\u00e5 och nu. Varje konsolsida har en plats d\u00e4r anv\u00e4ndare av infografiken kan l\u00e4sa mer information om den enskilda konsolen.\n<\/p>\n

\n 23 episka resor fr\u00e5n Console Gaming av Butler's Bingo
\n<\/h5>\n

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

\n Spelare \u00f6verallt \u00e4lskar denna infografik som delar lite insiktsfull information om olika popul\u00e4ra videospel. Du kan v\u00e4lja mellan flera olika spel och uppt\u00e4cka information om handlingen och uppdragen i spelet. Det \u00e4r l\u00e4tt att klicka sig igenom och njuta av informationen som presenteras. Det \u00e4r den perfekta infografiken f\u00f6r f\u00f6retag som vill tilltala konsumenternas inre n\u00f6rd.\n<\/p>\n

\n 24 Inledning f\u00f6rklaras av Togethera
\n<\/h5>\n

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

\n Kommer du ih\u00e5g filmen Inception fr\u00e5n 2010 med Leonardo DiCaprio och Joseph Gordon-Levitt? Det \u00e4r minst sagt h\u00e4pnadsv\u00e4ckande. Om du \u00e4r en av m\u00e5nga som hade sv\u00e5rt att h\u00e4nga med i hela konceptet med starten och hur karakt\u00e4rerna gick fr\u00e5n ett stadium till n\u00e4sta, \u00e4r denna infografik f\u00f6r dig. \u00c4nnu viktigare \u00e4r att denna infografik \u00e4r ett bra exempel p\u00e5 hur man ber\u00e4ttar en historia med parallaxtaktik.\n<\/p>\n

\n 25 S\u00e4kerhet: K\u00f6rkort
\n<\/h5>\n

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

\n Denna infografik har n\u00e5got f\u00f6r alla. F\u00f6r bilfans visar den n\u00e5gra av de coolaste bilarna genom Bond-filmernas historia. F\u00f6r Bond-fanatiker visar den lite om varje Bond-film som g\u00f6rs (inklusive den som inte har kommit ut \u00e4nnu). Och f\u00f6r designers visar det ett exceptionellt s\u00e4tt att h\u00e5lla din publik f\u00e4ngslad fr\u00e5n b\u00f6rjan till slut med denna interaktiva bild.\n<\/p>\n

\n Vart och ett av dessa exempel erbjuder n\u00e5got att l\u00e4ra sig om framg\u00e5ngsrik infografisk design. N\u00e4r du studerar var och en av dessa bilder kommer du att hitta saker du tycker \u00e4r lysande och saker som inte fungerar s\u00e5 framg\u00e5ngsrikt. Hur som helst kommer det att hj\u00e4lpa dig att ge dig den inspiration du beh\u00f6ver f\u00f6r effektiv grafisk design under 2015.\n<\/p>\n<\/p>\n

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

Sedan b\u00f6rjan av seklet har infografik haft en kraftfull inverkan p\u00e5 hur vi ser p\u00e5 webbmedia. Vid starten var det revolutionerande som det perfekta mediet f\u00f6r att b\u00e5de representera data och underh\u00e5lla publiken. Framg\u00e5ngen f\u00f6r infographics har utvecklats sedan den tiden. F\u00f6r bara n\u00e5gra \u00e5r sedan blev infografik extremt popul\u00e4rt med utbrottet av digital marknadsf\u00f6ring och s\u00f6kmotoroptimering. Med deras popularitet f\u00f6ljde flera f\u00f6r\u00e4ndringar i hur de presenterades. Endast det b\u00e4sta av det b\u00e4sta delades p\u00e5 sociala medier, vilket resulterade i h\u00f6gre varum\u00e4rkesmedvetenhet och konsumentengagemang. Som den traditionella infografiken…<\/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":[230,61,204],"tags":[],"class_list":["post-265176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-larobocker","category-web-och-wordpress","category-webbdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265176"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265176\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/135755"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}