0 calificaciones0% encontró este documento útil (0 votos)
6 vistas2 páginas
Este documento resume los conceptos clave del diseño web adaptable o responsivo, el cual permite que una página web se vea correctamente en diferentes dispositivos adaptándose a sus características y tamaños de pantalla. Explica que el diseño cambia dinámicamente dependiendo del dispositivo que se esté usando, mostrando el contenido de manera optimizada para cada uno a través del uso de herramientas como Grid System, Media Queries y Meta Viewport. También cubre algunas reglas básicas para el desarrollo de productos digitales centrados
Este documento resume los conceptos clave del diseño web adaptable o responsivo, el cual permite que una página web se vea correctamente en diferentes dispositivos adaptándose a sus características y tamaños de pantalla. Explica que el diseño cambia dinámicamente dependiendo del dispositivo que se esté usando, mostrando el contenido de manera optimizada para cada uno a través del uso de herramientas como Grid System, Media Queries y Meta Viewport. También cubre algunas reglas básicas para el desarrollo de productos digitales centrados
Este documento resume los conceptos clave del diseño web adaptable o responsivo, el cual permite que una página web se vea correctamente en diferentes dispositivos adaptándose a sus características y tamaños de pantalla. Explica que el diseño cambia dinámicamente dependiendo del dispositivo que se esté usando, mostrando el contenido de manera optimizada para cada uno a través del uso de herramientas como Grid System, Media Queries y Meta Viewport. También cubre algunas reglas básicas para el desarrollo de productos digitales centrados
El diseño web adaptable (también diseño web adaptativo o responsivo; este último calco 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 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, aún 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 receptivo, originalmente definido por Ethan Marcotte en A List Apart , responde a las necesidades de los usuarios y los dispositivos que utilizan. El diseño cambia según el tamaño y las capacidades del dispositivo. Por ejemplo, en un teléfono, los usuarios verían el contenido mostrado en una vista de una sola columna; una tableta puede mostrar el mismo contenido en dos columnas.
Aprendimos de herramientas de diseño web tales como Grid System, Media
Queries Y Meta Viewport, con las cuales se pueden crear productos web responsivos que se adaptan y permiten mostrar versiones más optimizadas para el diversos medios. Ademas de esto aprendimos de Algunas Reglas Para El Desarrollo De Productos Digitales Basados En Su Diseño Primero Como Dispositivo Móvil. Mobile Friendly, Optimización De Contenido, Tamaño Fuente Y Botones, Uso De Pop Ups.