Libro de Diseño Web Responsivo y de Apps
3 seguidores
Hola!
¿Cónoceis algún libro o manual de como hacer y presentar un diseño responsivo?
No me refiero a la maquetación, sólo a como hacer los diseños. Actualmente sólo hago los diseños pensados para desktop, me gustaría saber las medidas o ejemplos de adaptar ese diseño a una tablet o a un movil.
Mil Gracias!
dosencontacto
A mi también me sirvió, muchas gracias!!
dcmstudio
Bravo laba!
Ya tengo deberes para este finde jejeje Lo echo un vistazo y te comento!
Gracias.
Usuario desconocido
Lo que pasa es que el responsive no va de hacer tres versiones. Si de verdad lo quieres hacer bien, normalmente no basta con tres, sean las que sean. Este tipo de diseños se va probando en el navegador, evaluando cómo funciona para definir los breakpoints... y hasta que no te vas al código no lo puedes ver con precisión.
Lo que te quería decir antes con la recomendación de ese libro es que hacer un buen responsive requiere más que diseñar tres "resoluciones comunes"(yo, de hecho, la de escritorio la planteo para 1200 px desde hace tiempo y normalmente suelo tener en cuenta hasta un ancho de pantalla de 1440 px). Hay una parte de planteamiento y de proceso que es bastante más importante.
Puedes echarle un vistazo a este par de enlaces
http://www.smashingmagazine.com/2013/03/01/logical-breakpoints-responsive-design/
http://bradfrostweb.com/blog/post/7-habits-of-highly-effective-media-queries/
Respondiendo a tu otra pregunta. Yo no entrego esos tres diseños. En todo caso haría los prototipos si el cliente me lo pidiese pero la forma de plantear el proceso es más global.
Bonustrack:
De la misma colección que el anterior tienes este otro libro de Ethan Marcotte (el papá del esto del responsive)
http://www.abookapart.com/products/responsive-web-design
Y un artículo para comenzar
http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design
dcmstudio
Gracias, buena respuesta...
La cuestion es si tengo que presentar los 3 diseños de la home al cliente... (desktop, phone, tablet) y si hay algún tipo de template para esto... Se que para ordenador tengo que diseñar a 950px, pero para el resto de dispositivos?
Usuario desconocido
Este es un libro básico, sencillito y muy conocido que te puede venir bien para empezar.
http://www.abookapart.com/products/mobile-first
No te dice que tienes que hacer una maqueta a 320 pixels (que es algo que puedes mirar en cualquier lado en internet) o a culaquier otra medida pero te introduce en la forma de pensar cuándo se diseña para dispositivos móviles. Está muy bien porque la forma de encarar el contenido cambia radicalmente.
En cuanto a presentar los diseños, ese ya es otro mundo y también depende del cliente. Hay veces que puedes permitirte ir al cliente con unos tile style y un prototipo mobile first (algo que te va a resultar bastante complicado) pero eso no creo que sea lo normal. Muchas veces te toca trabajarlo todo de manera más convencional presentando unos tyle style y prototipado . Yo creo que esa es una buena solución intermedia pero también depende mucho del tipo de proyecto...
A mí me ayuda mucho hacer esa parte previa al diseño de las interfaces para generar una buena identidad gráfica que transformar en lo que será propiamente la web.
Si alguien más se anima, puede contar también como presentan al cliente los diseños responsive ;)