Hjem Personlig finansiering Hvordan man tilføjer interaktive funktioner til dine infografier - dummies

Hvordan man tilføjer interaktive funktioner til dine infografier - dummies

Indholdsfortegnelse:

Video: 20 Essential Excel Functions with Downloadable Reference Guide 2024

Video: 20 Essential Excel Functions with Downloadable Reference Guide 2024
Anonim

Interaktivitet er uden tvivl den hotteste trend i infographics. Stigningen af ​​online kilder til nyheder og underholdning indhold har gjort alle kuratorer. Du vælger de websteder, du vil besøge, de links, du vil klikke, og de oplysninger, du vil dele.

Så det er kun naturligt, at når du får chancen for at lege med dine oplysninger, at dykke ind i et hav af data og gøre det til eget brug, elsker du det. Du behøver ikke at være en programmør for at tilføje interaktive funktioner; et kendskab til Adobe Flash Player er nok til at komme i gang.

Men du kan ikke hvile der. Selv nu truer webdesignsprog som HTML og CSS at overvinde Flash inden for interaktivt grafisk design. Hvis du vil sikre dig, at din grafik læser godt på mobile enheder, skal du begynde at arbejde på at tilføje HTML5, CSS3 og JavaScript til din programmeringssprogværktøjskasse.

Interaktiv grafik lover en dybde, som en almindelig grafik aldrig kunne formidle. Mulighederne er uendelige og ofte fascinerende for læsere. Her er to måder hvordan infografiske designere gør deres arbejde mere interaktive.

Placer oplysninger på forskellige sider

Når trykte medier var den mest almindelige platform for infographics, skulle hele grafikken ses som en enhed. Uanset om grafikken tog en enkelt kolonne i en avis eller en tosiders spredning i et blad, krævede designregler, at hele grafikken var selvstændig.

Ikke mere. I en online platform kan du præsentere en simpel informationsblok på en åbningsside. For at komme videre til din næste blok af oplysninger, kan du oprette et lodret design, så din læser kan rulle ned på siden for at komme videre til de nye oplysninger.

Eller kan du placere din anden blok af information på en helt ny side med et link, der opfordrer læseren til at klikke for mere information. Tilføj et andet grafisk element, læg det på en tredje side igen med et link til aktion.

Denne tilgang kan være yderst tiltalende for kunder, der bruger sidevisninger til at bestemme annonceringsrater og den samlede popularitet. Ulempen ved et klik-grafik: Din læser kan muligvis ikke holde sig til dig gennem hele grebet.

Lad læseren vælge

Sig, at du har oprettet en infographic for at vise procentdelen af ​​befolkningen i hver USA-stat, der besidder en universitetsgrad. Enkel, ikke? Du har sikkert lavet et kort over USA, med en procentandel i lille type i hver stat.

Interaktivitet giver dig mulighed for at tage mange andre tilgange. Du kunne hoppe over tallene helt. For eksempel, start med at farvekodning dine stater. Måske stater med mindre end 50 procent af befolkningen har en college grad er lysegrøn; 50 til 65 procent er medium grøn; og 65 procent eller mere er en skovgrøn.

Du kan derefter integrere dine data ved hjælp af HTML5, så en læser kan svæve computermusen over en enkelt tilstand og se den nøjagtige procentdel. Du kan tilføje masser af data på denne måde. Måske bryder du ud procentsatserne af mænd og kvinder, der besidder universitetsgrader, eller du kan bruge en glidebjælke til at ændre dataene i løbet af årtier.

Hvordan man tilføjer interaktive funktioner til dine infografier - dummies

Valg af editor

Test din kode med Dreamweavers webstedrapporteringsfunktioner - dummies

Test din kode med Dreamweavers webstedrapporteringsfunktioner - dummies

Hvis du har brugt Dreamweaver til bygg din mobilwebsite, du kan tjekke dit arbejde ved hjælp af Dreamweaver Site Reporting funktionerne. Det lader dig oprette en række rapporter og endda tilpasse dem til at identificere problemer med eksterne links, overflødige og tomme tags, untitled dokumenter og manglende alternativ tekst. Du kan nemt gå glip af problemer - især ...

Sådan bruger du dit eget domæne til dit Squarespace-websted - dummier

Sådan bruger du dit eget domæne til dit Squarespace-websted - dummier

Når du underskriver op for din Squarespace-konto, får du en unik Squarespace-URL, der ser sådan ud: http: // dit kontonavn. Squarespace. com. Hvis du vil have fuldstændig kontrol over branding af dit websted eller blot ønsker en unik webadresse, kan du kortlægge eller pege på et brugerdefineret domæne på din Squarespace-konto. Du har tre muligheder for indstilling ...

Fordelene ved at bruge Markdown på din Squarespace Website - dummies

Fordelene ved at bruge Markdown på din Squarespace Website - dummies

Markdown er en plain- tekst skriftformat, der gør det muligt hurtigt at anvende tekst styling baseret på hvordan du formaterer din Squarespace 6 websteds tekst. Markdown er en af ​​Du bruger to typer blokke, du kan bruge til at tilføje tekst. Du tilføjer indhold til dine Squarespace-sidesider ved at bruge indholdsblokke i Site Manager → Indhold ...

Valg af editor

Wicca og Witchcraft For Dummies Cheat Sheet - dummies

Wicca og Witchcraft For Dummies Cheat Sheet - dummies

Wicca, en heksekunst, er centreret i rituelle Wiccans udfører til specifikke formål, såsom at kommunikere med eller ære guddom. Sabbats er wiccan sol helligdage fokuseret på jordens sti omkring solen, nogle gange omtalt som Årets hjul. Esbats er wiccan månens ferie, der fokuserer på månens cyklus. ...

Sammenhængende trosretninger: almindelige erfaringer i skrifterne - dummies

Sammenhængende trosretninger: almindelige erfaringer i skrifterne - dummies

Interessant de tre Abrahams trosretninger - jødedom, kristendom , og islam - deler meget til fælles, herunder en række af ædle profeter sendt af Gud. På grund af commonality ligger en dyb forbindelse til arv fra profeten Abraham og en tro på en Gud. Koranen finder fælles sted med kristne og jøder (kendt ...

Charmerende din vej til effektiv magi - dummies

Charmerende din vej til effektiv magi - dummies

En firkløver for held. Den jakkesæt, som du altid bærer til jobsamtaler for succes. Ringen du tager aldrig af, fordi den repræsenterer din kærlighed til en anden person. Den hængende du bærer rundt om halsen hver dag for beskyttelse. Den lille statue hængende fra bilens bagspejl til sikker rejse. ...

Valg af editor

Vælger skråninger, kanter og ansigter i blender - dummies

Vælger skråninger, kanter og ansigter i blender - dummies

I Blender's Edit-tilstand, kuben ændrer farve og prikker danner i hver af kubens hjørner. Hver prik er et vertex. Linjen der dannes mellem to hjørner er en kant. Et ansigt i Blender er en polygon, der er dannet af tre eller flere forbindelseskanter. Tidligere er ansigter i Blender ...