# Retícula de diseño: qué es y cómo funciona · Zorraquino
> Una retícula de diseño es una estructura de columnas, filas, márgenes y espacios que ayuda a organizar contenido visual.
URL: https://www.zorraquino.com/diccionario/branding/cuadricula-tipografica.html

# 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.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## 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

Temas

[Experiencia y diseño de servicios](https://www.zorraquino.com/diccionario/categoria/experiencia-y-diseno-de-servicios)

## 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

- [Sistema de diseño](https://www.zorraquino.com/diccionario/marketing-digital/sistema-de-diseno.html)
- [Diseño responsive](https://www.zorraquino.com/diccionario/marketing-digital/diseno-adaptativo.html)
- [Diseño web](https://www.zorraquino.com/diccionario/marketing-digital/diseno-web.html)