960 el numero mágico

septiembre 18, 2006

1024
En nuestro rediseño de eltiempo.com, uno de los temas mas delicados fue el cambio de ancho de pantalla. Pasamos de de una diagramación sobre 800 pixeles de ancho a una diagramación sobre 1024.

Una de las preguntas en mi equipo de diseño era cual era ese numero mágico para nuestro layout? Llegamos a una conclusión de utilizar de 970 pixeles de ancho, centrado en el browser.

Hoy me llego por medio de pe5pe este enlace
http://www.cameronmoll.com/archives/001220.html

Aquí llegan a la conclusión que el numero mágico es de 960 pixeles de ancho. Porque?

Uno de los argumentos que más me convencieron:

¨I’ve been using 960 for some time now, as it’s slightly smaller than full width, and it’s divisible by 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480, and 960. (imagine the grid possibilities). I’d love to hear what all of you are wrestling with.

Update: Jon (first comment) brings up an interesting point: If your layout includes ads, 960 seems to facilitate IAB widths fairly well.”

Via: cameronmoll.com

One Response to “960 el numero mágico”

  1. _Del.Real. Says:

    Pues si esto de las divisiones no lo había notado para la grilla, aunque siempre suelo determinar los anchos dependiendo de lo que calcule debería ser lo suficiente para el menú y para el contenido.

    Me encanta hacerlo con números pares, todo, las dimensiones de las cajas y de la simágenes y me gusta también nisiquiera 800 mucho más angosto 672 o algo así, para que se vea más cómodo y poco contenido tenga pinta de párrafo hahahaha

    És común publicar loimportante y rellenar el resto de la difrenecia hasta 1024 con publicidad para los demás.

    Es una discusión complicada creo yo que en Colombia los monitores son un porcentaje muy importante los que tienen que hacer scroll, por ejemplo los públicos de la univ.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: