menu vertical

¿En qué consiste el diseño responsive?


www | Ciencias y Tecnología
Publicada:2016-08-06
Por Agencias/Estocolmo

El diseño web responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.



El diseño web adaptable, adaptativo, conocido por las siglas RWD del inglés Responsive Web Design, 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 visualizarlas. Hoy día las páginas web se visualizan en multitud de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PCs, etcétera.

    El diseño web responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.

    Hoy en día accedemos a sitios web desde todo tipo de dispositivos; ordenador, tablet, smartphone… por lo que, cada vez más, nos surge la necesidad de que nuestra web se adapte a los diferentes tamaños de los mismos.Pero, ¿qué es esto exactamente?

Antes que nada tenemos que saber correctamente de que se tratan las plantillas responsive. Las plantillas responsive son un tipo de plantillas que evitan que ocurra lo que comentábamos anteriormente, ósea, son capaces de adaptar el diseño de nuestra web o blog para que se visualice adecuadamente sea cual sea el dispositivo sin tener ningún tipo de problemas. Son plantillas ideales para trabajar sobre ellas ya que cualquier cambio o personalización que le demos a la plantilla se verá reflejado desde el móvil, una tablet y nuestro ordenador.
¿En qué consiste el diseño responsive y adaptativo?
El diseño responsive permite reducir el tiempo de desarrollo, evita los contenidos duplicados, y aumenta la viralidad de los contenidos ya que permite compartirlos de una forma mucho más rápida y natural.


Características diseño responsive
Diferencias entre el diseño web adaptativo y el llamado "responsive"
El diseño web responsive, reestructura en la pantalla del dispositivo los elementos de la web para optimizar todo el espacio disponible y ofrecer una excelente experiencia de usuario.

Esto se consigue estableciendo unas medidas de ancho y márgenes de diseño en tamaños proporcionales, en lugar de establecer valores fijo en los pixeles. También se necesita utilizar "media queries" y hojas de estilo para poder fijar las CSS correspondientes a cada tamaño de pantalla. 

Por ejemplo, un menú horizontal se convierte en vertical si se visualiza en smartphones, evitando los scrolls infinitos y organizando el contenido de una mejor forma. La única desventaja de esta técnica de diseño web es que los elementos no son redimensionables, como los vídeos y banners, que no cambian su tamaño dependiendo del dispositivo.

Un diseño web adaptativo, por otro lado, no es tan flexible como el responsive. Utiliza tamaños de pantalla preestablecidos (ordenador - 400x100 píxeles, empezando por 240x320 píxeles - dispositivos móviles). Un diseño adaptativo no necesita tanto código como uno responsive para sus CSS.

Origen del diseño web adaptable
Tanto la idea como el propósito del diseño web adaptable fueron previamente discutidos y descritos por el World Wide Web Consortium (W3C) en julio de 2008 en su recomendación "Mobile Web Best Practices" bajo el subtítulo "One Web".2




Comparte
Email Facebook Twitter Addthis Gmail Print Google Translate

Noticias relacionadas de www

2015-06-13 Definición de CSS,hojas de estilo o cascading style sheets
2015-02-26 Martin Schulz: La deuda griega no se decidió en Berlín o en Bruselas, sino en Atenas
2014-11-10
2014-10-24 Una taza de agua helada es una de las mejores bebidas de verano
2014-10-20 Trilogia de la espera.

10 películas de culto del cine chileno que puedes ver gratis en la Cineteca Online
Chile | Cine
Bajo el título Cineteca Online, esta sala de cine virtual alberga casi 250 títulos de cine chileno de distintas épocas y en diversos formatos. “Tenemos registros muy tempranos, desde 1903 en adel...

Ultimas Noticias

xxx
Gallery
Gallery
Gallery
logo Nobel
logo Nobel
Consulado de Chile en Estocolmo
Estocolmo | Actualidad
Este jueves 23 de marzo el Consulado de Chile en Estocolmo estará atendiendo público para realizar trámites electorales (solicitudes de cambio de domicilio electoral o incorporación al registro el...