Kehitän varsin informatiivista verkkosovellusta. Tämä tarkoittaa, että jokainen näytöllä käytettävissä oleva pikseli auttaa paljon, jotta vältetään käyttöliittymä näyttää liian sekavalta ja näyttää asiaankuuluvia tietoja.
Mietin: mikä on ”yleinen” näytön tarkkuus? Vuosia sitten se oli jotain 1024 × 768, mutta nykyään sen on oltava jotain paljon korkeampi. En voi luottaa siihen, mitä käytän kehittäjänä, ja minulla on todennäköisesti suuremmat näytöt ja tarkkuus kuin tavallisella Joe-käyttäjällä.
Joten mistä löydän tällä hetkellä suositeltava verkkosovellusten tarkkuus?
Kommentit
- Katso tämä kysymys Verkkovastaavat-sivustolta – webmasters.stackexchange.com/questions/2494/…
- Sinun ei pitäisi ’ käyttää näytön tarkkuus ohjaamaan päätöksiäsi; sinun on tiedettävä selainikkunoiden koot, varsinkin kun näytöt saavat hu et voi olettaa, että ihmiset käyttävät selainta koko ruudulla; se olisi liian iso lukemaan suurinta osaa sivustoista.
- Katso myös tämä kysymys kiinteän leveyden ja juoksevan asettelun suhteen .
- Ajatteleminen näytön tarkkuudella, kuten se on jokin staattinen parametri, kuulostaa anakronistiselta. @MonicaCellio sai asian oikein. Kiinteistöjen allokointi sovellukselle on dynaamista ja käyttäjän käsissä.
- Huomaa: Reagoivan suunnittelun lisääntyessä monet ihmiset ovat huomanneet, että on myös tärkeää pohtia, mikä on hyvä sarakkeen suurin maksimileveys ja että tekstin luettavuus voidaan usein taata lähestymällä kirjasinkoon mukaisen sisällön leveyttä, ts. 35-40em kiinteän tekstin leveydelle.
vastaus
Se riippuu todella siitä, missä olet maailmassa. Maailmanlaajuinen 1366×768 on edelleen yleisin, mutta 1920×1080 on ainoa resoluutio, joka tosiasiassa lisääntyy käyttöönotossa (oletettavasti siksi, että tämä näyttää olevan nykyaikaisen kannettavan tietokoneen tavallinen laajakuvanäyttö).
Sivuston StatCounter.com pitäisi auttaa antamaan sinulle lisää tietoa tästä.
kuitenkin , pidä mielessä, että vain koska tietyt resoluutiot ovat yleisempiä kuin toiset, se ei todellakaan ota huomioon sitä, kuinka leveä käyttäjällä on selain Ikkuna. Valitettavasti tälle tilastolle on vähän tunnettuja mittauksia (Google-analytiikka on toimittanut tämän, mutta on enää tukenut sitä).
Kommentit
- Tämän tyyppisten tietojen maailmanlaajuiset keskiarvot eivät välttämättä ole (eivät) ole samat kuin käyttäjäkunnan. Kunnes otat todellisia käyttäjiäsi, et ’ t eivät tiedä, mitä he ’ käyttävät. Siksi parasta on suunnitella ulkoasu toimimaan useilla (ja vaihtelevilla) resoluutioilla.
- Tietoja näytön tarkkuuden jakautumisesta Android- ja iOS-älypuhelimien ja -tablettien välillä on kohdassa Resoluutio ’ -osio opensignalmaps.com/reports/fragmentation.php loppupuolella . Tässä kätevästi näytön tarkkuus arvioi todennäköisemmin älypuhelimien ja tablettien näkymän / selainikkunan mitat kuin kannettavissa tietokoneissa ja pöytätietokoneissa. Androidille hankalaa, alustan ’ sirpaloituminen heijastuu melko voimakkaasti näytön tarkkuuksien laajaan jakeluun. Tämä tekisi todennäköisesti hyvä idea mobiililaitteiden ulkoasusta.
- Aivan kuten päivitys, 1366×768 on ohittanut 1024×768 melko vähän tämän vastauksen lähettämisen jälkeen.
- @DangerZone Hyvä kohta . Valitettavasti StatCounter ei ’ t tarjoa linkkejä ’ nykyiseen ’, koska ne edellyttävät aina ajanjakso (joten useita vastauksen muokkauksia vuosien varrella!). Olen muuttanut vastausta ajan tasalla olevilla tilastoilla. Luulen, että minun on ’ tehtävä samoin noin vuoden kuluttua!
Vastaa
Muista, että kannettavat tietokoneet eivät ole enää ainoat verkkoyhteydet käyttävät laitteet. IPadin resoluutio on 1024×768, iPhone 4: n resoluutio on 960×640, olettaen, että käytät niitä vaakatilassa.
Kommentit
- Afaik the iPhone 4 renderöi sivut ikään kuin sillä olisi vanha 480 * 320 -resoluutio. Neljän sivuni sivut eivät ole ’ t puoliksi suurempia kuin 3GS: ssä. Lisätarkkuutta käytetään vain fonttien / kuvien renderointiin, mihin ’ pääsen.
- Ehdottomasti pätevä piste. 960 pikselin näytön leveys pysyy merkityksellisenä myös työpöydän ruudun koon kasvaessa, koska monet kämmenlaitteet voivat näyttää myös tämän koon.Saati siitä, että verkkosivustoja ei voida lukea, kun ne ovat hyvin laajoja (yli 1600).
Vastaa
Näytön vähimmäistarkkuuden valinta riippuu siitä, kuinka monta käyttäjää olet valmis sulkemaan pois.
Jos sinulla ei ole historiaa tarkkuustiedoista tietyille käyttäjillesi, yksi vaihtoehto on käyttää julkisia, yleisiä käyttötilastoja ohjeena. Yhden tällaisen globaalin tiedon lähteen avulla loin seuraavan kaavion, joka auttaa välittämään työpöydän näytön leveyden tilan yhdellä silmäyksellä.
Vastaus
”mutta nykyään sen on oltava jotain paljon korkeampi”
Jokainen täällä oleva vastaus näyttää ohittavan koko mobiilimaailmassa.
Toki työpöydän näytöt ovat suurempia. Mutta kaikki käyttävät myös mobiililaitteita. Suuri osa verkosta on nyt käytettävissä puhelimilla ja tableteilla.
Mukautuva muotoilu on oikea tie.
Kommentit
- KYLLÄ. Tämä on keskeinen asia. Sujuva verkkosivujen suunnittelu on elintärkeää, koska niin monet ihmiset käyttävät nykyään verkkosivustoja puhelimista ja tableteista. Resoluutiotrendi on pirstoutuminen, ei laajentuminen.
Vastaa
Miksi et suunnittele mukautuvasti mihin tahansa sinulla on käytettävissä ”?
Javascriptin avulla voit selvittää selaimen ikkunan koon ja tehdä joitain tyylitaulukon muutoksia. Esimerkiksi, jos sinulla on graafisesti rikas, iso kuvan tausta 960 pikselin sarakkeella, taustakuva ei tarvita 1024-768 -käyttäjille, joten sinun ei tarvitse ladata sitä. Voit myös muokata kirjasinkokoa, jotta voit hyödyntää ruudulla näkyviä kiinteistöjä parhaalla mahdollisella tavalla.
Vastaa
Suosituin tarkkuus vuonna 2011 on 1280×800. 18,09% Internetin käyttäjistä käyttää sitä.
Tässä on vuoden 10 parasta resoluutiota: http://www.superiorwebsys.com/blog/93/Most_Common_Screen_Resolutions_in_2011/
Kommentit
- +1 viitteeksi, mutta 1024×768 on lähellä takana ja ollessa alhaisempi kahdesta huipputarkkuudesta, tämän pitäisi ehkä olla korkeampi vastike huolimatta hieman pienemmästä prosenttiosuudesta.
- 1024 on jonkin aikaa + uudet mobiililaitteet. Joten suosittelen sivustojen suunnittelua tälle resoluutiolle, jos et aio tehdä venyvää suunnittelua.
Vastaa
Olen samaa mieltä Jonin kanssa siitä, että web-sovellusten suunnittelussa tulisi olla varovainen käyttää koko näytön tarkkuutta. Hänellä on myös oikeus, kun hän toteaa, että 768: n laajakuvamuunnelma on nykyään hyvin yleinen.
Koin kuitenkin äskettäin joitain erittäin hyviä syitä vähentää omaa näytön resoluutiopolitiikkaani. Televisioissa ja multimedia-kannettavissa tietokoneissa käytetään nyt HD-standardia resoluutiona. Tämä tarkoittaa, että on hyvät mahdollisuudet, että useiden käyttäjien päätöslauselmana on 1280 × 720 . Kohdistaminen 768: ksi korkeudeksi voi olla vähän paljon monille käyttäjille.
Katso myös: http://en.wikipedia.org/wiki/Screen_resolution
Vastaa
Jos haluat olla turvallinen pöytä- tai kannettavan tietokoneen näytöissä, joissa on staattinen asettelu, pidä vähintään 1024×768. Mutta parempi vaihtoehto on suunnitella sujuva (joustava) asettelu.
Vastaus
Microsoft julkaisi äskettäin heidän telemetriatietonsa tällä alueella Windows 7 -käyttäjille :
Voit nähdä, että (ainakin käyttäjille, jotka ovat vielä päivityssyklissä), on valtava määrä käyttäjiä, jotka käyttävät 16: 9- ja 16:10-näyttöjä 4: 3: n sijasta (ja monet heistä juoksevat 1366 × 768).
Kommentit
- Vaikuttaa siltä, että jopa sisäisesti Microsoft jättää huomiotta mobiilimaiseman.;)
Vastaa
Kyllä, yritä harkita joustavaa asettelua. Jos aiot käyttää kaikkia käytettävissä olevia pikseleitä, koko näytön peittäminen on paras ratkaisu sinun on käytettävä javascriptiä. Käy läpi ALA: n responsiivinen verkkosuunnittelu ja tutustu esimerkki . Milloin yritä muuttaa selaimesi kokoa ja katso, miten sisältö reagoi. Tällä tavalla verkkosivustosi voi näyttää hyvältä millä tahansa näytöllä, olipa se sitten työpöytä, kannettava tietokone tai puhelimen tabletti.
Kommentit
- Huomaa, jos menet Kaikkien käytettävissä olevien pikselien käyttöpolku voi vaikeuttaa lukijasi lukemaa tekstiä.
Vastaa
Olen kohdistanut kohteeseen 1280 X 1024, ulkoasun ollessa mukautuva, jos mobiilirajoitukset ovat tekijä.
Muuten lykkään yleensä analytiikkaa ja yritän olla tietoinen alkuun liittyvistä tarkkuuksista. tietyllä sivustolla.
Vastaa
Huomioitavaa:
- Kenelle tämä sovellus on tarkoitettu? Jos se on sisäisesti (ts. Yritysympäristö), keskustele IT: n kanssa ja katso, millä tarkkuudella työntekijöiden näytöt on asetettu. Erityisesti katsokaa työntekijöitä, jotka työskentelevät sovelluksessa eniten.
- Jos se ” Ajattele julkisesti katsottavaa sovellusta, mieti mitä tietoja sinulla on käyttäjien ”päätöslauselmista”. Jos suunnittelet uudelleen, tarkista nykyisen sivuston analytiikka ja ymmärrä, mitä tarkkuuksia käyttäjät käyttävät. Saatat huomata kuvion tässä (ts. Ihmisillä on yleensä erittäin korkea resoluutio, koska he ovat tehokäyttäjiä jne.), Mutta on todennäköistä, että se tulee olemaan kaikkialla.
- Ajattele tietojasi, joita olet esittäminen. Jos siinä on paljon ruudukkoja, ehkä sujuvin asettelu on paras. Sitten käyttäjä voi venyttää näyttöään näyttääkseen enemmän tarvitsemiaan tietoja.
Suunnittelu 1024: lle on turvallinen reitti verkossa, mutta se on laiska, jos et yritä oppia lisää käyttäjistäsi ennen päätöksen tekemistä.
Vastaa
1024 * 768 pitäisi silti olla terve järki. Muuten se riippuu todella yleisöstäsi. Jos teet Esimerkiksi verkkosivusto tai sovellus suunnittelijoille, sinun tulisi optimoida paljon korkeammalle tarkkuudelle, kuten 1680 * 1050.
Testaa se tai kysy haluamaltasi yleisöltä, mutta 1024 * 768 on silti pakollinen!
Ihanteellisessa maailmassa eri resoluutioille ja laitteille olisi olemassa erilaisia (CSS) tyylejä. 🙂
Kommentit
- ” Jos teet esimerkiksi verkkosivuston tai sovelluksen suunnittelijoille, sinun tulee op timize paljon korkeammalle tarkkuudelle, kuten 1680 * 1050. ” Useimmilla ’ suunnittelijoilla ’ on iPhone .
- @ DA01 – Siksi eri CSS eri laitteille.
- Se auttaa, mutta käsittelin lähinnä ’, joka on optimoitu ’. Ihannetapauksessa ’ optimoi ’ kaikille laitteille.
Vastaa
Yleiset projektorin tarkkuudet:
- XGA = 1024 x 768 pikseliä
- WXGA = 1280 x 800 pikseliä
- HD = 1920 x 1080 pikseliä
- 4K = 4096 x 2160 resoluutio
Kommentit
- Voisitko laajentaa tätä? Ja mitä tarkoitat projektorin tarkkuuksilla?
- esimerkki: jos sinulla on PT-EX600U LCD-projektori, kun liitit sen tietokoneeseesi, näytön resoluutio muuttuu: 1028 x 768 pikseliä.