El enfoque de trabajo
Layout Grid se centra en el esqueleto de la página: columnas, medianiles, márgenes exteriores y cómo cambian según el tamaño del viewport. Distingue las columnas fluidas de los contenedores de ancho máximo fijo y de los diseños adaptativos, de modo que una especificación de cuadrícula pueda describir el comportamiento y no solo una captura de escritorio.
La fuente es una guía compacta, no una biblioteca de implementación. Sus números de columnas habituales y ejemplos de breakpoints son puntos de partida. El resultado útil es una cuadrícula elegida según el contenido, con instrucciones claras para áreas de ancho completo, secciones de lectura contenidas, barras laterales y tarjetas repetidas.
Entregables esperados
- Una tabla de breakpoints con columnas, medianiles, márgenes y límites del contenedor.
- Reglas de diseño para regiones contenidas, de ancho completo, barras laterales y tarjetas.
- Notas para desarrolladores que explican la adaptación entre anchos.
Del brief a la revisión
- 01Elige el tipo de cuadrícula
Ajusta una estructura de columnas, modular, de línea base o compuesta al contenido, en lugar de suponer que todas las páginas necesitan la misma cuadrícula.
- 02Especifica el comportamiento del ancho
Define dónde se estiran las columnas, dónde deja de crecer un contenedor y cuándo se eliminan columnas o se ocultan las barras laterales.
- 03Revisa los anchos intermedios
Comprueba las transiciones alrededor de los breakpoints, no solo las pantallas de referencia más pequeña y más grande.