Ayuda ancho de pantalla

[Kakuey]

Hola compañeros, estoy empezando a diseñar una web pero se me ha planteado una duda:

¿Cuál debería ser la resolución de pantalla?
Me refiero a cuál debería ser el ancho... Me gustaría algo intermedio, ni demasiado grande ni demasiado pequeño.

¿Es mejor hacer una web que se vea en cualquier monitor o una en la que deban utilizarse las barras de los lados para desplazarse por ella?

¡Gracias de antemano!

[jomaruro]

Hola:

Lo mejor es que no se utilizen la barras de desplazamiento (por lo menos la horizontal), es decir adaptada a cualquier resolución.

Te aconsejo que te leas este artículo para que lo entiendas mejor.

Saludos.

[Kakuey]

¡Gracias por responder!

[deirdre]

Comparto la opinión de jomaruro, pero los diseños líquidos, dependiendo del contenido, del diseño gráfico, etc. pueden ser muy conflictivos. Actualmente se considera 'casi' un standard diseñar dentro de un contenedor que tenga un ancho de 960px. Esto permite que las páginas se vean de forma optimizada para la resolución más utilizada (1024px) y que se vean muy bien, también, en resoluciones muy frecuentes como p.e. 1200px. En la actualidad resoluciones inferiores a 1024px son muy poco utilizadas.

Bye

[Animeonx]

Complementando con un comentario personal. Si tu sitio no está preparado para un diseño fluido, no lo implementes. Se ven terribles en resoluciones superiores a 1680px de ancho.

También apoyo a que los sitios deberían de ser a 960px de ancho, al menos para mí eso ya es un estándar.

[Kakuey]

Gracias de nuevo a quiénes han contestado.

Algo así era lo que quería saber yo, cuáles son las medidas standard que hay ahora.

La mía será una web que se actualizará todos los días 2 o 3 veces. Con un encabezado donde irá el logo, la botonera, etc... Dos columnas: la principal y otra para distintas opciones... y el pie de página.

Es para una web de ese tipo para lo que necesitaba saber cuál sería el ancho ideal o el que se maneja normalmente en este tipo de webs.

Saludos.

[TinchiO]

la resolucion de pantalla mas usada (esto chequeado despues de analizar muchas visitas a varias webs con google analytics) es de 1024x768, igualmente a mi no me gusta suponer nada, y siempre que el usuario que entra use la resolucion que use, la pagina tiene que verse bien.

yo opto por diseñar siempre con porcentajes y tamaños relativos, asi nos asegura que el tamaño de los contenedores, va a ser un porcentaje de la pantalla del usuario y no un tamaño fijo.

esto lo digo, porque conozco mucha gente q usa resoluciones viejas como 800x600 y hasta 640x480 en monitores muy viejos y no hay porque privarlos de visualizar bien un sitio.

[kseso?]

¿Y por qué no utilizar las distintas/complementarias propiedades para el ancho que brinda css?

max-width:1024px;
min-width:790px;
width:90%;

Por ejemplo y con sus equivalentes para ie.
Presentamos la página en función de la pantalla del visitante, prevenimos colapsos a bajas resoluciones y también "desparrames" en pantallas "de cine en casa".
Porque no hay que contar sólo con los tamaños de fábrica de las pantallas, sino con las ventanas sin estar maximizadas.

Un saludo

[jomaruro]

Hola:

Iniciado por TinchiO

esto lo digo, porque conozco mucha gente q usa resoluciones viejas como 800x600 y hasta 640x480 en monitores muy viejos y no hay porque privarlos de visualizar bien un sitio.

Pero tambien hay que pensar que si diseñas teniendo en cuenta una resolución de 640 ¿como la va a ver uno que la tenga, ya no digo tipo "cine en casa", sino a 1280?

Saludos.

[TinchiO]

Iniciado por jomaruro

Hola:



Pero tambien hay que pensar que si diseñas teniendo en cuenta una resolución de 640 ¿como la va a ver uno que la tenga, ya no digo tipo "cine en casa", sino a 1280?

Saludos.

no es que la diseño para 640, la diseño para todas las resoluciones, usando porcentajes en lugar de tamaños fijos, se entiende?

[Kakuey]

Iniciado por TinchiO

no es que la diseño para 640, la diseño para todas las resoluciones, usando porcentajes en lugar de tamaños fijos, se entiende?

¿¿De ese modo cada usuario visualizaría la web a una resolución distinta en función de su monitor??


De nuevo, gracias a todos por vuestras respuestas.

[chekspir]

Hola Kaukey, lo mas sensato y factible aqui es que manejes tu diseño cuando lo crees en photoshop (o el software que uses para ello) es que lo hagas en una resolucion entre 850 y 980 que es el estandar de hoy dia, y a la hora de maquetarlo lo hagas de forma centrada, mediante un wrapper en css. Algo asi, suponiendo que tu medida sea 950px
#wrapper {width: 950px; margin:0px auto;} esto siempre colocara tu site en el centro del navegador.

Pensando en lo de las resoluciones menores a 800px, hay que ver a futuro, es muy bajo el porcentaje de personas que aun usa resoluciones de 800 x 600, o 1024 x 768, no digo que todo mundo tenga un HD a 1080p pero si las pcs han evolucionado un poco y con ellos los monitores y los precios. Queremos que nuestras web que hacemos con tanto amor se vean bien a futuro tambien no en las pcs del pasado.

[jomaruro]

Hola:

Iniciado por TinchiO

la diseño para todas las resoluciones, usando porcentajes en lugar de tamaños fijos, se entiende?

Que es lo que yo sugerí en el #2 ¿no?

Saludos.

[Kakuey]

Gracias de nuevo por vuestras respuestas.

Me estáis siendo de mucha ayuda.

[lynxstyle]

Eso de usar valores relativos y porcentajes está muy bien, pero por ejemplo yo me he encontrado muchos problemas con los navegadores, por lo que prefiero usar el mayor estandar posible, como mucho usar el método que propone kseso? usando css para marcar un máximo que sería 1200 y un mínimo para 1024 (si resta 24 a estás anchuras tienes suficiente para que no te salga el scroll horizontal).

Tenemos que tener en cuenta que la web se deformará cuando se abrá en otra resolución de la que usemos nosotros para diseñarla ya que el texto es el mismo para todos, por lo que no quedará igual para todas las resoluciones, estoy harto de ver web que buscan el verse en todas las resoluciones y acaban teniendo un mal diseño para casi todas.

[Kakuey]

Me parece que eso va a ser lo mejor.

¡Muchas gracias!