# Diseño sensible: qué es y cómo funciona · Zorraquino
> El diseño sensible, o diseño responsive, adapta la composición de una página web al tamaño y la orientación de la pantalla en la que se ve.
URL: https://www.zorraquino.com/diccionario/branding/diseno-sensible.html

# Diseño sensible

El diseño sensible es otra forma de llamar al diseño web responsive, que adapta la composición de una página al tamaño y la orientación de la pantalla en la que se ve

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

Se basa en rejillas fluidas, imágenes flexibles y reglas CSS (media queries y, cada vez más, container queries) que reorganizan el contenido según el espacio disponible. Hoy la práctica recomendada suele ser empezar por las pantallas pequeñas y ampliar después (mobile first), al contrario de lo que se hacía cuando el término empezó a usarse.

La expresión «diseño sensible» es una traducción poco extendida; en castellano lo habitual es «diseño responsive» o «diseño adaptable». No debe confundirse con el diseño adaptativo en sentido estricto, que sirve maquetaciones fijas distintas para cada tipo de dispositivo.

También se dice

diseño responsive, diseño adaptable, responsive design

Temas

[Marca y branding](https://www.zorraquino.com/diccionario/categoria/marca-y-branding)

## Conceptos relacionados

- [Diseño responsive](https://www.zorraquino.com/diccionario/marketing-digital/diseno-adaptativo.html)
- [Mobile first](https://www.zorraquino.com/diccionario/ux/mobile-first.html)
- [Fluid grids](https://www.zorraquino.com/diccionario/ux/fluid-grids.html)