¿Para qué resolución de pantalla diseñar?
En el diseño web, uno de los primeros factores que valoramos a la hora de empezar a diseñar, es fijar un ancho máximo para que no se produzca scroll horizontal. Ya vimos en un post anterior, que el scroll vertical no era para nada preocupante, pero sin embargo el horizontal es casi un «pecado mortal».
Desde hace unos años, los diseñadores web, tomamos como referencia la resolución de 1024px de ancho. Teniendo en cuenta que tenemos que dejar espacio para la barra lateral del navegador (la barra de scroll) cuya medida por lo general es de unos 20px, nos quedaría un ancho máximo de unos 990px.
Yo particularmente tomo como referencia los 960px, ya que es divisible por una cantidad mayor de números.
Bien, parece pues, que para los diseños de webs de ancho fijo, la resolución de 1024px se ha estandarizado.
Si además compruebo las estadísticas que me da mi google analytics, veo que la mayoría usa esta resolución de pantalla, 23,67%, seguido por un 18,14% que usa 1280x1024px, un 17,75% que usa 1280x800px, sólo un 0,97% que usa 800×600 y el resto, resoluciones mayores a 1024px.
Son muchos los diseñadores que ocupan el 100% de la página, adaptando en porcentaje los anchos de sus CSS. A mi particularmente no me gusta, prefiero controlar el ancho de mis diseños, precisamente por eso, porque han sido pensados para un determinado ancho. Además 960px es suficiente espacio para distribuir de una manera legible toda la información. Además me gusta que quede «aire» alrededor de la página.
En todo caso creo que hemos de tener muy en cuenta el tipo de usuario que va a ver nuestra web, y dado que la inmensa mayoría usa los 1024px de ancho, yo seguiría diseñando para esa resolución, a no ser que se tratase de un tipo de web muy particular o con un target muy particular en los que las circunstancias aconsejasen hacer un diseño más ancho o ¿por qué no?, más estrecho.
¿Y tú qué opinas?
Más entradas relacionadas con la resolución de pantalla
hola, la web en la que estoy trabajando esta en wordpress y quiero modificar el codigo para que sea autosize segun la resolucion de la pantalla donde se abra. ¿Donde debo modificalo? ¿cual es el php en wordpress? muchas gracias!
a mi tambien me gusta la 960px es una buena medida
Omar tiene toda la razon, olvidate de 800 x 600 no muy pocos usuarios de internet tienen esa resolucion.
saludos
Muy buen articulo, en lo personal siempre diseño con un ancho de 900, asi creo que nos quedamos al centro de muy pequeño ni muy grande pienso como tu que este ancho es el adecuado y que mejor responde al usuario.
Saludos!
Olvídate de los 800×600, estarás dando un paso hacia atrás. Vete a los 1024 ya que ahora mismo es el tamaño estandar para diseño web.
Suerte en ese rediseño !!
Estoy rediseñando esta web y tuve mis dudas con la resolucion de pantalla, si bien mis colegas me dicen que 800×600 te aseguras que todos las ven bien, pero no me gusta como queda, yo soy partidarios de los DIVs con CSS me gusta como queda y he leido que las tablas ya no se usan mas…. igualmente creo que 1024 o un poco menos por las barras seria lo ideal para el contenido y segun lei por ahi solo el 0,25% aprox utiliza 800×600 ……
Buenas, Oigan Requiero Ayuda :S, Tengo mi web, pero me he dado cuenta que en mi pantalla de 1024x768px se ve perfecta, pero en las pantallas de mas resolucion se ve con problemas osea pequeña… :S…me podrian ayudar?…agreguenme a mi msn para que me den opiniones y cosas asi samer_182@hotmail.com se los agradezco de antemano :s
Hola Dezy. No sé si podré ayudarte, porque mi blog está alojado en wordpress, pero supongo que blogspot debe de ser similar. En algún lugar de tu cuenta tendrás un sitio en el que cambiar de plantilla. Al menos en wordpress es así.
En cuanto a meterte dentro del código html y CSS, dependerá del tipo de estructura que tenga tu blog, no bastará con abrir el ancho del contenedor principal, porque supongo que luego los interiores también tendrás que tocarlos.
Siento no poder ayudarte más.
tengo una duda, realmente se muy poco sobre codigos y todas esas cosas, pero simplemente queria cambiar el ancho estandar de mi blogspot,xq me parece q queda muy delgado para mi gusto, qusiera saber como liberar esto, para poder aprovechar tdo el ancho de la pantalla. =) muchas gracias, y realmente espero respuesta..
Esto de las medidas web siempre fue un tormento para mi, acostumbrado a medidas para impresos offset, incursionando recién al mundo web no por ignorancia sino por dejadez y por necesidad… quien no tiene un blog o página web, es un desconocido, eso dicen, es mi equivalente al libro debo escribir para completar las tres cosas que se deben hacer en la vida (árbol, libro… hijo)
Bueno, la verdad es que suele ser el quebradero de cabeza de cualquier maquetación, te recomiendo que uses distintas CSS para cada explorador o bien hacks en tu CSS (tienes ejemplos en http://gloobs.wordpress.com/2008/10/01/hacks-css/
En cualquier caso te recomiendo que tus webs sean visibles tanto en explorer como en firefox, cada vez somos más los que nos movemos sólo con este navegador.
Saludos y suerte 😉
Concuerdo totalmente. tambien soy partidario de usar las medidas fijas para controlar el ancho de mis diseños, nunca he sido muy fan de los ajustes a porcentajes. Como comenta Walter , el usar una medida minima nos asegura que todos veran nuestros diseños tal cual como los hacemos, aunque ya es hora de pensar en como estan evolucionando las pantallas y monitores. Casualmente hace unos meses escribi un articulo en un post que toca justamente estos cambios modernos de las nuevas resoluciones. Los invito a pasar por mi blog y continuar compartiendo experiencias.
saludos.
Luis S.
Yo utilizo 966×555,me cubre toda la pantalla dejandome espacio solamente para los scroll.
Aunque estas medidas he notado que usando Mozilla,como que no lee el código que uso para IE y aunque aumente y aumente el tamaño,Mozilla me da solo un ancho de vertical,quizás tenga que ver con el tipo de códigos incompatibles con Mozilla.
Saludos.
Hola, de hecho es muy importante tener en cuenta la medida horizontal(width) de las maquetas a subir, yo en lo personal siempre me gusta usar 800×600 aunque el porcentaje de usuarios que usa esta resolucion en pequeña, siempre hay que estar optimizados para todos.
Saludos!