¿Qué es el diseño web?

Hola, como empezamos, estaremos viendo la diferencia entre diseño de sitios web responsivos y adaptables, así como cómo diseñar sitios web que están preparados para motores de búsqueda y optimizados. En esta lección, exploraremos el concepto de diseño web receptivo. Diseñadores y desarrolladores de sitios web, tiene un reto enorme con todas las diferentes formas en que las personas puede acceder a la información. Desde ordenadores con monitores grandes a pequeños dispositivos portátiles IoT, los diseñadores deben tener en cuenta todas estas variaciones. Diseñadores y desarrolladores de sitios web tiene dos marcos para elegir: diseño responsivo o diseño adaptativo. Primero exploraremos el ejemplo del diseño receptivo, así como revisar los pros y los contras de este tipo de diseño. Si miramos la web de la Ciudad del Conocimiento en un navegador normal, podemos ver que todos los elementos en el sitio web están bien posicionados. Ahora, si cambio el tamaño del navegador, el contenido se moverá dinámicamente para alinear con el nuevo tamaño del navegador. Esto es diseño web responsivo. Con la naturaleza omnipresente de los dispositivos móviles, los diseñadores deben tener en cuenta una variedad de tamaños de pantalla. Los sitios web receptivos muestran contenido web según el espacio disponible en el navegador. En los dispositivos móviles, esto sucede automáticamente. El sitio verifica el espacio disponible y representa el contenido en consecuencia. Esto hace que la experiencia sea perfecta para el usuario final, permitiéndoles disfrutar tanto de su sitio como les gustaría. Ahora, veamos el mismo sitio web. utilizando un complemento de simulador de dispositivo móvil para Google Chrome y cómo se renderizará en función del espacio disponible del navegador. Elegiré el simulador de iPhone 11. A medida que avanzamos por el sitio, los componentes se dimensionan según las dimensiones disponibles del navegador. Podemos ver que el sitio se muestra apropiadamente, según el tamaño del dispositivo. Si elegimos otro dispositivo móvil, como un iPad Air 4, podemos ver que el sitio se ajusta de nuevo para tener en cuenta el espacio disponible en el navegador. Y a medida que avanzamos por el sitio, todos los elementos se muestran correctamente. Con diseño web receptivo, La jerarquía visual debe mantenerse en todos los dispositivos. Esta es la disposición de los elementos. para mostrar su orden de importancia. Por ejemplo, los encabezados, imágenes y enlaces están todos en el mismo lugar, independientemente del dispositivo que se utilice. Algunas ventajas de utilizar este tipo de diseño web son: la facilidad de diseño, el tiempo de implementación es significativamente menor, y es el método preferido para la creación de sitios en la actualidad. Algunos de los contras: tienes menos control sobre el diseño en términos de tamaño de pantalla, y diferentes velocidades de descarga entre dispositivos puede afectar su diseño ya que los dispositivos móviles pueden descargar más lentamente. Gracias por ver. Estén atentos para la próxima lección donde exploraremos el diseño web adaptativo.