Foros del Web » Creando para Internet » Diseño web »

Ayuda ancho de pantalla

Estas en el tema de Ayuda ancho de pantalla en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/10/2009, 03:28
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Ayuda ancho de pantalla

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!

Última edición por Kakuey; 18/10/2009 a las 06:07
  #2 (permalink)  
Antiguo 18/10/2009, 09:44
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Ayuda ancho de pantalla

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.

  #3 (permalink)  
Antiguo 18/10/2009, 17:16
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

¡Gracias por responder!
  #4 (permalink)  
Antiguo 18/10/2009, 18:24
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 14 años, 10 meses
Puntos: 45
Respuesta: Ayuda ancho de pantalla

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
  #5 (permalink)  
Antiguo 19/10/2009, 02:23
Avatar de Animeonx  
Fecha de Ingreso: agosto-2009
Ubicación: Debajo de tu Cama
Mensajes: 56
Antigüedad: 14 años, 7 meses
Puntos: 3
Respuesta: Ayuda ancho de pantalla

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.
__________________
Si te gusto/sirvió mi respuesta, dame un buen karma... no se que utilidad tenga en el foro, pero eleva mi ego. :D
--
Comunidad Anime | ikawaii.net
  #6 (permalink)  
Antiguo 19/10/2009, 12:50
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

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.
  #7 (permalink)  
Antiguo 19/10/2009, 13:02
Avatar de TinchiO  
Fecha de Ingreso: noviembre-2002
Ubicación: Buenos Aires, Argentina
Mensajes: 137
Antigüedad: 21 años, 4 meses
Puntos: 2
Respuesta: Ayuda ancho de pantalla

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.
__________________
Martín Marchese - [Equipo de solucionesOnline]
http://www.sol-online.com.ar
[email protected]
  #8 (permalink)  
Antiguo 19/10/2009, 13:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Ayuda ancho de pantalla

¿Y por qué no utilizar las distintas/complementarias propiedades para el ancho que brinda css?
Cita:
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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 20/10/2009, 17:19
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Ayuda ancho de pantalla

Hola:

Cita:
Iniciado por TinchiO Ver Mensaje
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.

  #10 (permalink)  
Antiguo 20/10/2009, 19:50
Avatar de TinchiO  
Fecha de Ingreso: noviembre-2002
Ubicación: Buenos Aires, Argentina
Mensajes: 137
Antigüedad: 21 años, 4 meses
Puntos: 2
Respuesta: Ayuda ancho de pantalla

Cita:
Iniciado por jomaruro Ver Mensaje
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?
__________________
Martín Marchese - [Equipo de solucionesOnline]
http://www.sol-online.com.ar
[email protected]
  #11 (permalink)  
Antiguo 21/10/2009, 07:56
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

Cita:
Iniciado por TinchiO Ver Mensaje
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.
  #12 (permalink)  
Antiguo 21/10/2009, 09:55
 
Fecha de Ingreso: mayo-2008
Mensajes: 14
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

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.
  #13 (permalink)  
Antiguo 21/10/2009, 13:15
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Ayuda ancho de pantalla

Hola:

Cita:
Iniciado por TinchiO Ver Mensaje
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.

  #14 (permalink)  
Antiguo 29/10/2009, 06:47
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

Gracias de nuevo por vuestras respuestas.

Me estáis siendo de mucha ayuda.
  #15 (permalink)  
Antiguo 30/10/2009, 07:18
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 18 años, 8 meses
Puntos: 4
Respuesta: Ayuda ancho de pantalla

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.
  #16 (permalink)  
Antiguo 17/11/2009, 11:19
 
Fecha de Ingreso: abril-2005
Mensajes: 8
Antigüedad: 18 años, 11 meses
Puntos: 0
Respuesta: Ayuda ancho de pantalla

Me parece que eso va a ser lo mejor.

¡Muchas gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:32.