Hem Personliga finanser Hur man lägger till interaktiva funktioner för dina infografier - dummies

Hur man lägger till interaktiva funktioner för dina infografier - dummies

Innehållsförteckning:

Video: Koppla flygfoto till kartan 2025

Video: Koppla flygfoto till kartan 2025
Anonim

Interaktivitet är utan tvekan den hetaste trenden i infographics. Ökningen av onlinekällor för nyheter och underhållningsinnehåll har gjort alla kuratorer. Du väljer de webbplatser du vill besöka, de länkar du vill klicka och informationen du vill dela.

Så det är bara naturligt att när du får chansen att leka med din information, dyka in i ett hav av data och få det att fungera för dina egna ändamål, älskar du det. Du behöver inte vara en programmerare för att lägga till interaktiva funktioner. en kunskap om Adobe Flash Player är tillräckligt för att komma igång.

Men du kan inte vila där. Ännu nu hotar webbdesignspråk som HTML och CSS att övervinna Flash inom interaktiv grafisk design. Om du vill se till att din grafik läser bra på mobila enheter, börja du arbeta med att lägga till HTML5, CSS3 och JavaScript i verktygsfältet för programmeringsspråk.

Interaktiv grafik lovar ett djup som en vanlig grafik aldrig kunde förmedla. Möjligheterna är oändliga och ofta fascinerande för läsare. Här är två sätt hur infografiska designers gör sitt arbete mer interaktivt.

Placera information på olika sidor

När utskriftsmedia var den vanligaste plattformen för infographics, skulle hela grafiken ses som en enhet. Om grafiken tog upp en enda kolumn i en tidning eller en tvåsidig spridning i en tidning, krävde designregler att hela grafiken skulle vara fristående.

Inte mer. I en online-plattform kan du presentera ett enkelt informationsblock på en öppningssida. För att gå vidare till ditt nästa informationsblock kan du skapa en vertikal design, så att din läsare bläddra ner på sidan för att gå vidare till den nya informationen.

Eller, kan du placera ditt andra informationsblock på en helt ny sida med en länk som uppmuntrar läsaren att klicka för mer information. Lägg till ett annat grafiskt element, placera det på en tredje sida, igen med en länk till samtal.

Detta tillvägagångssätt kan vara oerhört tilltalande för kunder som använder sidvisningar för att bestämma annonseringspriser och övergripande popularitet. Nackdelen med en klickbaserad grafik: Din läsare kanske inte håller med dig genom hela grejen.

Låt läsaren välja

Säg att du skapade en infographic för att visa procentandelen av befolkningen i varje USA-stat som har en högskoleexamen. Enkelt, eller hur? Du har förmodligen gjort en karta över USA, med en procentandel i liten typ i varje stat.

Interaktivitet gör att du kan ta många andra tillvägagångssätt. Du kan hoppa över siffrorna helt. Till exempel börja med att färgkoda dina stater. Kanske stater med mindre än 50 procent av befolkningen med en högskoleexamen är ljusgröna; 50 till 65 procent är medelgrön; och 65 procent eller mer är en skogsgrön.

Du kan sedan bädda in din data med hjälp av HTML5, så att en läsare kan sväva datorns mus över ett enda tillstånd och se den exakta procenten. Du kan lägga till mycket data på så sätt. Kanske kommer du att bryta ut procenten av män och kvinnor som håller högskoleexamen, eller du kan använda en skjutreglage för att ändra data enligt årtiondet.

Hur man lägger till interaktiva funktioner för dina infografier - dummies

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...