¿Siguen siendo relevantes los diseños líquidos?

Question

Ahora que la mayoría de los principales navegadores admiten el zoom de página completa (en la actualidad, la única excepción notable es Google Chrome), ¿ya no son necesarios los diseños líquidos o elásticos?¿Vale la pena el esfuerzo relativo de construir diseños líquidos/elásticos?¿Existe alguna situación en la que un diseño líquido seguiría siendo beneficioso?¿Es el zoom de página completa la solución real que parece ser al principio?

Answer 1

Sí, porque existe una gran variedad de pantallas que suelen oscilar entre 15" y 32".También existe cierta variación en lo que la gente considera un tamaño de fuente "cómodo".Todo lo cual se suma a una gran variedad de tamaños en los que deberá adaptarse su contenido.

En todo caso, el diseño líquido se está volviendo aún más necesario a medida que escalamos a monitores enormes y descendemos a dispositivos móviles.

Answer 2

Realmente no vale la pena hacer zoom de página completa en CSS, especialmente porque la mayoría de los navegadores ahora hacen este tipo de zoom de forma nativa (y lo hacen mucho mejor: etiquetas ref [img]).

En cuanto al uso de ancho fijo, hay una característica secundaria con esto...Si aumenta el tamaño de la fuente, se mostrarán menos palabras por línea, lo que puede ayudar a algunas personas con la lectura.

Es decir, ¿alguna vez has leído un bloque de texto extremadamente ancho y has leído la misma línea dos veces?Si se aumentó la altura de la línea (el mismo efecto aunque el tamaño de fuente), con menos palabras por línea, esto se convierte en un problema menor.

Answer 3

¡Si si si!Tener que desplazarse horizontalmente en un sitio porque algún diseñador asumió que los usuarios siempre maximizan sus navegadores es una gran molestia para mí y estoy seguro de que no estoy solo.Además de eso, como alguien con una visión realmente mala, déjame decirte que el zoom de página completa funciona mejor cuando el diseño es líquido.De lo contrario, terminarás con la barra de navegación fuera de la pantalla (visible).

Answer 4

Tuve un problema del mundo real con esto.El diseño requería una página de ancho fijo dentro de un bonito borde.Ajustado a 800 píxeles de ancho menos unos pocos píxeles para la ventana del navegador.Resta 200 píxeles para el menú de la izquierda y el área de contenido tenía aproximadamente 600 píxeles de ancho.

El problema era que parte del contenido del sitio era dinámico, lo que provocaba que los usuarios editaran y exploraran datos en tablas, en sus bonitas pantallas de 1280x1024, con tablas restringidas a 600 píxeles de ancho.

Debe permitir el ancho de la ventana del navegador en el contenido dinámico, a menos que ese contenido dinámico sea predominantemente texto.

Answer 5

Los diseños elásticos no se tratan tanto de hacer zoom sino de ajustar: permiten al usuario colocar más información en la pantalla si la pantalla tiene una resolución más alta y al mismo tiempo hacer que el contenido sea accesible para aquellos con pantallas de menor resolución.El zoom de página no logra esto.

Answer 6

Creo que todavía se necesitan diseños líquidos, aunque los navegadores tienen esta función de zoom de página completa, apuesto a que mucha gente no la conoce ni sabe cómo usarla.

Answer 7

El zoom de la página es horrible desde una perspectiva de accesibilidad.Es el equivalente a decir "no nos molestamos en diseñar nuestras páginas correctamente [diseñadores], así que use una fuente más grande y desplace la página horizontalmente [desarrolladores de navegadores]".No puedo creer que Firefox haya saltado por el precipicio después de que Microsoft lo haya convertido en el predeterminado.

Answer 8

Sí, no sabes qué resolución está usando el lector, ni qué tamaño de pantalla, ni siquiera si se requiere/utiliza accesibilidad.Como se mencionó anteriormente, no todo el mundo conoce el zoom de página completa; yo lo sé, pero casi no lo uso...

Answer 9

Sólo los visitantes de su propio sitio pueden decirle si los diseños líquidos siguen siendo relevantes para su sitio.

Usando un marco como YUI-CSS y Google Website Optimizer es bastante fácil ver qué prefieren sus visitantes y dejar de lado las opiniones y confiar en resultados fríos y duros.

Answer 10

Sin embargo, los diseños líquidos pueden causar problemas de usabilidad.

Los contenedores de contenido que se vuelven demasiado anchos se vuelven excepcionalmente difíciles de leer.

Muchos blogs tienen contenedores de contenido de ancho fijo específicamente por este motivo.

Alternativamente, puede crear contenedores de contenido de varias columnas para obtener un efecto como el de un periódico, con sus múltiples columnas de contenedores delgados de texto.Sin embargo, esto puede resultar difícil de hacer.