¿1024 o 1280 pixeles de ancho para diseño web?
16 seguidores
Últimamente estoy encontrando páginas cuyo diseño web está hecho a 1280px de ancho. Como la tendencia o lo que más o menos se venía haciendo era diseñar el ancho a 1024px quería preguntar a que ancho realizáis las páginas web ahora?
Lapicero
Al igual que se dio el salto en su día a 1024 del 800x600, no creo que aún se deba dar ese salto a 1280. Creo que mas adelante se redimensionaran las webs dependiendo el dispositivo que se use. También por el tema movile, pero todo depende de la web, a quien vaya dirigido y la tecnología que uses (webs liquidas en el caso de flash es ideal, y el html se expande también) pero te curas en salud diseñando a 1024px.
rey_maria
Estoy de acuerdo con Lapicero, abarcas más espectro de pantallas si sigues con el 1024, incluso el iPad. Si no también puedes considerar diseñar la web elástica o por porcentajes (pero conlleva más esfuerzo). Ahora conviven muchas pantallas de diferentes formatos, no sólo las de 1280 y 1024 sino las panorámicas, el iPad y formatos más pequeños como las de los ordenadores pequeños tipo notebook.
Se está hablando en blogs del "resposive design" que más o menos es 'diseño adaptable', te paso un artículo significativo: http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-75660
Lo que se proponen es hacer diversas CSS que el dispositivo sea detectado y según la resolución del mismo se cargue una u otra.
pelluz Staff Plus
Yo estoy de acuerdo con ambos, creo que va más de "responsive" que de nuevas medidas. Si por alguna razón el diseño tiene que tener una medida fija yo no me pasaría de 980px.
De dónde vienen las ideas
Nosotros seguimos trabajando sobre grids de 960 px.
Bisbis
Pues depende del proyecto, unos querrás que se adapten, otros los querrás a 800px de ancho, otros a 960px y otros a 1008px.
Lo del responsive design me parece la enésima vendida de moto, hace años, cuando lo hacíamos en flash le llamaban liquid full flash browser.
igualacero
Interesante artículo @rey_maria, ahora mismo es complejo decidir debido a como todos sabemos el alto grado de dispositivos que ofertan un sinfín de diferentes resoluciones. Aquí hay un ranking de las resoluciones más utilizadas. Últimamente he visto algunos "echados pá lante" de web con peso en internet que se han decido por realizar su diseño con un ancho de 1280, por este motivo quería preguntar como lo estabas haciendo.
El artículo de resposive design ofrece muchas soluciones pero no del todo fiables, para texto y basados en div flotantes que pueden adaptarse a un espacio concreto todavía puede pasar pero usar img a 100% si ya de por sí las imágenes van con una resolución justa como para redimensionarlas. El uso de javascript para detectar el tipo de dispositivo o la resolución de la pantalla es una técnica muy factible y que ya había utilizado cuando diseñar para IE era un infierno y había que discernir entre los navegadores para no encontrar un auténtico picasso.
Gracias por las respuestas, yo me mantengo por la creación de un ancho (de momento) de 1024 orientado a web para PC de sobremesa y portátiles en general que todavía gozan de un número superior en uso a otros dispositivos que hay que decir que están recortando terreno de forma bestial.
Usuario desconocido
Los ordenadores con mayor resolución son los de Apple, y si esta compañía diseña su sitio a 980px por algo es.
Usuario desconocido
Los ordenadores con mayor resolución son los de Apple, y si esta compañía diseña su sitio a 980px por algo es.
rey_maria
Igualcero, sí, estoy de acuerdo contigo que el "renposive" (Adaptable) ofrece su dificultad en el caso del tratamiento del texto y de las imágenes. Poco más puedo aportar porque todavía no lo he probado pero sí que he ido leyendo mucho sobre el tema últimamente. Seguro que dentro de poco me toca algo así... por lo menos sí que le veo algo más de seguridad con el tema de las media queries que no lo de maquetar toda la web en porcentajes o ems y esperar que se comporte bien en todo... que no pasaría que en pantallas grandes quedarían muchos blancos.
Yo cuando puedo escoger también me decanto por 1024.
cerotec_estudios
980 px
Michaellaspalmas
Siempre evitar scroll horizontal. Pues 980 mejor para la parte de contenido. Buen truco es sí usar un background a 100% que va bien con el background del parte contenido.
pabrigarcia
Yo creo que con la aparición de los nuevos dispositivos móviles no se recomendable pasar de los 1024...
Usuario desconocido
Tener un monitor gigante no significa que esa persona navega con la ventana maximizada. Por más que nos duela, nadie quiere mirar nuestros sitios a pantalla completa. Hacemos web no cine.
Usuario desconocido
De acuerdo en lo de diseñar con cuidado y pensando en la usabilidad, pero a día de hoy, el ancho de 1024 px ya sólo lo tienen los 17" de tubo, y el que tenga uno de esos monitores casi seguro que no navega demasiado por internet.
No diga que sea el caso, pero el usuario también tiene su parte en esto. Es como seguir optimizando las webs para explorer 6. Si vas a navegar por internet hay que tener un equipo adecuado. Y si no, pues no lo verás todo lo bien que se puede.
Usuario desconocido
laba
Usuario desconocido
Cierto, pero independientemente de este caso concreto, no creo que la solución para el diseño web sea hacer cada diseño limitado por el de menor resolución. Habrá que adaptarse a los nuevos formatos y buscar soluciones (que ya las hay) para cada caso porque si no, estaremos siempre en las mismas.
Michaellaspalmas
Acabo de encontrar esta página con un monton de estadisticas, globales o por pais:
http://gs.statcounter.com/#resolution-ww-monthly-201107-201109-bar.
Pero no solo res. pantalla, tambíen browsers, systemas operativos, etc.
Todo para tener en cuenta.
Usuario desconocido
Los pocos sitios que he visto mayores a 1024 son experimentos visuales para visitar una vez en la vida. Sitios que podrían aprovechar esta característica, como http://meneame.net, realmente optan por diseños líquidos. ¿Alguien tiene un ejemplo concreto de lo que estamos hablando?
Usuario desconocido
Sin ir más lejos, gmail. Usan un diseño que se adapta al ancho de la pantalla. Yo tengo un monitor de 27" y, logicamente, no tengo el navegador maximizado pero sí a un ancho mayor de 1024 px. Y se agradece en según que webs no tener un diseño encorsetado en los 1024 px.
Está claro que no todo el mundo puede permitirse tener una aplicación para dispositivos móviles o tablets, pero ya que lo pides, pues justo es un buen ejemplo de adaptación a los nuevos formatos y resoluciones.
Usuario desconocido
Y otro más: Facebook, que permite desplegar la barra lateral cuando el ancho de la pantalla superan los 1000 px.
Usuario desconocido
aquí te dejo una url con porcentajes de hábitos de resolución.
http://www.netmarketshare.com/report.aspx?qprid=17
ernexbcn
Yo recomiendo utilizar CSS3 media queries y que el sitio tenga que lo llaman un "responsive layout", es decir, que se adapte al dispositivo que está visitando la web.
La versión de "escritorio" a un máximo de 1280 está bien. La mayoría actualmente están allí o más que eso.
Aquí podéis ver sitios que utilizan media queries: http://mediaqueri.es/ (entrar a alguna de esas webs y cambiar el ancho del navegador para ver los diferentes layouts según el tamaño del browser).
Analia Gz
Yo las sigo realizando a 1024px de ancho, exceptuando algunos encargos especiales.
Saludos.
rey_maria
Si te sigues planteando esta duda... ahora deberías optar por Diseño Responsive.
pdr0
Mi sugerencia es hacer un diseño para diferentes resoluciones (incluido móviles) y hacer un código responsive. Con esta técnica te despreocupas de sí mañana Apple saca una nueva resolución o si sale un nuevo smartphone y tu web siempre se verá correctamente. Ahorrarás tiempo y quebraderos de cabeza.