Saltar al contenido

Retícula de diseño

Una retícula de diseño es una estructura de columnas, filas, márgenes y espacios que ayuda a organizar contenido visual

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

Qué es y cómo funciona

Aporta relaciones y consistencia entre elementos en publicaciones e interfaces. Puede adaptarse a diferentes tamaños de pantalla. Su uso debe facilitar la lectura y la jerarquía; seguir una cuadrícula de forma rígida no garantiza una composición adecuada.

También se dice

Cuadrícula tipográfica

Variantes y conceptos vinculados

  • Columnas. Las columnas organizan la composición y pueden cambiar de número o tamaño según el espacio disponible.
  • Espacio vertical. El espacio vertical crea separación y ritmo entre elementos. Debe expresar jerarquía y ayudar a leer el contenido.
  • Fixed grids. Una retícula fija mantiene dimensiones concretas en su contexto. Debe prever qué sucede cuando cambian contenido o espacio.
  • Fluid grids. Una retícula fluida adapta sus dimensiones al espacio disponible. Sus límites deben preservar legibilidad y composición.
  • Márgenes. Los márgenes separan contenido y límites del soporte. Su tamaño debe considerar lectura, composición y adaptación.
  • Padding. El padding es el espacio interior entre el contenido y el límite de un contenedor. Se diferencia del margen exterior.

Conceptos relacionados