Creació del lloc web rafazaragoza.com: Responsive design ...
Responsive Design - Taller de Diseño av
Click here to load reader
-
Upload
ayerviernes -
Category
Design
-
view
724 -
download
1
description
Transcript of Responsive Design - Taller de Diseño av
![Page 1: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/1.jpg)
Responsive Design
Diseño sensible y adaptable para multiples plataformas
Taller de DiseñoAyerViernes
@shizada
![Page 2: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/2.jpg)
Responsive Design
Los sitios ya no sólo se ven desde diversas pantallas, ahora son
múltiples dispositivos
¿Cuáles son las Contigencias actuales?
![Page 3: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/3.jpg)
Responsive Design
Asi como definimos un estándar para diseñar en web (960px)
¿Ahora podemos definir un estándar para diseñar y que se adapte a todos
los dispositivos?
Multiple devices
![Page 4: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/4.jpg)
Responsive Design
El diseño se adapta
![Page 5: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/5.jpg)
Josh Clark
7 mitos del diseño para móviles 1. Los usuarios de móviles están apresurados o son distraídosLos usuarios móviles no sólo usan los dispositivos cuando se están moviendo, los usan en la cocina o en una sala de espera, etc. 2. Móvil = menosEs un error pensar que los sitios para móvil deben tener menos opciones que la versión web. "es como decir que una versión pocket de un libro debe tener menos capítulos"
3. Complejidad es una mala palabra No confundir complejidad con complicación (Facebook iOs)
4. Toques o cliks extras son terriblesTiene que ver con la relación con Cantidad > Calidad de toques (Twitter)
http://tnw.co/uP7ncW
![Page 6: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/6.jpg)
5. Tenemos que hacer una versión móvil del sitioDebemos centrarnos en un diseño que sirva para todas las plataformas. si debemos hacer un versión móvil quiere decir que el sitio web está lleno de cosas que sobran 6.Móvil se trata de aplicacionesCentrarse sólo en las aplicaciones no es sostenible, no se puede diseñar una experiencia nueva en cada plataforma. "Hay que pensar que el contenido debe ser como el agua, toma muchas formas y se adapta a sus recipientes"
7. El contenido y las API son para nerdsLos diseñadores deben preocuparse de esto y también hacerse cargo
Josh Clark
7 mitos del diseño para móvileshttp://tnw.co/uP7ncW
![Page 7: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/7.jpg)
Responsive Design
1. ¿La AI puede pensarse desde un principio para los contenidos se jerarquizen igual en todos
los dispositivos ?
2. Patrones en diseño para que los sitios se adapten a todas sus plataformas
3. ¿Qué decisiones en conjunto podemos tomar para que este diseño sea programable?
¿Qué necesitamos definir?
![Page 8: Responsive Design - Taller de Diseño av](https://reader038.fdocumento.com/reader038/viewer/2022100518/559117631a28ab955c8b457b/html5/thumbnails/8.jpg)
Conversemos
Taller de DiseñoAyerViernes
@shizada