Responsive Web Design
-
Upload
claudia-echeverria -
Category
Technology
-
view
581 -
download
0
description
Transcript of Responsive Web Design
¿Qué es Responsive Web Design/ Diseño Web Adaptable?
Los sitios web adaptables, responden a su ambiente.
Adaptativo (Multiple fixed layouts/Múltiples diseños adaptables
para brindar la mejor experiencia a una audiencia más extensa) O
Responsivo (Multiple fluid grid layouts/ Estructura fluida
para adaptar el sitio web al entorno del usuario.)
¿Por qué es importante?
“Día tras día, crece el número de dispositivos, plataformas y exploradores que hacen uso de tu sitio.
El diseño web adaptable representa un cambio fundamental en la manera en la que construimos
sitios para la siguiente década.”
- Jeffrey Veen
Pequeño + mediano + grande un sitio para todas las pantallas.
¿Quién lo está haciendo?
No solo demos, sitios de diseño y de vanidades. Clientes reales.
The Boston Globe El proyecto de diseño web adaptable más grande
hasta el momento.
Grey Goose Sitio adaptable con animación de desplazamiento
parallax.
Barak Obama La campaña de Obama se situó como líder en
tecnología y diseño web.
… y muchos más.
¿Cuándo utilizarlo? Cosas a considerar:
Tiempo y dinero Compatibilidad con exploradores
Funcionalidad Contenido
Sitio web vs. Aplicación web
Frameworks (Estructura previa – ahorra tiempo.)
Crear una estructura propia
(Mayor control)
Buenas prácticas Revisión de contenido
Empezar pequeño (móviles) Salir de Photoshop, entrar al explorador
Optimizar siempre
Nuevas y mejores prácticas van surgiendo constantemente.
Fuente: “What The Heck Is Responsive Web Design?”
(John Polacek)