Principales diferencias entre diseño web responsive y diseño líquido

La nueva era de Internet ya a llegado, casi la mitad de los españoles acceden desde sus dispositivos móviles e incluso tabletas, el visitante tradicional sigue existiendo no obstante es de vital importancia modernizarse y tener la máxima compatibilidad en tu diseño web con los motores de búsqueda, sobre todo para Google, Yahoo y Bing.

ds

Los smartphones son los de mayor utilización en estos momentos, le siguen las tabletas y por último el típico ordenador de escritorio, teniendo todo esto en cuenta voy a hablar sobre la diferencia entre el diseño líquido y el diseño web responsive.

El diseño líquido: En ingles se le conoce como ‘liquid or fluid layout’. Este tipo de diseño llamado líquido o en Sudamérica fluido se refiere a cuando un tamaño es ajustado en la totalidad de sus dimensiones horizontales con la pantalla de manera automática y no es preciso utilizar el scroll (barra horizontal para realizar desplazamientos).

Referente al diseño es expandido en su ancho para la pantalla con sus diferentes elementos, sobre todo para el (div), el porcentaje disponible es del 100 por ciento para la pantalla. Un problema habitual es cuando se utiliza para pantallas de gran tamaño, por ejemplo en el TV Full HD, pues tienen una resolución por lo general de 1.920 x 1.080 px y esto hace desajustar totalmente su tamaño, se observan grandes espacios en color blanco, tampoco se salvan las pantallas con resoluciones inferiores, pues las imágenes son miniaturizadas y el texto es de difícil lectura.

En definitiva para evitar la problemática mencionada anteriormente se fija un ancho mínimo para que el scroll aparezca visible y el usuario pueda desplazarse horizontalmente por el sitio web.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s