¿Qué es la construcción de sitios web adaptables (responsive) RWD?

El término Diseño Web Responsivo (RWD para abreviar) fue propuesto por Ethan Marcotte y es un enfoque técnico del diseño web. El diseño debe responder y ajustarse en consecuencia según el entorno del dispositivo (plataforma del sistema, tamaño de pantalla).

El diseño web adaptable a dispositivos móviles también se ha vuelto más importante, ya que el tráfico móvil ahora representa más de la mitad del tráfico de Internet. Así, Google anunció la llegada de la era de los dispositivos móviles.

Experiencia fácil de usar

El diseño responsivo puede proporcionar a los usuarios una interfaz web amigable porque puede adaptarse a la pantalla de casi cualquier dispositivo, incluidos teléfonos inteligentes, tabletas, televisores y monitores de PC. , teléfonos iPhone y Android, incluidas pantallas horizontales y verticales.

2. Ahorre costos de diseño y desarrollo

En comparación con la necesidad de desarrollar sitios web para computadoras, sitios web pad y sitios web móviles, el diseño de sitios web responsivos es más propicio para ahorrar costos de diseño y desarrollo.

Desde una perspectiva de diseño, la interfaz del sitio web responsivo solo requiere el diseño de dos conjuntos de representaciones de diseño. Básicamente, puedes usar un conjunto de representaciones de diseño en la computadora y el iPad, y rediseñar un conjunto en el teléfono móvil. Desde la perspectiva del desarrollo front-end, solo necesita desarrollar tres conjuntos diferentes de estilos CSS para diferentes terminales según los puntos críticos; desde la perspectiva del mantenimiento posterior, ya no necesita mantener la interfaz de la PC, la interfaz del pad y el mantenimiento. interfaz móvil por separado y sólo concentrarse en mantener un sitio web.

3. Acumular el intercambio

El diseño web responsivo le permite (como propietario del sitio web) recopilar todos los enlaces para compartir en redes sociales a través de una única dirección URL. Puede contribuir activamente a crear un sitio web mejor y más fácil de usar.

Desde otra perspectiva, el diseño web responsivo es compatible con SEO. Google también recomienda dar prioridad al diseño responsivo, porque no importa qué versión de la página web sea, tiene el mismo HTML y el mismo contenido, lo que es más fácil de manejar para Google.

Desventajas del diseño web responsivo

1. No es compatible con la compatibilidad de versiones antiguas de navegadores IE

Para versiones antiguas de IE (IE6, IE7, IE8) ) Un mal soporte es un problema fatal. Si la mayoría de los usuarios de su sitio web todavía usan la versión anterior de IE, se recomienda no realizar un diseño web responsivo.

2. Carga lenta

La carga lleva cierta cantidad de tiempo. Aunque no es un gran problema, es necesario descargar algo de HTML/CSS que parece innecesario. . Además de esto, las imágenes no tienen el tamaño adecuado para el dispositivo, lo que duplica el tiempo de carga.

3. Incrementar el coste del tiempo de desarrollo

4. Influir en el diseño

El diseño web responsive es principalmente líquido, que es exactamente lo que busca el diseñador. Piensa en el diseño. La razón por la que el estilo es difícil de controlar. Y ahora es el momento de que los diseñadores muestren de antemano varias "réplicas". El diseñador intentó mostrar estructuras alámbricas y prototipos de diseño por separado para diseños móviles y de escritorio. Sólo cuando se mejoren ambos diseños se podrá realmente realizar una estrategia de diseño web responsivo