Saltar al contenido

Diseño responsive

El diseño responsive adapta la presentación de una interfaz al espacio y a las condiciones del dispositivo desde el que se utiliza

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

Qué es y cómo funciona

Combina estructuras flexibles, recursos adaptables y reglas de composición. Debe mantener legibilidad, funcionalidad y jerarquía en distintos tamaños. No consiste únicamente en reducir una versión de escritorio: puede requerir reorganizar contenido y revisar formas de interacción.

También se dice

Diseño adaptativo, Responsive design, diseño adaptable

Variantes y conceptos vinculados

  • Diseño sensible. Diseño sensible es una traducción poco habitual de responsive design. Se utiliza aquí la denominación diseño responsive para evitar ambigüedad.
  • Responsive cropping. El recorte adaptable cambia el encuadre de una imagen según el soporte. Debe preservar su información relevante y el propósito del contenido.

Conceptos relacionados