Olyan webalkalmazást fejlesztek, amely meglehetősen információigényes. Ez azt jelenti, hogy a képernyőn elérhető minden képpont nagyban segít a felhasználói felület elkerülése érdekében túl zsúfoltnak tűnik és releváns adatok megjelenítéséhez.
Kíváncsi voltam: melyik a “közös” képernyőfelbontás? Évekkel ezelőtt olyan volt, mint 1024 × 768, de manapság valami sokkal magasabbnak kell lennie. Nem tudok támaszkodni arra, amit fejlesztőként használok, és valószínűleg nagyobb a képernyőim és a felbontásom, mint az átlagos Joe-felhasználónak.
Tehát hol találok a webalkalmazásokhoz jelenleg ajánlott felbontás?
Megjegyzések
- Tekintse meg ezt a kérdést a Webmesterek webhelyen – webmasters.stackexchange.com/questions/2494/…
- Nem szabad használni ‘ képernyőfelbontás a döntések irányításához; ismernie kell a böngészőablakok méretét. Különösen akkor, ha a monitorok hu-t kapnak ge nem feltételezheti, hogy az emberek teljes képernyős böngészőt fognak használni; ez túl nagy lenne a legtöbb webhely elolvasásához.
- Ezenkívül lásd a ezt a kérdést a fix szélességű és a folyékony elrendezésről .
- A képernyőfelbontásban való gondolkodás, mintha ez valamilyen statikus paraméter lenne, anakronisztikusan hangzik. @MonicaCellio jól értette a lényeget. Az alkalmazások ingatlankiosztása dinamikus, és a felhasználó kezében van.
- Megjegyzés: Az egyre növekvő adaptív tervezéssel sokan rájöttek, hogy fontos figyelembe venni azt is, hogy mi az jó maximális oszlop szélesség, és hogy a szöveg olvashatósága gyakran biztosítható a betűméretre jellemző tartalom szélességének megközelítésével, azaz a szilárd szövegszélességnél 35-40em .
Válasz
Ez nagyon attól függ, hogy hol vagy a világon. Világszerte a 1366×768 továbbra is a leggyakoribb, azonban 1920×1080 az egyetlen felbontás, amely valójában növekszik a használatban (feltehetően azért, mert úgy tűnik, hogy ez a modern szélesvásznú képernyő a modern laptopoknál).
A StatCounter.com webhelynek segítenie kell további ismereteket nyújtani ezzel kapcsolatban.
HOGYAN , ne feledje, hogy csak azért, mert bizonyos felbontások gyakoribbak, mint mások, ez valójában nem veszi figyelembe a felhasználó böngészőjének szélességét ablak. Sajnos kevés ismert mérés van erre a statisztikára (a Google Analytics ezt szolgáltatta, de már nem támogatta).
Megjegyzések
- Ezenkívül az ilyen típusú adatok világméretű átlagai nem (és nem fognak megegyezni) a felhasználói báziséval. Amíg nem veszi mintáját a TÉNYLEK felhasználóinak, addig nem ‘ nem tudom, mit használnak ‘. Ezért a legjobb megoldás az, ha úgy tervezed meg az elrendezést, hogy több (és változó) felbontásban működjön.
- A képernyőfelbontás Android és iOS okostelefonok és táblagépek közötti megoszlásáról az Felbontás ‘ szakasz a opensignalmaps.com/reports/fragmentation.php vége felé . Kényelmesen itt a képernyőfelbontás nagyobb valószínűséggel közelíti meg a nézetablak / böngészőablak méretét okostelefonokon és táblagépeken, mint laptopokon és asztali számítógépeken. Az Android számára kényelmetlenül a ‘ platform széttöredezettsége elég markánsan tükröződik a képernyőfelbontások széles körű elosztásában. Ez valószínűleg jó ötlet lenne a mobileszközök elrendezése.
- Csak frissítésként az 1366×768 a válasz közzététele óta eléggé megelőzte az 1024×768-ot.
- @DangerZone Jó pont . Sajnos a StatCounter nem ‘ nem kínál linkeket az ‘ aktuális ‘ linkekre, mivel mindig szükségük van egy dátumtartomány (ennélfogva a válasz több szerkesztése az évek során!). Ive frissítette a választ naprakész statisztikákkal. Azt hiszem, ‘ kb. Egy év múlva is ugyanezt kell tennem!
Válasz
Ne feledje, hogy a laptopok és az asztali számítógépek már nem az egyetlen web-alapú eszköz. Az iPad felbontása 1024×768, az iPhone 4 felbontása 960×640, feltételezve, hogy fekvő módban használja őket.
Megjegyzések
- Afaik the Az iPhone 4 úgy jeleníti meg az oldalakat, mintha a régi 480 * 320 felbontású lenne. A 4-en lévő oldalak feleannyira ‘ t feleannyiak, mint egy 3GS-en. Az extra felbontást csak a betűtípus / kép rendereléséhez használják, amire ‘ jutok.
- Teljesen érvényes pont. A 960 pixel méretű képernyő szélessége akkor is releváns marad, ha növekszik az asztali képernyők mérete, mert sok kézi eszköz képes ezt a méretet is megjeleníteni.Nem is beszélve arról, hogy a weboldalak csak akkor olvashatatlanok, ha nagyon szélesek (1600+).
Válasz
A minimális képernyőfelbontás megválasztása mind attól függ, hogy hány felhasználót hajlandó kizárni.
Ha nincs előzménye a konkrét felhasználókra vonatkozó felbontási adatokról, az egyik lehetőség a nyilvános, globális használati statisztikák használata iránymutatásként. Az egyik ilyen globális adatforrás segítségével létrehoztam a következő grafikont, amely segít áttekinteni az asztali képernyő szélességének állapotát.
Válasz
“de manapság valami sokkal magasabbnak kell lennie”
Úgy tűnik, hogy az itt található minden válasz figyelmen kívül hagyja az egész mobil világon.
Bizony, az asztali képernyők egyre nagyobbak. De mindenki mobil eszközöket is használ. A web nagy részét ma már telefonokon és táblagépeken érik el.
Az adaptív tervezés valóban az út.
Megjegyzések
- IGEN. Ez a legfontosabb pont. A gördülékeny web-tervezés létfontosságú, mert manapság olyan sokan keresnek fel weboldalakat telefonokról és táblagépekről. A felbontási tendencia a széttagoltság, nem pedig a terjeszkedés.
Válasz
Miért ne tervezzen adaptívan bármihez? van elérhető “?
A javascript segítségével megtudhatja a böngésző ablakának méretét és néhány stíluslap-módosítást elvégezhet. Például, ha grafikusan gazdag, nagy képháttér van 960 px oszloppal, akkor a háttérkép nem szükséges azoknak, akik 1024-768-as verziót futnak, ezért nem kell betölteni. A betűméretet úgy is módosíthatja, hogy a lehető legjobban kihasználja a képernyőn elérhető ingatlanokat.
Válasz
Legnépszerűbb felbontás 2011-ben 1280×800. Az internetet használók 18,09% -a használja.
Íme a 2011-es 10 legjobb felbontás: http://www.superiorwebsys.com/blog/93/Most_Common_Screen_Resolutions_in_2011/
Megjegyzések
- +1 a referenciaként, de 1024×768-mal szorosan mögötte van, és ez a két felső felbontás közül az alacsonyabb lehet nagyobb megfontolás kissé alacsonyabb százalék ellenére.
- 1024 egy darabig + új mobileszközök lesznek. Ezért azt javasoljuk, hogy készítsen webhelyeket ehhez a felbontáshoz, ha nem nyújtható tervezést tervez.
Válasz
Egyetértek Jonnal, hogy ügyelni kell arra, hogy a teljes képernyős felbontást alapul használják a webalkalmazások tervezésénél. Abban is igaza van, amikor kijelenti, hogy a 768 széles képernyős változata manapság nagyon gyakori.
Nemrégiben azonban nagyon jó okokat tapasztaltam a saját képernyőfelbontási irányelvem csökkentésére. A tévék és a multimédiás laptopok már a HD szabványt használják felbontásként. Ez azt jelenti, hogy jó esély arra, hogy több felhasználó 1280 × 720 legyen a felbontása. A 768 megcélzása magasságként sok felhasználó számára kissé sokat jelenthet.
Válasz
Ha biztonságban akarod lenni a statikus elrendezést használó asztali / laptop képernyőkkel, akkor használd a minimumot 1024×768. De a jobb megoldás a folyékony (rugalmas) elrendezés megtervezése.
Válasz
A Microsoft nemrégiben közzétette telemetriai adataik ezen a területen Windows 7 felhasználók számára :
Láthatja, hogy (legalábbis azoknak a felhasználóknak, akik még mindig frissítési ciklusban vannak) hatalmas mennyiségű felhasználó futtatja a 4: 3 helyett 16: 9 és 16:10 képernyőket (és többségük 1366 × 768).
Megjegyzések
- Úgy tűnik, hogy a Microsoft még belsőleg is figyelmen kívül hagyja a mobil tájat.;)
Válasz
Igen, próbáljon megfontolni egy rugalmas elrendezést. Ha minden rendelkezésre álló pixelt használni kíván, akkor a teljes képernyő lefedése a legjobb megoldás, a javascriptet kell használnia. Végig kell néznie az ALA adaptív webdesignját , és meg kell néznie az példa . Mikor Ezt a példát megtekintve próbálja átméretezni a böngészőt, és nézze meg, hogyan reagál a tartalom. Így webhelye bármilyen képernyőn remekül tud kinézni, legyen az asztali számítógép, laptop vagy telefon táblagép.
Megjegyzések
- kérjük, vegye figyelembe, ha megy minden egyes elérhető pixel felhasználási útvonalán megnehezítheti szövegét az olvasók számára.
Válasz
1280 X 1024-et céloztam meg, egy elrendezéssel adaptív lesz, ha a mobil korlátok számítanak.
Ellenkező esetben általában elhalasztom az elemzést, és igyekszem szem előtt tartani a legjobb felbontásokat. adott oldal.
Válasz
Néhány szempont, amelyet érdemes figyelembe venni:
- Kinek szól ez az alkalmazás? Ha belső nézőpontja van (azaz vállalati környezet), akkor beszéljen az informatikával, és nézze meg, milyen felbontásúak az alkalmazottak képernyői. Különösen azokat az alkalmazottakat vegye figyelembe, akik az alkalmazásban dolgoznának a leginkább.
- Ha ez Egy nyilvános alkalmazás, gondolja át, milyen adatai vannak a felhasználói “felbontásokról”. Ha újratervezi, ellenőrizze az aktuális webhely elemzéseit, és megértse, hogy a felhasználók milyen felbontásokat futtatnak. Itt észrevehet egy mintát (azaz az emberek általában nagyon nagy felbontásúak, mivel energiafelhasználók, stb.), De nagy valószínűséggel ez mindenhol megtalálható lesz.
- Gondoljon az új adatokra bemutató. Ha sok rács van, akkor talán a legjobb a folyékony elrendezés. Ezután a felhasználó kinyújthatja a képernyőt, hogy több szükséges adatot mutasson.
Az 1024-re történő tervezés biztonságos útvonal az interneten, de nem laza, ha a döntés meghozatala előtt nem próbál meg többet megtudni a felhasználóiról.
Válasz
A 1024 * 768 továbbra is józan észnek kell maradnia. Ellenkező esetben ez valóban a közönségétől függ. Ha Például a tervezők webhelyét vagy alkalmazását érdemes optimalizálni sokkal nagyobb felbontásra, például az 1680 * 1050-re.
Tesztelje le, vagy kérdezze meg a kívánt közönségtől, de az 1024 * 768 még mindig kötelező!
Egy ideális világban különböző (CSS) stílusok lennének különböző felbontásokhoz és eszközökhöz. 🙂
Megjegyzések
- ” Ha például webhelyet vagy alkalmazást készít a tervezők számára, akkor op időzítés sokkal nagyobb felbontásra, például 1680 * 1050. ” A legtöbb ‘ tervező ‘ rendelkezik iPhone-szal .
- @ DA01 – Így a különböző CSS a különböző eszközökhöz.
- Ez segít, de főleg a ‘ címre optimalizáltam ‘. Ideális esetben ‘ optimalizálja az összes eszköz ‘ eszközét.
Válasz
A projektor gyakori felbontásai:
- XGA = 1024 x 768 pixel
- WXGA = 1280 x 800 pixel
- HD = 1920 x 1080 pixel
- 4K = 4096 x 2160 felbontás
Megjegyzések
- Tudna bővíteni erről? És mit ért a projektor felbontásán?
- példa: ha van PT-EX600U LCD projektora, amikor ezt csatlakoztatta a számítógépéhez, akkor a képernyő felbontása 1028 x 768 pixelre változik.