Huis Persoonlijke financiën Publiceer uw Infographic op het web - dummies

Publiceer uw Infographic op het web - dummies

Video: Publiceer uw stamboomgegevens | Publish your family tree 2024

Video: Publiceer uw stamboomgegevens | Publish your family tree 2024
Anonim

Uw infographic kan bestaan ​​in een van de volgende twee vormen: afdrukken of elektronisch (online gepubliceerd). Elk formaat heeft enkele algemene kenmerken, evenals voor- en nadelen. Met webafbeeldingen kan de lezer door de informatie bladeren, maar grafische afbeeldingen worden meestal in één enkel, breder blok gemaakt. (Zie de afbeelding.)

De meeste online gepubliceerde afbeeldingen hebben een lange, verticale oriëntatie. Lezers beginnen bovenaan de webpagina en scrollen omlaag om informatie te vinden 'onder de vouw'. "

De term" de vouw "is geleend van het uitgeven van kranten, wanneer de hele krant in tweeën is gevouwen, zoals in een kiosk. Wat u voor het eerst ziet - alleen de bovenste helft van de voorpagina - is 'boven de vouw'. "In een instelling voor online of mobiele apparaten is boven de vouw eenvoudigweg wat een bezoeker te zien krijgt wanneer hij voor het eerst een site bezoekt - of in dit geval de eerste sectie met informatie.

Wat u boven en onder de vouw plaatst, is iets om in gedachten te houden als ontwerper, omdat u het effect van uw afbeelding op de lezer kunt regelen door de volgorde te veranderen waarin u dingen onthult. Terwijl lezers naar beneden scrollen, volgen ze een verhaallijn waarin nieuwe feiten aan het licht komen.

Een nadeel van webafbeeldingen is dat de breedte beperkt is tot de grootte van het scherm van de lezer (de viewport), die bijzonder smal kan zijn op een smartphone. Denk in dit geval aan uw afbeelding in termen van secties waar de lezer tijdens het bladeren door zal pauzeren. De stroom van uw afbeelding wordt bepaald door de informatie die u in elke sectie plaatst, zoals hoofdstukken in een boek.

Omdat technologie nooit ophoudt te evolueren, kan het een uitdaging zijn om op de hoogte te blijven van de beste manieren om infographics voor mobiele apparaten te ontwerpen. Momenteel is de beste manier om HTML of CSS te gebruiken om uw tekstcontent weer te geven. U hoeft geen expert te worden - u moet er alleen voor zorgen dat uw infographic zo gebruiksvriendelijk mogelijk is.

Als u HTML of CSS gebruikt om een ​​afbeelding te maken met minder toeters en bellen, kan de infographic sneller worden geladen. Het zuigt ook minder bandbreedte op en verwijdert een deel van de traagheid als de kijker zich op een plek met een zwakke verbinding bevindt.

In de toekomst kan u worden gevraagd om infographics te ontwerpen voor meerdere indelingen: mobiele apparaten en tablets, evenals pc's. Onderzoek naar webgebaseerde oplossingen kan ook nieuwe manieren bieden om uw punt over te brengen, zoals het gebruik van interactiviteit, het bieden van links naar ondersteunende informatie of het opnemen van calls-to-action die niet mogelijk zouden zijn met gedrukte materialen.

Aan de andere kant is een van de grote voordelen van het gebruik van webafbeeldingen dat u een vrijwel onbeperkte lengte (hoogte) hebt, waardoor u heel wat informatie kunt opnemen. Je moet natuurlijk niet je afbeelding maken, zodat deze steeds verder scrolt zonder rekening te houden met het overzichtelijk en gericht houden van je afbeelding.

Het punt is gewoon dat hoogte-dimensies niet bepalen hoeveel gegevens u kunt opnemen. Zolang uw informatie meeslepend en relevant is voor uw belangrijkste punt, kan de stroom van uw verhaal verder gaan dan wat u mogelijk op een afgedrukte pagina kunt opnemen.

Publiceer uw Infographic op het web - 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, ...