Mekkora legyen az oldal szabványos szélessége?

Előző

Gyors navigáció az oldalon:

  • A kérdés fontosságáról
  • Kiszámoljuk az optimális opciót
  • Miért használják gyakran a 960-at?
  • Legyen óvatos a gumi elrendezéssel

Van-e általánosan elfogadott szabványos oldalszélesség? Mi legyen? Vannak konkrétumok a különböző projektekhez? Sokszor feltettem már magamnak ezeket a kérdéseket, most a felhalmozott tapasztalatok és az interneten olvasott információk tömege alapján igyekszem válaszolni rájuk.

szélessége

A kérdés fontosságáról

Ha Ön is feltette vagy felteszi magának ugyanezt a kérdést, akkor az azt jelenti, hogy jó úton halad, mert valójában a weboldal oldalának szélessége kulcsfontosságú a kialakításánál.

A helyzet az, hogy ha a választott szélesség nagyobb, mint a látogató képernyőfelbontása, akkor az oldal nem fog teljes egészében elférni a böngészőben, megjelenik egy vízszintes görgetősáv. Ennek eredményeként a felhasználó nem fogja látni az információ egy részét, vagy kényelmetlen lesz számára a projekttel való munka. Csak egy eredmény lesz - a viselkedési tényezők csökkenése.

Ha éppen ellenkezőleg, túl kicsire állítja a szélességet, különösen, ha nagyon kicsi a tartalom, akkor webhelye ismét ügyetlen és kényelmetlen lesz. Próbálja meg ellenőrizni a webhelyet különböző felbontásokban, és győződjön meg róla saját szemével.

Tehát mekkora legyen a webhely szélessége pixelben?

Kiszámoljuk az optimális opciót

A kérdés helyes megválaszolásához a statisztikákhoz kell fordulnia.

A projektemhez a cikk írásakor a Liveinternet szolgáltatás a következő statisztikákat adta ki (azok a sorok láthatók, amelyek 5 százalékot meghaladó részesedéssel rendelkeznek a statisztikákban):

  • 1366?768 – 23,7%
  • 1280?1024 – 15,1%
  • 1024?768 – 14,7%
  • 1280?800 – 9,5%
  • 1920?1080 – 8,4%
  • 640?480 – 6,2%
  • 1600?1200 – 5,9%

Ahogy a statisztikákból is látszik, a felhasználók túlnyomó többsége 1280 pixel széles vagy nagyobb felbontású monitorokat használ. Figyelje meg azonban a félkövér vonalat: 14,7% felbontása 1024 pixel. Ez átlagosan minden hatodik/hét felhasználó – meglehetősen nagy százalék, amelyet érdemes figyelembe venni.

Ez alapján az oldal szélessége nem haladhatja meg az 1024 pixelt, különben minden hatodik látogató kényelmetlenül fogja használni a projektjét.

Azonban 1024 pixel a monitor felbontása, és valójában az oldal területe a böngészőben kisebb, mivel a képernyő egy részét elfoglalja a görgetősáv (scroll), ami körülbelül 24 pixel.

Tehát az oldalunk legfeljebb 1000 pixelben nyíljon meg. A tervezők vagy ügyfelek gyakran további 20 képpontot vesznek tartalékba, és 980 képpontos webhelyet készítenek.

Így a legoptimálisabb szélesség 980-1000 px.

Miért használják gyakran a 960-at?

Ha megnézi a WordPress (és sok más CMS) sablonjait, észre fogja venni, hogy sok közülük 960 pixelre orientált.

Miért térjünk el az optimális lehetőségtől kisebb irányba? Itt meg kell jegyezni, hogy a 960 matematikailag nagyon "hasznos szám", mivel a 980-zal ellentétben osztható ezekkel a számokkal: 6, 8, 12, 16, 24 (és ennek megfelelően sok más számmal).

Ez kényelmes az úgynevezett "rácsrendszer" szerinti tervezéshez - amikor az elrendezés létrehozásakor gondolatban fel van osztva 6/8/12 stb. részekre, és az elrendezés összes blokkja ezek mentén sorakozik vonalak - szimmetrikusan és gyönyörűen derül ki (további részletek a 960.gs-en és más forrásokon találhatók).

Ha a semmiből készít vagy rendel egy tervet, és csak azt szeretné,például a tartalom rész 600 pixelt foglalt el, és a jobb oldalon volt egy oldalsáv - akkor a rácsrendszerre és a 960 pixelre kell összpontosítani.

Legyen óvatos a gumi elrendezéssel

Bizonyos értelemben a probléma megoldása egy gumis elrendezés – az oldal szélessége a képernyő szélességéhez nyúlik, így az összes megjelenítési lehetőséget előre figyelembe veszik.

Viszont szubjektív véleményem szerint a korlátlan gumikiosztás rossz, mert egy több mint 2000 pixel felbontású kijelzőn több hosszú sorra húzódik az összes szöveged, ami nehezen olvasható lesz.

Képzelje el, hogy egy könyvet olvas, amelyben egy sor, mondjuk, hetven centiméter vagy egy méter hosszú. Kényelmes lesz elolvasni? Szerintem nem, mert nem hiába, maga a könyvformátum nem biztosít átlagosan 60-80 karakternél többet egy sorban. Ezért nem javasolnám az ilyen technológiát webhely létrehozásához.

Ezért ha gumimakettet készít vagy rendel, ügyeljen a látogatóra – állítsa be az oldala maximális szélességeként körülbelül 1200-1300 px határt.

Következő

Olvassa el tovabba: