Web Dimensioner for dine infographics - dummies

Udfordringen ved at dimensionere en infografisk til internettet er designstørrelser er nu så variable, der er ingen standarder for tale om. Det "responsive design", der blev skabt med fremkomsten af ​​HTML5, ændrede webdesignlandskabet permanent.

I modsætning til en trykt grafik, hvor alle, der ser det, oplever det i samme størrelse, ændres den faktiske størrelse af en web grafik afhængigt af læsernes enheder. En enhedsskærm kan variere fra 27 "til en stationær computer til 5" for en smartphone.

Altid optimere til din publikum. Brug webanalysesoftware til at bestemme, hvordan folk får adgang til dit websted og baser dine beslutninger på disse data.

Når det er sagt, skal du tænke på nogle få elementer, når du udgiver arbejde online.

Skærmformat for infographics

Responsive design er webdesignprincippet, der forsøger at gøre visuelle billeder klare og læsbare på tværs af en bred vifte af enheder. For en infografisk designer er skønheden i denne tilgang, at dit arbejde automatisk passer til den skærm, den ses på.

Som designer behøver du ikke at komme op på et billedforhold for arbejde, der ses på en bærbar computer og en anden tilpasset smartphones.

Den stigende brug af HTML-teknologi har gjort responsivt design til en standard. Du behøver ikke at være en programmør til at bruge og drage fordel af disse teknologier. Fasning af denne teknologi i dit arbejde vil gøre det meget mere tilgængeligt og læseligt og vil helt sikkert være en værdifuld arbejdsfærdighed for dig som infografisk designer.

Hvis du ikke bruger lydhørt design, skal du tænke på, hvor din målgruppe vil se din infografiske og arbejde bagud derfra. Hvis de fleste af dine læsere får dit materiale på en bestemt platform eller skærmandel, designer du med det for øje.

Brugere vil ikke altid rulle ned for at se mere, så tænk på hvilke oplysninger, du vil have, dine læsere skal se, når de først ser på din infografiske.

For arbejde, der skal skaleres for samtidig print og web-brug - siger du arbejder på en avis, og din infographic vil køre både i printudgaven og online på den hjemmeside - holde fast ved at bruge vektorfiler. De gør det nemt for dig at skalere dit arbejde.

Skærmopløsning til infographics

Et af de mest almindelige og grundlæggende spørgsmål i webdesign er, hvad skærmopløsningen skal bruges til. Det noget uhensigtsmæssige svar er, at dit arbejde bør optimeres til den mest almindelige løsning, men det skal fungere for dem alle.

På den anden side findes der ikke noget design, der ser det samme ud i alle opløsninger, platforme og browsere, så det er ikke et realistisk mål at skabe et. Det du søger efter er en balance - noget der ser perfekt ud under de mest almindelige forhold og ser stadig godt ud under mindre typiske forhold.

Webstedet StatCounter overvåger statistikker om en række forskellige faktorer, som du kan finde nyttige, herunder de øverste skærmopløsninger, mobilopløsninger og browsere i brug.

Tjek altid dit arbejde ved at kigge på det i forskellige browsere og ændre størrelsen på browservinduerne for at se, hvordan dit arbejde ser ud under forskellige forhold. Og altid design med dit publikum i tankerne. For eksempel, hvis du ved, at målgruppen mest bruger mobile enheder, skal du designe med mobil i tankerne.