Akú veľkosť by mala mať moja štandardná vstupná stránka v pixeloch?

Kreatívny obchodný tím v kaviarni s notebookom

Kredit za obrázok: Jacob Ammentorp Lund/iStock/Getty Images

Dobre navrhnuté vstupné stránky zanechávajú pozitívny dojem a efektívne predávajú produkt alebo službu, ktorú ponúkate na svojom webe. Použitie veľkosti okna nevhodnej pre zariadenie môže zničiť schopnosť vstupnej stránky zanechať dobrý dojem a viesť návštevníka ku kliknutiu na „X“, aby sa okno zatvorilo. Vstupné stránky by mali byť navrhnuté podľa konceptov, ktoré priťahujú používateľov a jasne vysvetľujú produkt alebo službu. Vstupné stránky nie sú domovské stránky: návštevníci sa dostanú na vstupné stránky kliknutím na odkaz alebo reklamu.

Rozmery vstupnej stránky pre počítače

Stolové a prenosné monitory sa dodávajú v obrovskom rozsahu veľkostí a rozlíšení, vďaka čomu je pri určovaní veľkosti vstupnej stránky jednoduchšie osloviť najnižšieho spoločného menovateľa. Priemerná veľkosť obrazovky neustále rastie, ale väčšina monitorov má rozlíšenie aspoň 1024 x 768. Vstupné stránky pre stolné počítače so šírkou 960 pixlov budú fungovať takmer na každom monitore počítača. Akýkoľvek obsah vstupnej stránky do výšky 720 pixlov sa po načítaní stránky bezpečne zobrazí na obrazovke. Šírka vstupnej stránky pre stolné počítače je oveľa dôležitejšia ako výška, pretože používatelia stolných počítačov môžu posúvať obrazovku nadol a zobraziť si ďalší obsah. Vždy môžete vytvoriť menšiu stránku a obetovať priestor na obrazovke.

Video dňa

Dizajn pre mobilné zariadenia

Veľká vstupná stránka pre stolné počítače nebude fungovať na mobilných zariadeniach: obsah sa vysype cez okraj alebo sa zmenší na nečitateľnú veľkosť. Mobilné zariadenia zapadajú do kategórie „malých“ obrazoviek a vyznačujú sa bezpečnou šírkou rozlíšenia približne 320 pixelov. Zatiaľ čo niektoré mobilné zariadenia majú väčšie obrazovky, každá vstupná stránka navrhnutá pre šírku 320 pixlov sa dobre zobrazí na väčšine mobilných zariadení. Rovnako ako v prípade stolných počítačov je výška pri mobilných vstupných stránkach sekundárnym problémom. Na obrazovku sa však naraz zmestí približne 426 vertikálnych pixelov obsahu.

Prispôsobiť pre tabletové zariadenia

Môžete vytvoriť prispôsobené vstupné stránky pre webové stránky pre tablety; vstupné stránky pre stolné počítače so šírkou 960 pixlov sa však zmestia na väčšie tablety. Menšie tablety v 7-palcovom rozsahu majú zvyčajne obrazovky so šírkou 640 pixlov: vstupné stránky určené pre obrazovky so šírkou 960 pixlov sa zmenší asi o jednu tretinu, aby sa zmestili na menšiu obrazovku. Keďže menší obsah môžete zobraziť na väčšej obrazovke bez toho, aby ste obetovali kvalitu a čitateľnosť, navrhovanie vstupných stránok tabletu so šírkou 640 pixelov a výškou 480 pixelov bude fungovať na všetky zariadenia. Používatelia menších tabletov sa môžu rozhodnúť držať zariadenie v režime na šírku, zatiaľ čo používatelia väčších tabletov budú držať zariadenie v režime na výšku, vďaka čomu je šírka 640 pixelov prispôsobená obom veľkostiam obrazovky.

Prejdite na responzívny dizajn

Môžete sa vzdať vytvárania rôznych vstupných stránok pre rôzne zariadenia a namiesto toho použiť mediálne dopyty a a koncept responzívneho dizajnu na vytvorenie stránky, ktorá mení usporiadanie obsahu v závislosti od veľkosti návštevníka obrazovke. Vstupné stránky s responzívnym dizajnom možno nakonfigurovať tak, aby sa pohybovali po obsahu a menili veľkosť obsahu v rôznych rozsahoch rozlíšenia, čo umožňuje pohodlné zobrazenie obsahu na akejkoľvek obrazovke.