diseño para resolucion a 800 o 1024

[emprenet]

Hola, a lo mejor es una pregunta tonta, pero yo he diseñado paginas en con monitor de 15´ (soy un diseñador pobre que hace sus pinitos) a resolucion de 800. Veo que los monitores de resolucion 1024, las web diseñadas en 800 de pantaña, quedan un incomodas de ver y no e gusta. Se puede utilizar con dreanweaver tablas disposición y con la propiedad de autocomtemplar, eso ya lo sé, y el front page que fue mi primer editor las tablas se adaptan a la resolucion de la pantalla. También he visto que paginas importantes me refiero que las webmaster que las habran diseñado, no son aficionados, sino profesionales que se dedican a ello, sucede lo mismo. Pienso que esas paginas no son diseñadas y visualizadas en monitores de 15´y la resolucion la pueden hacer a 1024. Y mi pregunta es ¿porque no lo hacen?¿ No quedaria mejor la web para resolucines de 1024? Es que se ven ridiculas en monitores con resolución 1024, las web con resolucion a 800. La verdad que se gana espacio, y mas con monitores de 19'.
Bueno, es mi reflexión y mi pregunta.

[K3NNY]

Si haces una web para 1024 y alguien entra con un monitor de 800, creeme, ese visitante no vuelve a entrar nunca mas en tu pagina.

[hectorejch]

Iniciado por K3NNY

Si haces una web para 1024 y alguien entra con un monitor de 800, creeme, ese visitante no vuelve a entrar nunca mas en tu pagina.

Estoy de acuerdo, todavía no nos podemos dar el lujo de diseñar para solo un tipo de resolucion; hay muchos tipos diferentes de resoluciones, profundidades de bit (eso no vemos mucho el problema pero existe, hay sitios con colores degradados que si el usuario tiene un nivel inferior de bits se asqueroso).
Lo que si, yo he visto, varios sitios profesionales que no trabajan con las tablas autoampliables, ahora no tengo a mano, pero voy a conseguir algunos ejemplos, donde el tamaño esta diseñado para 1024, pero si uno pone en 800X600 una parte del contenido queda afuera, pero lo que queda afuera es la parte de la propaganda; un muy buen punto en el diseño.
Particularmente creo que se puede hacer algo bien diseñado de tamaño fijo, en donde sea la resolución que sea vas a ver el contenido correctamente, y no todo desfasado.
La otra opción sería, si tenés mas tiempo, hacer dos diseños, uno optimizado para el 800X600, y otro para el 1024, donde el visitante eliga cual quiere mirar de acuerdo a su monitor y configuración.

[emprenet]

Ya se que la solución es utilizar tablas autoampliables, pero hay que tener cuidado como utilizarlas, ya que se fastidia el diseño en el navegador,

[kazafun]

tablas autoampliables?

[K3NNY]

Este dilema se trato repetidas veces en el foro, revisa las Preguntas Frecuentes sobre Web General. Ahi tenes una lista de topics donde se hablo anterioremente del tema.

[poyo_unico]

pues miren lo que yo hago en este tipo de situaciones es poner la pagina a 700 pixeles de ancho como en la pagina de este foro que todo su contenido queda esactamente en el centro de la pagina.

pero otra cosa si todas las paginas fueran de este tipo seria como si en cada ciudad solo existira el mismo tipo de automovil solo en colores diferentes no creen.

pero en fin yo te recomiendo que uses mi consejo

otra cosa que no entiendo es como le hacen los de PHP nuke o PHP post nuke para realizar un diseño que se vea en cualquier resolucion.

[hectorejch]

Vuelvo a repetir, como dijo tambien emprenet, con tablas autoampliables el diseño se desajusta.
Solución: la que dijo poyo_unico, o hacer dos diseños fijos, como alternativa a las tablas auto ampliables.
Los generadores lo que hacen es completar con una imagen, si te fijas los menus la tabla tiene un ancho, por ejemplo de 100%, donde ponen como fondo una imagen llamada "spacer", la cual de esta manera da la impresión de que la cabecera al menos no se desajusta; digo que da la impresion, porque con tamaños no-fijos, siempre en algun momento algun texto queda desajustado.

[RBZ]

Iniciado por K3NNY

Si haces una web para 1024 y alguien entra con un monitor de 800, creeme, ese visitante no vuelve a entrar nunca mas en tu pagina.

