Skip to main content

Disseny web i mida o resolució de la pantalla

Anonim

La resolució de pàgines web és molt important. Molts llocs que ensenyen el disseny web han escrit sobre això i depenent de qui creieu, haureu de dissenyar pàgines per al denominador comú més baix (640x480), la resolució més comú (800x600) o la més avantguardista (1280x1024 o 1024x768). Però la veritat és que heu de dissenyar el vostre lloc per als clients que arriben.

Dades sobre resolucions de la pantalla

  • 640x480 no està mort
  • Encara que 640x480 no és tan comú com solia ser, aquesta resolució encara està en joc. Les computadores antigues, ordinadors portàtils amb pantalles més petites, netbooks i persones que necessiten fonts més grans fan servir aquesta resolució. Fins i tot si decideix no dissenyar la vostra pàgina a aquesta resolució, haureu de provar el vostre lloc amb aquesta resolució.
  • 800x600 és molt comú
  • Moltes guies de disseny de llocs web recomana dissenyar llocs web per a resolució de 800x600. Tot i que aquesta resolució és més freqüent a la web en general, pot ser que això no sigui el cas dels vostres clients. Si teniu previst redissenyar el vostre lloc web, prengui unes setmanes per analitzar les estadístiques del navegador per determinar les resolucions més habituals que utilitza el vostre clients.
  • 1024x768 és molt més comú
  • Les pantalles són cada vegada més grans i 1024x768 és l'altra mida popular per dissenyar perquè molts dissenyadors tenen monitors que ho suporten de forma nativa. Però aquesta resolució pot ser bastant difícil de llegir per a moltes persones. Un monitor portàtil de 14 polzades pot suportar 1024x768, però el text és pràcticament il·legible. I els ordinadors portàtils són molt populars.
  • 1280x1024 i més grans són menys comuns
  • En general, veuràs aquestes resolucions més grans en ordinadors de sobretaula o portàtils de gamma alta. Però sovint a aquestes mides més grans, els clients no estan navegant a pantalla completa. Així, el disseny d'un lloc amb més de 1000 píxels provocarà barres de desplaçament horitzontals a la majoria de les pantalles.

Mantingueu aquestes resolucions en compte

  • No tothom maximitza el seu navegador
  • Si determina que els vostres clients naveguin al 1024x768, podeu crear pàgines que requereixen desplaçament horitzontal. Per què? Com que mentre naveguen per aquesta resolució, no maximitzen la finestra del navegador, de manera que 800x600 podria adaptar-se millor a la finestra del vostre navegador.
  • No oblideu el navegador Chrome (no el navegador Google Chrome)
  • Els navegadors resten fins a 50 píxels a la dreta i a l'esquerra, i 200 píxels a la part superior i inferior per al seu propi ús per a coses com barres de desplaçament, barres d'eines i el contenidor de la finestra. Això s'anomena navegador Chrome. Així, si crees una taula de 800 píxels d'amplada, els clients amb navegadors maximitzats amb pantalles de resolució de 800x600 hauran de desplaçar-se horitzontalment.

Com gestionar la mida de la pantalla a partir de la resolució

  1. Determinar qui veu el vostre lloc: Reviseu els vostres fitxers de registre web o feu una enquesta o un script per determinar quina resolució els vostres lectors realment usen. Utilitzeu l'script de mida del navegador del món real per fer un seguiment dels vostres lectors.

  2. Base els vostres redissenyos als vostres clients:Quan redissenyeu el vostre lloc, editeu-lo en funció dels fets del vostre lloc web. No es basi en les estadístiques de "la web" o en el que diuen altres llocs. Si construïu un lloc que s'ajusti a la resolució que utilitzen els vostres clients, els mantindreu molt més contents.

  3. Proveu el vostre lloc en diverses resolucions:Podeu canviar la vostra mida de pantalla (canviar la resolució de la pantalla de Windows o la resolució de la pantalla del Macintosh) o utilitzar una eina de prova.

  4. No espereu que els clients canviïn: No ho faran. I posar restriccions sobre ells només els anima a sortir.