Diseño web responsivo definicion

Inicio » Diseño web responsivo definicion

definición de diseño adaptativo

En los primeros tiempos del diseño web, las páginas se construían para un tamaño de pantalla concreto. Si el usuario tenía una pantalla más grande o más pequeña de lo que el diseñador esperaba, los resultados iban desde barras de desplazamiento no deseadas hasta longitudes de línea demasiado largas y un mal uso del espacio. A medida que se fueron ampliando los tamaños de pantalla, apareció el concepto de diseño web responsivo (RWD), un conjunto de prácticas que permite que las páginas web modifiquen su diseño y apariencia para adaptarse a diferentes anchos de pantalla, resoluciones, etc. Es una idea que cambió la forma de diseñar para una web multidispositivo, y en este artículo te ayudaremos a entender las principales técnicas que debes conocer para dominarla.

Estos dos enfoques solían dar como resultado un sitio web que se veía mejor en la pantalla de la persona que lo diseñaba. El sitio líquido daba lugar a un diseño aplastado en las pantallas más pequeñas (como se ve a continuación) y a longitudes de línea ilegibles en las más grandes.

Cuando la web móvil empezó a ser una realidad con los primeros teléfonos móviles, las empresas que deseaban adoptar el móvil solían crear una versión especial de su sitio para móviles, con una URL diferente (a menudo algo como m.ejemplo.com, o ejemplo.mobi). Esto significaba que había que desarrollar y mantener actualizadas dos versiones distintas del sitio.

ejemplos de sitios web adaptables

La diferencia entre el diseño web adaptativo y el diseño web responsivo es más amplia e importante que las distinciones que se han sugerido en este hilo. La diferencia no es una cuestión de dónde reside la funcionalidad del software ni de qué unidad de medida se utiliza en las condiciones CSS.

Ninguno de los dos términos (adaptativo o responsivo) es una marca, por lo que no debemos desviarnos de las definiciones básicas de las palabras. En informática, una respuesta es una acción, un evento o un mensaje que se genera ante algún estímulo. Esta definición tiene su origen en la biología. La dilatación de las pupilas en respuesta a la luz es un diseño responsivo.

Un diseño web responsivo examina las características de la pantalla y responde instantáneamente en la visualización de las páginas de forma que va más allá de las capacidades de maquetación automática incorporadas en HTML para proporcionar una experiencia cómoda, funcional y de máxima visibilidad en distintas condiciones de visualización.

Utilizando la definición del diccionario o la definición común de ciencias de la computación de ADAPTATIVO, la disposición del documento de un diseño web adaptativo debe variar de forma inteligente basándose en algunos criterios más altos que un simple umbral de tamaño estático, criterios que se evalúan continuamente. Una buena definición de un diseño web adaptativo es ésta:

tamaños de pantalla de diseño responsivo

El diseño responsivo es una filosofía de diseño en la que el diseño del sistema (la representación y el diseño) responde/se adapta dependiendo de la disposición del dispositivo. La razón principal para mantener su diseño responsivo es aumentar el alcance de su aplicación a una mayor base de usuarios que utilizan una serie de dispositivos.

Un diseño responsivo mejora la usabilidad del producto. Hace unos años, antes de la llegada de los dispositivos de comunicación por Internet móvil, los desarrolladores solían hacer sus aplicaciones compatibles con pantallas de distintas resoluciones. Esto también puede llamarse hacer el diseño responsivo. En el mundo actual, en el que cada vez más usuarios consumen información en sus dispositivos móviles, es necesario manejar los cambiantes puertos de visualización y el hardware.

Por ejemplo, si abres una aplicación web en un ordenador de sobremesa, puede que te plantees ir a por todas y mostrar mucha información en la pantalla disponible con cada componente ocupando un espacio óptimo. Pero, cuando se cambia a un dispositivo móvil, no hay que tratar de exprimir toda la información en el limitado espacio de la pantalla.

diseño responsivo

En los primeros tiempos del diseño web, las páginas se construían para un tamaño de pantalla concreto. Si el usuario tenía una pantalla más grande o más pequeña de lo que el diseñador esperaba, los resultados iban desde barras de desplazamiento no deseadas hasta longitudes de línea demasiado largas y un mal uso del espacio. A medida que se fueron ampliando los tamaños de pantalla, apareció el concepto de diseño web responsivo (RWD), un conjunto de prácticas que permite que las páginas web modifiquen su diseño y apariencia para adaptarse a diferentes anchos de pantalla, resoluciones, etc. Es una idea que cambió la forma de diseñar para una web multidispositivo, y en este artículo te ayudaremos a entender las principales técnicas que debes conocer para dominarla.

Estos dos enfoques solían dar como resultado un sitio web que se veía mejor en la pantalla de la persona que lo diseñaba. El sitio líquido daba lugar a un diseño aplastado en las pantallas más pequeñas (como se ve a continuación) y a longitudes de línea ilegibles en las más grandes.

Cuando la web móvil empezó a ser una realidad con los primeros teléfonos móviles, las empresas que deseaban adoptar el móvil solían crear una versión especial de su sitio para móviles, con una URL diferente (a menudo algo como m.ejemplo.com, o ejemplo.mobi). Esto significaba que había que desarrollar y mantener actualizadas dos versiones distintas del sitio.

Ir arriba