Si es verdad que es incómodo navegar en una web de resolución mayor, pero peor es que no se vea. Algo que nadie tiene en cuenta es que el dilema no es 50% 800 y 50% 1024, porque el que no tiene una de estas 2 suele tenerla mayor, y una web para 800 se pierde en la pantalla. Imagen de mis estadíticas.

Iniciado por hectorejch

Vuelvo a repetir, como dijo tambien emprenet, con tablas autoampliables el diseño se desajusta.
Solución: la que dijo poyo_unico, o hacer dos diseños fijos, como alternativa a las tablas auto ampliables.
Los generadores lo que hacen es completar con una imagen, si te fijas los menus la tabla tiene un ancho, por ejemplo de 100%, donde ponen como fondo una imagen llamada "spacer", la cual de esta manera da la impresión de que la cabecera al menos no se desajusta; digo que da la impresion, porque con tamaños no-fijos, siempre en algun momento algun texto queda desajustado.

Pero los diseños auto ajustables se pueden limitar ¿no?, es decir que aumentan hasta un máximo de X, es complicado de hacer pero posible.

[fer10]

de dode sacaste esas estadisticas ?? a me ha interesado obtenerlas de una buena fuente pero no las he encontrado

[RBZ]

Iniciado por fer10

de dode sacaste esas estadisticas ?? a me ha interesado obtenerlas de una buena fuente pero no las he encontrado

¿Te refieres a las que he puesto?. Aclaré que eran de los resultados de mi web, no son las mas fiables porque mas de la mitad de las visitas son de España

Si te referías al diseño son las de Google Analytics.

Saludos

[elquique]

Para mi si que hoy dia se puede hacer un diseño de 1024 :) el 800 x 600 es maximo el 10% en la mayoria de las webs.

Igualmente si se quiere tener recaudos se puede hacerlo teneniendo en cuenta el tipo de contenido de la web.

Por ejemplo en este foro el que usa 800x600 estando en un mundo tecnologico :) jeje como que deberia haberse actualizado hace mucho.

En cambio si es un sitio de poemas o cocina ahi si puede ser que aun no sepan apretar boton derecho propiedades para cambiar a 1024 :)

[kahlito]

Iniciado por fer10

de dode sacaste esas estadisticas ?? a me ha interesado obtenerlas de una buena fuente pero no las he encontrado

Aquí dejo otro enlace más global sobre resoluciones:

http://www.w3schools.com/browsers/browsers_stats.asp

[K3NNY]

Iniciado por elquique

En cambio si es un sitio de poemas o cocina ahi si puede ser que aun no sepan apretar boton derecho propiedades para cambiar a 1024 :)

No todo el mundo puede acceder a un monitor de 19 pulgadas.

[fer10]

Iniciado por kahlito

Aquí dejo otro enlace más global sobre resoluciones:

http://www.w3schools.com/browsers/browsers_stats.asp

=) estas si me van a servir.. gracias !!

En cambio si es un sitio de poemas o cocina ahi si puede ser que aun no sepan apretar boton derecho propiedades para cambiar a 1024

a caray.. lo dices como si todos los monitores pudieran visualisarse bien a 1024 solo con cambiarlo en porpiedades de la pantalla.. depende del monitor.. la resolucion que tienes, no de la configuracion.. por que si tu monitor es de 800 x 600 y pones 1024 .. vas a ver todo muy pequeño

y sobre las estadirticias que me facilito kahlito dice que toda via el 20% tienen 800 x 600

[elquique]

k3nny, yo no tengo un monitor de 19 pulgadas jaja vas a tener que actualizarte un poco :) leer no cuesta nada.

fer10, yo se que no todos los monitores admiten 800x600 :) pero bueno si alguien es chef y enciende el fuego con 2 piedras yo me reire lo mismo que cualquier diseñador que use resolucon 800x600 estando en el año 2006 :)

Igualmente las estadisticas como dije dependen del tipo de usuario, en mi foro solo el 2% usan 800x600 y debe ser que entran de un cyber, ya la mayoria son diseñadores o trabajan en esto de la web.

No me quiero ni imaginar un entorno de Visual Basic, Flash, o Dreamweaver en una resolucion de 800 :P

[Jamati]

Buscando en la web este tema, encontre este link, en el cual data de septiembre de 2006, en el cual el forista K3NNY opinaba:

