2011-09-01 26 views
7

Estoy construyendo un nuevo sitio para un cliente y quiero asegurarme de que lo sirvo mejor. Estoy en el proceso de determinar el ancho de página.¿Hay un nuevo ancho de página web estándar? ¿Cuántos píxeles?

En primer lugar, en los últimos años, mis páginas suelen tener unos 900 píxeles de ancho y están centradas en el medio de la ventana del navegador. Esto funciona realmente bien. Sin embargo, ese no es el enfoque que estoy tomando ahora. Mi viejo estándar de 900-1000 píxeles parece realmente pequeño en los monitores de hoy.

Estoy creando un diseño de página de tres columnas. La columna más a la izquierda debe pegarse al lado izquierdo del navegador. Si el navegador está configurado realmente amplio, hay una gran zona muerta vertical en el lado derecho del navegador. Eso no es realmente un problema ya que dudo que la mayoría de las personas abran su navegador al 100% de ancho en un monitor de 1600px.

Mi pregunta es esta: ¿hay un ancho de píxel estándar que supone que el 90% de las personas utilizan para ver un sitio web?

Respuesta

12

960 píxeles!

Tiene muchas denominaciones que le permiten dividir su página en varias columnas. Sugiero echar un vistazo a http://960.gs

Lo sé, como usted dijo que es pequeño en comparación con su monitor, sin embargo, hay una gran cantidad de usuarios (la mayoría) que se beneficiarían de mantener esta resolución.

+0

Sé que las páginas de ancho de fluido son supuestamente fáciles de usar, pero consideran sitios como Facebook y Twitter, tienen un diseño de ancho fijo, nadie se queja porque 'funcionan'. – Mike

+0

¡Guau! El sitio 960.gs tiene algunos buenos ejemplos. Configuré mi página para 960.No utilizaré el concepto CSS, pero todos los sitios que se muestran son atractivos y exactamente lo que quiero. ¡Gracias! –

+0

¡De nada! – Mike

3

Si ha hecho páginas con ancho de fluido, esto no sería un problema.

Los monitores de estos días están por todas partes. Deberá verificar sus análisis para ver qué está usando su público en particular.

Si hago una página de ancho fijo, generalmente sigo fotografiando para 980px. Hay muchas netbooks apareciendo con resoluciones de alrededor de 1024x800 y otras. Sin embargo, una vez más, no hay una respuesta específica a esta pregunta, aparte de hacer páginas sin un ancho fijo o verificar su propia audiencia.

+0

+1 para ancho de fluido –

+0

Esto es a lo que se refiere como ancho de fluido: http://css-tricks.com/examples/PerfectFluidWidthLayout/ La longitud de línea hace que sea casi imposible leer mucho en una página. –

+0

@Evik, no seas tan cerrado de mente. Hay muchas formas de diseñar su sitio donde funciona el ancho del fluido y limitar la longitud de la línea. Si su página es en su mayoría texto, entonces quizás un ancho fluido no sea para usted. En cualquier caso, la filosofía en la web es que no depende de usted. El cliente debe poder representar el texto de tal manera que el cliente lo desee. – Brad

6

También puede considerar el uso de un enfoque llamado "sensible":

http://978.gs/

La idea es que el uso de preguntas de los medios (y las técnicas de sustitución) a adaptar su diseño a la vista de sus visitantes, por lo lo ideal es que pueda ofrecer el mejor contenido para todos.

+0

El enfoque receptivo fue genial. No lo necesito, al menos en este proyecto. Sin embargo, lo tendré en cuenta. ¡Gracias! –

+0

Gracias @Wabbitseason, siempre he usado 960.gs, ya que siempre se ha adaptado a mis necesidades y no he tenido la necesidad de buscar nada más, pero he agregado el sitio a mi nueva "lista de lectura", ¡Echaré un vistazo más tarde! – Mike

Cuestiones relacionadas