Hvilken størrelse skal min standarddestinationsside være i pixel?

Veldesignede landingssider efterlader et positivt indtryk og sælger effektivt det produkt eller den service, du tilbyder på din hjemmeside. Brug af en enheds-upassende vinduesstørrelse kan ødelægge en destinationssides evne til at efterlade et godt indtryk og få den besøgende til at klikke på "X" for at lukke vinduet. Landingssider bør designes omkring koncepter, der trækker brugere ind og tydeligt forklarer produktet eller tjenesten. Landingssider er ikke hjemmesider: besøgende kommer til landingssider ved at klikke på et link eller en annonce.

Desktop- og bærbare skærme kommer i et stort udvalg af størrelser og opløsninger, hvilket gør det nemmere at appellere til den laveste fællesnævner, når du skal dimensionere din destinationsside. Den gennemsnitlige skærmstørrelse bliver ved med at vokse, men de fleste skærme har mindst en opløsning på 1024 x 768. Desktop-destinationssider med en bredde på 960 pixel fungerer på næsten enhver computerskærm. Ethvert landingssideindhold inden for 720-pixelhøjden vises sikkert på skærmen ved sideindlæsning. Bredden af ​​en desktop-destinationsside er meget vigtigere end højden, fordi desktop-brugere kan rulle ned på skærmen for at se yderligere indhold. Du kan altid lave en mindre side og ofre skærmejendomme.

En stor desktop landingsside vil ikke fungere på mobile enheder: Indholdet vil vælte ud over siden eller krympe til en ulæselig størrelse. Mobile enheder passer ind i kategorien "lille" skærmstørrelser og har en sikker opløsningsbredde på omkring 320 pixel. Mens nogle mobilenheder har større skærme, vil enhver landingsside, der er designet til en bredde på 320 pixel, blive vist godt på de fleste mobile enheder. Ligesom med desktops er højden en sekundær bekymring for mobile landingssider; dog kan du passe omkring 426 lodrette pixels af indhold på skærmen på én gang.

Du kan udvikle tilpassede landingssider til tabletwebsteder; desktop-destinationssider med 960 pixel bredde vil dog passe på større tablet-enheder. Mindre tablets i 7-tommer-serien har normalt skærme, der er 640 pixel brede: Landingssider, der er designet til 960 pixel brede skærme, skaleres ned med omkring en tredjedel for at passe på den mindre skærm. Da du kan vise mindre indhold på en større skærm uden at ofre kvalitet og læselighed, vil design af tablet-destinationssider med en 640-pixel bredde og 480-pixel højde fungere på alle enheder. Mindre tabletbrugere kan vælge at holde enheden i liggende tilstand, hvorimod større tabletbrugere vil holde enheden i portrættilstand, hvilket gør, at bredden på 640 pixel kan rumme begge skærmstørrelser.

Du kan undlade at lave forskellige landingssider til forskellige enheder og i stedet bruge medieforespørgsler og en responsivt designkoncept til at bygge en side, der omarrangerer indhold afhængigt af størrelsen på den besøgendes skærmen. Responsive design-landingssider kan konfigureres til at flytte rundt på indhold og ændre indholdsstørrelser ved forskellige opløsningsintervaller, så indholdet kan vises komfortabelt på enhver skærm.