Si haces una web para 1024 y alguien entra con un monitor de 800, creeme, ese visitante no vuelve a entrar nunca mas en tu pagina.

Ahora, casi dos años despues, seguis pensando lo mismo ?... pregunto porque no se que hacer, y por lo que puedo leer en internet, el 800x600 está lentamente siendo desplazado por el 1024... pero con tu frase me quedó la duda.

Gracias y perdón por resurgir un tema tan viejo, pero creía innecesario crear un nuevo post cuando ya hay mucha información al respecto.

Saludos

[ssclamp]

Entendiendo como standard a la de mayor uso, a día de hoy, es la de 1024x768, pero se están incorporando a gran velocidad (ya hay muchísimos usuarios) resoluciones de 1200 x 800, 1360x768, 1440 x 900, 1280 x 1024 y otras más.

Es necesario tener en cuenta las adaptaciones a estos formatos.

Saludos

[pitufoweb]

Actualmente la mayoría de usuarios tiene una resolución de pantalla de 1024 px o mayor.

Si yo tendría que a hacer un diseño en un tamaño fijo lo haría a 1024 px sin pensarlo. Pero es como todo, aveces hay decepciones, por ejemplo: Si la pagina tendrá muy poco contenido lo haría 800 px.

[Omura]

umm haciendo memoria para el año 2006 y desde buen tiempo atrás si mal no recuerdo ya no se vendían monitores de 14' lo mínimo que encontrabas en el mercado y buscando eran los de 15' porque los de 17' ya eran prácticamente el estándar de que lo que te vendían con maquinas nuevas, actualmente es lo mínimo que te venden si es que no te ofrecen un monitor de 19' o 22'.

La resolución de 800x600 es la que se usaba en promedio con monitores de 14' aunque recuerdo haber usando mas de una vez un monitor de 14'/15' a 1024x768 sin mayor problema.

Como es obvio en esa época las web ya se diseñaban para una resolución de 800x600 aunque muchos consideraban todavía hacerlas compatibles con 640x480.

Con los monitores de 17' diría que 1024x768 es la resolución estándar, teniendo en cuenta que cada vez son mas los que usan monitores por encima de las 17' con el respectivo aumento de la resolución como te menciono ssclamp.

[elquique]

No es de mi sitio de diseño gráfico ni el de photoshop, es el de recetas de cocina, o sea que mi abuelita ya no usa 800 x 600, usan 1024 o superior.

2006


2008


espero les sirva.

A veces no hay que suponer, si no utilizar las herramientas que tenemos disponibles los webmasters :)

Igualmente, depende el tipo de contenido y publico es bueno tener o no en cuenta el ancho de pantalla, y si tienes duda haz un diseño liquido, pero si haces un sitio de diseño gráfico, obviamente tu publico no va a utilizar una pantalla de 800 x 600 y 256 colores, por el contrario, si lo haces liquido tu abuelita podrá leer tus recetas, poemas y demás en su PC, MAC, su WII, mobil o TV.

pd: en el 2006 tenia un monitor de 14 pulgadas y yo usaba 1024x768, hoy tengo uno de 17 y utilizo 1280 x 1024.

[xavierpaez]

Una pregunta esto pasa tambien cuando uno hace su pagina en CSS que da problemas cuando uno entra a la pagina? porque yo la e puesto de varios monitores y no me da problemas o me equivoco?

[elquique]

Usar xHTML / CSS es mucho mejor hoy día, pero si aun usas tablas porque amas los noventa igual, no hay problemas usando o no uno u otro puedes lograr que se vea bien, aunque es mas fácil de hacerlo con CSS.

Lo que suele suceder cuando las webs se ven mal, es que ocupamos poco tiempo en leer sobre html css y estandares, entonces utilizas cosas que no existen y que por casualidad se ven en algun mal soft como I E, pero seguramente un navegador web lo muestre mal. También pasa que no es lo mismo un codigo generado automatico por Photoshop, Fireworks, Dreamweaver a un codigo realizado y optimizado manualmente, y ahi suele estar muchas veces la omision que deriba en problemas.

Haz tus webs, valida el html, valida el css, y luego dale un toque de validación automatica de accesibilidad y veras que te vas obligando a ti mismo a escribir buen codigo.

[ramonjosegn]

