¿Qué es un diseño líquido?

Question

Mi diseñador sigue descartando el término diseño "líquido".¿Qué quiere decir esto?

Gracias por la aclaración, siempre llamé a esto diseño porcentual y pensé que estaba diciendo que las piezas se podían mover y que eso era líquido.

Answer 1

Un diseño "líquido" es un diseño de sitio que se expande para llenar toda el área disponible a medida que cambia el tamaño de la ventana del navegador.Normalmente esto se hace usando CSS.Los diseños líquidos pueden ser muy útiles para ciertos tipos de sitios, pero también tienden a requerir mucho más esfuerzo que los diseños de ancho fijo, y su utilidad depende del contenido del sitio y de qué tan bien implementados estén.

Answer 2

De http://www.maxdesign.com.au/presentation/liquid/ :

Todos los contenedores en la página tienen sus anchos definidos en porcentajes, lo que significa que se basan completamente en la ventana gráfica en lugar del bloque de contenido inicial.Un diseño de líquido entrará y saldrá cuando cambie el tamaño de la ventana de su navegador.

Answer 3

Básicamente, es un diseño de una página web que no depende de especificaciones de ancho específicas para los elementos de la página.

Vea la discusión en Wikipedia.

Answer 4

Significa un diseño que se ajusta dinámicamente al ancho y alto del navegador (o cualquier cliente), para hacer un uso eficiente de todo el espacio disponible en la pantalla, a diferencia de (en su mayoría) diseños de ancho fijo que están hechos para ajustarse a una resolución de denominador común en ese particular. tiempo (por ej.800x600 solía ser la norma para los sitios web durante muchos años).

Answer 5

Mira esto:http://www.time-tripper.com/uipatterns/Liquid_Layout

Answer 6

Los diseños líquidos se refieren al concepto de diseño de un sitio web.Un diseño líquido se moverá hacia adentro y hacia afuera cuando cambie el tamaño de la ventana de su navegador, debido a que tiene porcentajes y anchos relativos en el CSS.

Answer 7

Simplemente significa que se contraerá/expandirá para llenar el tamaño de la ventana del navegador (generalmente el ancho), hasta cierto punto si las cosas se hacen bien.De lo contrario, el texto puede resultar bastante difícil de leer en monitores grandes (24"+).

Answer 8

Uno de dos:

• El diseño se escalará al ancho del navegador (es decir, si el navegador tenía 1024 px de ancho, el diseño también lo será)...aunque esto resulta bastante divertido cuando se diseña para navegadores de 100 píxeles de ancho (aunque a veces los diseñadores establecen un ancho mínimo).

• El diseño tiene un ancho fijo, pero se establece en una medida utilizando un tamaño relativo...por ejemplo "ellos"...de modo que a medida que aumenta el tamaño de la fuente, aumenta el ancho de la página.

Answer 9

Un diseño líquido es un método de diseño CSS que define todos los anchos en porcentajes, por lo que las áreas de la página crecerán/reducirán cuando se cambie el tamaño de la ventana gráfica (ventana del navegador).

Son muy útiles si se intenta crear un sitio que se ajuste tanto a pantallas grandes como pequeñas.Es un poco más difícil trabajar con ellos que con los diseños fijos, porque estás renunciando a cierto nivel de control sobre cómo encaja todo en la página, y tienes que prestar mucha atención a tu contenido para asegurarte de que no se caiga. aparte estéticamente al cambiar el tamaño.

Yo diría que los diseños líquidos son más útiles para sitios con mucho texto y un diseño de columnas bastante básico.También puedes encontrar un punto medio con un diseño "elástico", uno que tenga áreas tanto líquidas como fijas.

Answer 10

En un verdadero diseño Liquid, su contenido se expande y contrae para adaptarse a la ventana del navegador de su usuario de una manera significativa, calculada e inteligente.Por lo tanto, es más que simplemente establecer el ancho de las columnas y del contenedor en porcentajes.

Bien hecho, esto puede resultar en un aumento de la calidad percibida.Mal hecho, es una pesadilla de usabilidad.

Convertirse en líquido es un gran dolor de cabeza.Sin embargo, el esfuerzo vale la pena si el tema/cliente/producto(s) para el que está creando el sitio tiene una gran calidad visual (piense en el sitio de una película de gran éxito de verano), requiere un cierto ajuste y acabado, o si es necesario mostrarlo. grandes cantidades de datos.

Nota:Actualizaré esto un poco más tarde con enlaces a buenos ejemplos y citas de mis afirmaciones.