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 2024

Video: Koppla flygfoto till kartan 2024
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

Som standard använder Photoshop Elements färgplockare - dummies

Som standard använder Photoshop Elements färgplockare - dummies

En svart förgrundsfärg och en vit bakgrundsfärg. Om du experimenterar med färg och vill gå tillbaka till standardfärgerna, tryck på D-tangenten. Om du vill växla mellan förgrunds- och bakgrundsfärger trycker du på X-tangenten. Om du vill ha någon annan färg än svart och ...

Arbetar med kommandot Färgvariationer i Photoshop Elements 9 - dummies

Arbetar med kommandot Färgvariationer i Photoshop Elements 9 - dummies

Kommandot Färgvariationer i Photoshop Element är en digital färgkorrigeringsfunktion. Kommandot gör att du kan göra korrigeringar genom att visuellt jämföra miniatyrbilder av färgvariationer av din bild. Du kan använda det här kommandot när du inte är helt säker på vad som är fel med färgen eller vilken typ av färgsändning din bild har. Så här ...

Arbetar med Photoshop Elements 9 Project Bin-dummies

Arbetar med Photoshop Elements 9 Project Bin-dummies

Projektfacket i Photoshop Elements visar miniatyrbilder av alla dina öppna bilder. Oavsett om du arbetar i Redigera fullständigt eller Redigera snabbt läge, kan du omedelbart se en liten bild av alla bilder du har öppet på en gång. Du kan också se miniatyrbilder av alla olika visningar du ...

Redaktörens val

Hur man validerar obligatoriska fält i en formulärprocess sida - dummies

Hur man validerar obligatoriska fält i en formulärprocess sida - dummies

Du bygger PHP webbformulärsprocess sida i steg, börjar med den grundläggande ramen och sedan lägga till mer komplex validering och funktioner när du går. Öppna din textredigerare och skapa en ny fil. I den filen lägger du följande kod:

Vad gör HTML? - dummies

Vad gör HTML? - dummies

HTML instruerar webbläsaren på hur man visar text och bilder på en webbsida. Minns sista gången du skapade ett dokument med en ordbehandlare. Oavsett om du använder Microsoft Word eller Wordpad, Apple Pages eller ett annat program, har din textbehandlare ett huvudfönster där du skriver text och en meny eller ...

Vad gör Python? - dummies

Vad gör Python? - dummies

Python är ett allmänt användande programmeringsspråk som vanligtvis används för webbutveckling. Det här låter på samma sätt som Ruby, och verkligen är båda språk mer liknade än de är olika. Python, som Ruby, möjliggör lagring av data efter att användaren har navigerat bort från sidan eller stängt webbläsaren, till skillnad från HTML, CSS och JavaScript. Använda Python ...

Redaktörens val

Typer av högteknologiska lösenordssprickning - dummies

Typer av högteknologiska lösenordssprickning - dummies

Högteknologiskt lösenordssprickning är en typ av hacking som involverar Använda program som gissar ett lösenord genom att bestämma alla möjliga lösenordskombinationer. De viktigaste lösenordssprickningsmetoderna är ordboksattacker, brute-force attacker och regnbågeattacker. Ordboken attacker Dictionary attacker snabbt jämföra en uppsättning kända ordbokstyp ord - inklusive många vanliga lösenord - mot ett lösenord ...

Enhetligt meddelandevisningsverktyg - dummies

Enhetligt meddelandevisningsverktyg - dummies

Med enhetlig kommunikation och konvergens av röstbrevlåda med e-post och med skrivbordet på skrivbordet, du har nya sätt att interagera med röstmeddelanden. Du brukar brukade sända någon form av ljus på din skrivbordstelefon eller en stakad tonning när du lyfter luren för att varna dig när ett nytt röstmeddelande är ...

Enhetlig meddelandedelning - dummies

Enhetlig meddelandedelning - dummies

Eftersom enhetlig meddelandehantering gör att du kan ta emot dina telefonsvarare och fax som är inbäddade eller bifogade e-postmeddelanden i en enkel, enhetlig inkorg, så kan du också arbeta med de här meddelandetyperna på något sätt som du kan arbeta med ett e-postmeddelande. Med enhetlig meddelandehantering och en enda inkorg har du större kontroll och flexibilitet för att dela ...