“Diseño líquido o fluido” (Responsive Web Design) es la técnica para crear plantillas que automáticamente se ajustan al tamaño de la pantalla en las que están siendo navegadas, utilizando la definición de reglas de medios de destino definidas dentro de las nuevas características del CSS3.
En el pasado el diseño de la interfaz se basaba en resoluciones aproximadas de 960 pixeles, y esto funcionaba porque un 99% de los usuarios podían adaptarse y leer fácilmente esta resolución, independientemente de la maquina, el navegador, o el sistema operativo que estaban utilizando. Los tiempos cambiaron y cada vez son más los usuarios que utilizan dispositivos móviles para navegar. Ante esto las empresas empezaron a diseñar dos aplicativos, para diferentes tipos de dispositivos, una versión full y una versión más liviana para dispositivos móviles que intentaban cubrir todo el contenido de la versión original. Está técnica tiene ciertas desventajas porque exige un mayor esfuerzo, la sensación de no tener todo en la versión móvil y la creciente diversidad de modelos con una igual cantidad de tamaños.
Se tiene que tener en cuenta que la venta de “smartphones”, está despegando y superará muy pronto a la venta de PC (tanto de escritorio como portátiles). Actualmente basados en las estadísticas de 20 personas que visitan tu sitio web, por lo menos 1 de ellos lo hace por medio de un dispositivo con pantalla de menos de 3 pulgadas. Esto ha disparado el diseño amigable-móvil en el que se crean diseños que se ajustan a cada tamaño de pantalla.
En respuesta a esto se tiene el Diseño Liquido o Fluido, no tienen un ancho fijo, y permiten que cada navegador lo adapte a su tamaño. Usando está técnica puedes eliminar la necesidad de crear diseños especiales por cada dispositivo. Permite con un simple código mostrar el contenido en un ilimitado número de medios.
Puede ver un ejemplo de la aplicacion de esta tecnica en nuestro sitio web
www.publifun.com
