El diseño web responsivo es la próxima gran novedad

¿Qué es el diseño web responsivo? Usted diseña su sitio web para que se vea bien con los ordenadores de escritorio de pantalla ancha.

Su sitio web debe mostrarse bien en los móviles. ¿Significa eso una versión móvil separada de su sitio web? ¿Cómo se verá su sitio en el iPad, el nuevo iPad mini o el smartphone? Puede crear muchas versiones de su sitio web en torno a cada tamaño de dispositivo. Luego, utilice un script de conmutación para mostrar la versión adecuada.

Hay una respuesta mejor. La respuesta es un sitio web responsivo. Este es uno que responde a su entorno y se adapta al tamaño del dispositivo que está utilizando.

El diseño de un sitio web puede ser fijo o puede reconfigurarse según el dispositivo en el que se vea. Fijo, fluido, adaptativo y responsivo son los cuatro términos utilizados para describir la flexibilidad de un sitio web a los diferentes tamaños de pantalla.

Maquetación fija: El envoltorio o contenedor del diseño tiene una anchura fija y los elementos del diseño no están configurados para moverse o escalar con un cambio en la resolución de la pantalla.

El Fluid Layout utiliza porcentajes para los anchos donde los componentes pueden estirarse o contraerse con anchos relativos, señala la agencia de publicidad Andar.

Diseño adaptativo: Una forma simple de diseño responsivo donde se utiliza una serie de diseños de ancho fijo. Utiliza media queries para presentar el tamaño correcto de la pantalla.

Diseño web responsivo: Construido sobre una cuadrícula fluida y utiliza consultas de medios para controlar el diseño a medida que se escala hacia arriba y hacia abajo en el entorno de visualización.

Con un diseño web responsivo no se tiene un sitio web móvil separado. En su lugar, tienes un sitio web que responde, redimensiona y se reconfigura según la pantalla de visualización. Este es el futuro y la dirección hacia la que se dirige el diseño web.