pues creo que lo ideal es hacer algo intermedio que creo que es la moda ahora mismo, es decir algo como de 900 pixeles de ancho, de forma que no se vea ridículamente ancho en un monitor de 800 y que tampoco se vea excesivamente desperdiciado el espacio en un monitor a 1024

[Jamati]

Gracias por las respuesta. He leído todas, y según puedo entender, parece que la gran mayoría ya se decide por la resolución de 1024, aunque algunos de ustedes, y leyendo informacion de internet tambien, todavia se quedan en 800 porque no quieren perder las visitas del 12 o 14% mundial que todavia usan la resolucion de 800.

Yo por mi parte, me he decidido a hacerla en 1024 a pesar que tampoco tengo mucha informacion, pero me he decido por esta resolucion dado que en poco tiempo, ya muy poca gente, por no decir casi nadie, va a usar la de 800, entonces prefiero hacerla ahora en 1024 a estar cambiando todas las páginas adoptando el diseño más adelante en un futuro.

Saludos.

[elquique]

Jamati que tipo de contenido tendrá tu web ?

[Mikmoro]

Mi opinión:

hoy en día la mayoría de la gente que navega en 800 x 600 es consciente de que lo hace, y de que la mayoría de las cosas empiezan a no estar diseñadas para su resolución. Te pongo un ejemplo:
mi mujer trabaja con el ordenador manipulando texto, tiene un monitor de 19 pulgadas y aun así usa 800 x 600, porque le encanta ver un tamaño enorme de letra mientras trabaja muchas horas frente a la pantalla. Es su elección personal, y de esa manera sabe que cuando navega a veces tiene que hacer uso del scroll horizontal, pero no le molesta demasiado porque sabe que es elección suya. Cuando yo veo su monitor digo: "por dios, ¿cómo puedes trabajar si los iconos se ven como mi dedo gordo?". ¿Imaginas la respuesta?: sí, "déjame en paz que yo así voy mi a gusto".

Puede que uses esa resolución por decisión personal o porque no tienes otra posibilidad, en cuyo caso eres consciente de eso y no es tan dramático. No creo en esa afirmación de que quien navegue con 800 al ver tu página saldrá corriendo, precisamente por ser conscientes de su limitación.

Cuando vamos a dar una vuelta al monte con las bicicletas, uno que va con su vieja bici de la que no se quiere desprender bien porque le tiene mucho cariño o porque no puede comprar otra, tiene dificultades para seguir el ritmo del grupo. Entonces, ¿debería el grupo esperarle e ir a su ritmo? Bueno, él sabe que si quiere ir deberá hacer un esfuerzo algo mayor que los demás para seguir al grupo (el scroll horizontal), pero eso es todo.
Y esto no es una cuestión de accesibilidad: cuando viene con nosotros mi amigo Serafín, que es ciego, cogemos el tandem y vamos todos juntos, sin ningún problema, es decir, tanto él como nosotros aplicamos una medida a nuestro alcance para que a pesar de su ceguera pueda dar un paseo en bici con los demás sin problema. Pero el de la bici vieja sabe que deberá esforzarse un poco, pedir una mejor prestada, o robarla (ja, ja, ja).

Por tanto, a no ser que tu diseño permita crear una página líquida que se adapte a cualquier resolución (que siempre es una posibilidad), yo diseñaría la página pensando principalmente en la resolución de 1024, y quien use un navegador de texto sabrá que no va a ver tus preciosas imágenes, de la misma manera que quien use 800 sabrá que quizá haya cosas que desborden su pantalla en horizontal. Si tus contenidos son interesantes para él/ella, no creo que el scroll horizontal le haga salir corriendo.

Mikel.

[elquique]

Y no es mejor un oculista :) ?

Fuera de broma el porcentaje de 800x600 es pequeño, y quizás los de mas de 1024, como 1280 y 1440 son mayores en suma, y es ahí cuando se hace importante saber el contenido del sitio y el publico objetivo del mismo, prefieres a usuarios obsoletos navegando en cacharros ?, o a tus usuarios fieles que tienen resoluciones de 1280 y se quejan de que tu sitio parece un mini banner vertical de tan finito que lo ven ?

Son cosas que debemos preguntarnos y evaluar :)

[Jamati]

Gracias nuevamente por las respuestas. Mi página tendrá un contenido normal, ni mucho texto ni poco. Es un nuevo emprendimiento de turismo y contendrá la información correspondiente a distintos lugares.