Huis Persoonlijke financiën Hoe u interactieve functies aan uw infographics toevoegt - dummies

Hoe u interactieve functies aan uw infographics toevoegt - dummies

Inhoudsopgave:

Video: Biomolecules (Updated) 2024

Video: Biomolecules (Updated) 2024
Anonim

Zonder enige twijfel interactiviteit de heetste trend in infographics is. De opkomst van online nieuwsbronnen en entertainmentcontent heeft van iedereen een curator gemaakt. U kiest de websites die u wilt bezoeken, de links waarop u wilt klikken en de informatie die u wilt delen.

Het is dus logisch dat wanneer u de kans krijgt om met uw informatie te spelen, u in een zee van gegevens kunt duiken en deze voor uw eigen doeleinden kunt laten werken, dan bent u er dol op. U hoeft geen programmeur te zijn om interactieve functies toe te voegen; een praktische kennis van Adobe Flash Player is voldoende om u op weg te helpen.

Maar je kunt daar niet rusten. Zelfs nu dreigen webontwerptalen zoals HTML en CSS Flash over het hoofd te zien op het gebied van interactief grafisch ontwerp. Als u ervoor wilt zorgen dat uw afbeeldingen goed lezen op mobiele apparaten, begin dan met het toevoegen van HTML5, CSS3 en JavaScript aan uw toolbox voor programmeertaal.

Interactieve grafische afbeeldingen beloven een diepte die een gewone grafische afdruk nooit zou kunnen overbrengen. De mogelijkheden zijn eindeloos en vaak fascinerend voor lezers. Hier zijn twee manieren waarop infographicsontwerpers hun werk interactiever maken.

Plaats informatie op verschillende pagina's

Wanneer afdrukmedia het meest gebruikelijke platform voor infographics was, moest de volledige afbeelding als een eenheid worden bekeken. Of de afbeelding nu een enkele kolom in een krant of een spread van twee pagina's in een tijdschrift bevatte, de ontwerpregels riepen ertoe op de volledige afbeelding op zichzelf te zetten.

Niet meer. In een online platform kunt u een eenvoudig informatieblok op een openingspagina presenteren. Om door te gaan naar uw volgende informatieblok, kunt u een verticaal ontwerp maken, zodat uw lezer de pagina kan doorbladeren om naar de nieuwe informatie te gaan.

Of, je zou je tweede blok met informatie op een geheel nieuwe pagina kunnen plaatsen, met een link die de lezer aanmoedigt om te klikken voor meer informatie. Voeg nog een grafisch element toe, plaats het op een derde pagina, opnieuw met een call-to-action link.

Deze benadering kan enorm aantrekkelijk zijn voor klanten die paginaweergaven gebruiken om advertentietarieven en algehele populariteit te bepalen. Het nadeel van een doorklikafbeelding: je lezer blijft misschien niet bij je.

Laat de lezer kiezen

Stel dat u een infographic hebt gemaakt om het percentage van de bevolking te laten zien in elke Amerikaanse staat met een universitair diploma. Eenvoudig, toch? U hebt waarschijnlijk een kaart van de Verenigde Staten gemaakt, met een percentage in het kleinste type in elke staat.

Interactiviteit stelt u in staat vele andere benaderingen te gebruiken. Je zou de nummers helemaal kunnen overslaan. Begin bijvoorbeeld met kleurcodering van uw staten. Misschien zijn staten met minder dan 50 procent van de bevolking met een universitair diploma lichtgroen; 50 tot 65 procent is middelgroen; en 65 procent of meer is bosgroen.

U kunt vervolgens uw gegevens insluiten, met behulp van HTML5, zodat een lezer de computermuis over een enkele status kan houden en het exacte percentage kan zien. Op deze manier kunt u veel gegevens toevoegen. Misschien breekt u de percentages mannen en vrouwen uit die een universiteitsdiploma hebben, of u kunt een schuifbalk gebruiken om de gegevens in overeenstemming met het decennium te wijzigen.

Hoe u interactieve functies aan uw infographics toevoegt - dummies

Bewerkers keuze

Setup Menu 3 op de Rebel T6i / 750D - dummies

Setup Menu 3 op de Rebel T6i / 750D - dummies

Er wachten nogal wat aanpassingsmogelijkheden op de Setup-menu van de Rebel T6i / 750D 3. Setup-menu 3, weergegeven in de volgende afbeelding, bevat de volgende aanpassingsmogelijkheden: Schermkleur: standaard bevat het scherm Opname-instellingen opnamegegevens in het wit op een eenvoudige zwarte achtergrond. Er worden grijstinten in grijstinten gebruikt en accenten worden meestal oranje gemarkeerd. ...

Bewerkers keuze

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst aan een inhoud toevoegen tijdelijke aanduiding in Microsoft PowerPoint, klik op het gebied Klik om tekst toe te voegen en typ wat u wilt. Als u een ander type inhoud wilt toevoegen, klikt u op het pictogram in de tijdelijke aanduiding voor het gewenste type. Als u meer tekst typt dan in dat tekstvak past (vooral gebruikelijk voor ...

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

De Prullenbak op uw computer bevat onlangs verwijderde items. Uw oude bestanden bevinden zich in de Prullenbak en u kunt ze ophalen totdat u deze leegt of totdat deze de maximale maximale grootte heeft bereikt, en Windows automatisch enkele bestanden dumpt. Nadat u de Prullenbak hebt leeggemaakt, zijn alle bestanden daarin niet beschikbaar voor ...

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Nadat u een document hebt gemaakt, bent u klaar om te beginnen met typen. Tekst op de pagina plaatsen (of op het scherm) is een beetje anders in elk van de drie grote Microsoft Office-toepassingen: Word, Excel en PowerPoint. Woord: Het belangrijkste werkgebied van het programma is een lege lei waarop u rechtstreeks kunt typen. Klik gewoon in de ...

Bewerkers keuze

Animatie maken met de HTML5-canvastag - dummies

Animatie maken met de HTML5-canvastag - dummies

Hoewel de HTML5-canvastag misschien niet als vervanging voor Flash als mechanisme voor het implementeren van games en animaties in de browser, is het redelijk eenvoudig om animaties aan een canvasafbeelding toe te voegen. De sleutel is om de animatiefuncties te gebruiken die al in de browser zijn ingebouwd. Basisstructuur van de animatielus in HTML5-canvas Een animatie ...

Hoe externe stijlen maken in CSS3 - dummies

Hoe externe stijlen maken in CSS3 - dummies

De meeste ontwikkelaars gebruiken externe stijlen in CSS3 om te verkleinen de hoeveelheid werk die nodig is om een ​​site te onderhouden. Een. CSS-bestand bevat alle stijlen voor de site, wat betekent dat het veranderen van een stijl voor de hele site net zo eenvoudig is als het veranderen van dat ene bestand (in plaats van elke pagina). Omdat de wijziging plaatsvindt in slechts ...

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

De Yahoo! Gebruikersinterface (YUI) -bibliotheek (Yuilibrary) is een complete ontwikkeling - API verwant met jQuery en jQuery UI CSS3 gecombineerd in sommige opzichten en rijker dan deze bibliotheken in andere. Dit is een complexe API die is ontworpen om aan de behoeften van grotere applicaties te voldoen. Eigenlijk moet je echt de tutorials doorlopen, ...