¿Qué es el concepto de diseño adaptativo?
Llamamos "Diseño Adaptable" una serie de tecnicas en el diseño y desarrollo de sitios web con el fin Leer más
¿Qué es el diseño responsive o adaptativo?
Pau Carrasquillo
2025-08-31 04:35:52
Respuestas
: 22
Llamamos "Diseño Adaptable" una serie de tecnicas en el diseño y desarrollo de sitios web con el fin de que sean utilizables en cualquier dispositivo o entorno, sin necesidad de duplicarlos para hacer versiones para dispositivos concretos. Con la irrupción de los smartphones y de otros dispositivos este panorama ha cambiado totalmente, y es practicamente imposible saber en que dispositivo, resolución, situación o metodo de entrada se consumiran nuestros contenidos y servicios. Esta situación solo puede aumentar, ya que cada vez mas dispositivos cuentan con un navegador web integrado. Por ello es fundamental establecer tecnicas que permitan que nuestros portales se adapten a cualquier situacion y entorno.
Por ejemplo, entre las visitas a Euskadi.eus durante el año 2018 tenemos esta multitud de variables: Tipo de dispositivo, Sistemas Operativos, Navegadores, Resolucion. A estas variables hay que añadir otras como distintos plugins, distintos metodos de entrada, distintas velocidades de conexion, etc.
Biel Camacho
2025-08-23 00:38:56
Respuestas
: 20
El diseño web responsive y el diseño web adaptativo son conceptos muy parecidos, pero efectivamente no son lo mismo. Ambos son métodos de programación flexible que adaptan la web en función del dispositivo para asegurar su visualización.
Reestructura todos los elementos de la web para optimizar todo el espacio y asegurar una buena experiencia de usuario, un excelente aspecto visual y la funcionalidad.
Un solo diseño que se adapta según la pantalla.
Utiliza tamaños proporcionales, en lugar de valores fijos en píxeles.
Establece medidas en porcentajes.
Emplea media queries y diferentes hojas de estilo para cada medida de pantalla.
El diseño responsive se adapta literalmente.
Utiliza tamaños de pantalla fijos y preestablecidos para cada uno de los dispositivos.
Leer también
¿Qué es el diseño adaptativo en el diseño de materiales digitales?
El Diseño adaptativo es una rama del diseño web que se encarga de hacer que todas las páginas elabor Leer más
Candela Castillo
2025-08-16 12:23:56
Respuestas
: 25
El diseño web adaptable es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas. Hoy día las páginas web se ven en multitud de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PC, etcétera. Además, aun dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución, potencia de CPU, sistema operativo o capacidad de memoria entre otras. Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo. El diseño web adaptable es posible gracias al uso de un sistema de rejilla fluida basada en proporciones, imágenes flexibles y consultas de medios de CSS3. Las consultas de medios son una extensión de la regla @media que se incluye en la hoja de estilos para indicar al documento HTML cómo debe comportarse en diferentes medios, orientación, resolución, espacio de color, relación de aspecto, etc. Con la filosofía del diseño adaptativo, si una web se muestra con la resolución habitual de un PC muestra el contenido en 5 columnas, para una tableta necesitaría sólo 4 y, en el caso de un teléfono inteligente, las columnas mostradas deberían ser 3. El diseño adaptable debe fluir con una adaptación constante del tamaño de los gráficos y las estructuras que componen un sitio web dentro de los diferentes dispositivos y tamaños de pantalla, considerando de forma automática la orientación en la que se visualizan los contenidos.
Nerea Parra
2025-08-04 10:04:03
Respuestas
: 35
El diseño responsive es una técnica para desarrollar interfaces que hace uso de media queries y hojas de estilos, estableciendo unas medidas de ancho en tamaños proporcionales para hacer una estructura flexible y que el contenido de la web se adapte a las distintas resoluciones de pantalla. De esta forma la experiencia de usuario no se ve afectada. Por lo tanto, busca una mayor flexibilidad.
El objetivo de este diseño es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarlas.
El diseño responsive es fluido porque la estructura se ajusta de manera fluida independientemente del dispositivo en que se esté visualizando.
Un diseño web responsive es mejor por su fluidez, por su adaptación suave y flexible, por la simplificación de su código y más eficiente en cuanto a la gestión de recursos, ya que se adaptará a futuros tamaños de dispositivos y pantallas sin tener que modificar tu CSS.
Leer también
¿Qué salida laboral tiene la carrera de diseño?
El diseño gráfico es una carrera que combina creatividad, tecnología y comunicación, y abre la puert Leer más
¿Es difícil convertirse en diseñador gráfico?
No creo que la gente se dé cuenta de cuánto puede afectar a tu confianza, y no solo dentro de la ind Leer más