Qué medida debe tener una página web?

PSD a HTML Paso a Paso
http://psdahtmlpasoapaso.com
Qué medida debe tener una página web?
Hoy les traigo una pregunta de un suscriptor, que me ha parecido muy interesante:
¿Qué medidas son la ideales al generar el diseño en photoshop, es decir, cuales son las
medidas web estandar?
Esta es una pregunta muy importante, y la realidad es que no tiene respuesta precisa…
Es una desición que se debe tomar antes de empezar el diseño, pero no hay nada que diga
cual es la opcion adecuada.
La desicion se debe tomar teniendo en cuenta un aspecto principal: a quien está dirigido el
sitio, es decir, el target.
Por ejemplo, si sabemos que el sitio esta dirigido a personas que no tienen muchos
recursos, lo más probable es que tengan monitores antiguos y por lo tanto debemos
brindarles una resolucion baja de por ejemplo 1024 x 768 px como maximo como para que
puedan ver la totalidad del sitio.
Si por el contrario, apuntamos a personas con un nivel socio-económico mas alto, quizás
podemos utilizar resoluciones mayores sabiendo que tendrán monitores mas nuevos.
Como para tener un parámetro, hoy en dia la resolución mínima recomendada es de 1024 x
768 px, que corresponde a un monitor de 17″ CTR, y por lo tanto, nuestro diseño no debe
ser mayor a 980px de ancho. (recordemos que perdemos unos 30px en el ancho, debido a
la barra de scroll lateral)
Si queremos hacerlo para monitores de por ejemplo 17″ LCD, la resolucion estándard del
mismo es de 1280 x 1024 px, por lo tanto nuestro diseño no debe superar los 1220 px de
ancho.
Si queremos hacerlo para monitores de 19″ LCD wide, la resolucion del mismo es de 1440
x 900 px, por lo tanto nuestro diseño no debe superar los 1400 px de ancho.
Estas son las estadísticas de resoluciones utilizadas (fines del 2010)
Medidas pagina web:
1. 1024×768 : 23.63%
2. 1280×800 : 17.41%
3. 1280×1024: 10.86%
4. 1440×900: 7.99%
5. 1366×768 : 6.67%
6. 1680×1050: 5.44%
7. 800×600: 2.35%
8. 1920×1080: 2.29%
PSD a HTML Paso a Paso | Aprende a convertir PSD a HTML paso a paso y sin
secretos – http://psdahtmlpasoapaso.com
1
PSD a HTML Paso a Paso
http://psdahtmlpasoapaso.com
9. 1152 x 864: 2.17%
10. 1920×1200: 2.02%
Como podemos ver, no hay fórmulas aquí, es una decisión que debemos tomar en base a
diferentes aspecto, pero sobre todo pensando a quien está dirigido el sitio, o a que tipo de
usuarios lo navegarán.
PSD a HTML Paso a Paso | Aprende a convertir PSD a HTML paso a paso y sin
secretos – http://psdahtmlpasoapaso.com
2