Minimalistas y funcionales
Grid-Based Design
La retícula visible como estructura y como recurso estético, con alineaciones y módulos consistentes.
Descripción
Grid-Based Design es una metodología estructural que organiza contenido mediante columnas, filas, módulos, gutters y márgenes. La retícula puede ser completamente invisible para el usuario: su función es establecer relaciones consistentes, ritmo y reglas de alineación. En diseño de interfaces, los grids permiten que contenido y componentes se comporten de manera predecible en distintos tamaños de pantalla y facilitan que diseño y desarrollo compartan una misma lógica espacial.
Características visuales
Columnas, gutters y márgenes consistentes; módulos repetibles; baseline grids para ritmo vertical; alineaciones claras; escalas de espaciado; regiones que pueden ocupar una o varias columnas; adaptación por breakpoints. El tamaño de los módulos puede variar para construir jerarquía, pero sus relaciones siguen reglas comunes que evitan posicionamientos arbitrarios.
Cuándo usarlo
Prácticamente cualquier interfaz compleja puede beneficiarse de una retícula. Es especialmente importante en dashboards, ecommerce, medios, paneles administrativos, sistemas empresariales, design systems y sitios responsive. Es útil cuando se requiere escalar a muchas pantallas manteniendo consistencia. No obliga a que el resultado parezca una cuadrícula visible; incluso composiciones expresivas pueden apoyarse en una estructura de grid subyacente.
Referencias