Los elementos de maquetación adoptan un ancho fijo. El diseñador “impone” un diseño con una distribución de elementos en pantalla que se visualice igual en todos los dispositivos y resoluciones.
Esta visión es propia de los medios impresos, en las que un diseñador controla al milímetro el aspecto final de su trabajo (papel, tamaños, disposición, tipografías).
A favor: control por los diseñadores de la apariencia final de su trabajo, heredado de los medios impresos tradicionales.
Controlar la longitud de línea implica mejor legibilidad.
En contra: en monitores de alta resolución desaprovecha espacio. Por ejemplo, en textos largos puede generar un scroll vertical excesivo .
Es poco “web”. Desaprovecha la “adaptividad” del medio “on line” e impone criterios de diseño papel.
Aprovecha al máximo el ancho de pantalla adaptando los elementos y su disposición a la resolución de monitor del usuario.
A favor: Esta opción reduce el scroll en pantalla y permite presentar más información de un solo vistazo.
En contra: El mayor problema del diseño líquido mal aplicado es que el texto se “desparrama” por la pantalla obligando al usuario a realizar un esfuerzo para leer.
Problemas con Explorer: Al aplicar “liquidez” al diseño, se deben tener en cuenta unos límites en el ancho de los “contenedores” para que las líneas de texto no resulten demasiado largas. Este problema se plantea en los navegadores Explorer que de momento no soportan las propiedades CSS min-width y max-width que permiten asignar anchos mínimos y máximos a los contenedores para evitar “desparrames” (Existen trucos para evitarlo).
Que el popular y defectuoso Explorer no soporte correctamente estos y otros estándares hace más complejo la creación de diseños líquidos usables.
Ideado por Patrick Griffiths, es una variación sobre las dos opciones anteriores en las que el ancho de elementos en pantalla depende del tamaño de letra configurado por el usuario en su navegador.
Se pueden ver dos demostraciones en su propio sitio y en CSS ZenGarden y un artículo acerca de cómo crear este tipo de diseños en A List Apart.
Prometí no tomar partido en este debate, por eso al final lo dejo abierto.
Partiendo de la base de que la CSS controla el aspecto de un documento, al igual que con DOM y CSS se puede cambiar colores, tipografías y tamaños en cualquier sitio web, se puede ofrecer las opciones de hoja de estilos con diseño líquido y con diseño fijo y dejar de mano del usuario la elección del tipo de diseño mediante un selector de hoja de estilo CSS, como styleSwitch, utilizado en muchos sitios para cambiar el aspecto o la tipografía.
Usuarios que han visto este tema también han visto...
- El enfoque "persona" y los "escenarios"
- ¿Qué es la promoción web?
- Posicionamiento en buscadores
- Imprimir mucho, gastar poco
- Recomendaciones para la indexación en buscadores
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.