Durante el último año hemos estado experimentado con web basadas en diseño líquido sobre programación en Flash. Aquí os dejamos algunas de nuestras conclusiones.

El diseño líquido permite que las páginas web se adapten al tamaño de la pantalla, haciendo que algunas de sus partes redimensionen su tamaño o se redistribuyan por la pantalla de forma distinta según las medidas de la ventana del navegador.

Aunque a primera vista conseguir que la web se adapte a la pantalla de forma dinámica puede parecer muy interesante, no siempre es una buena opción. Dependerá en cada momento del tipo de web y del tipo de información que se quiera visualizar en su interior.

Teniendo en cuenta las limitaciones que pueden presentar las webs desarrolladas completamente en Flash, creemos que la mejor forma de jugar con diseño líquido es utilizando imágenes de fondo que puedan adaptarse al tamaño de la ventana o posicionando los elementos gráficos en las zonas laterales de la pantalla.

A continuación podéis ver algunos ejemplos:

Un buen ejemplo de diseño líquido aplicado a imágenes en background se puede observar en una web que hemos desarrollado, conjuntamente con la empresa de diseño gráfico Bifid, en la que ha sido necesario disponer de una zona lo más grande posible para mostrar imágenes de montaña, www.guiesnordsud.net.  La web ha sido desarrollada completamente en Flash y se puede observar como en función del tamaño de la ventana del navegador, la imagen de fondo se ajusta a la pantalla y algunos detalles gráficos se mantienen flotando en las esquinas de la parte inferior de la pantalla a medida que la pantalla aumenta o disminuye de tamaño.

Otro ejemplo de diseño líquido lo podéis encontrar en otra web muy simple que desarrollamos el año pasado (diseño gráfico de David Clos), www.recrec.cat, en donde el pie de página dispone de dos zonas (imagen a la izquierda y datos de contacto a la derecha) que se reajustan automáticamente al tamaño de la ventana del navegador.