TICS para enseñar y aprender

1. In
ceS
r fa
te
David Ramos Valcárcel david@uvigo.es

2. Diseño web adaptativo – Responsive design
Uso de HTML y CSS para obtener una
versión que cubre todas las resoluciones
Sacrifica información a favor de diseño
Compleja transición gráfica a código
Prima la importancia de la tipografía

3. Tendencias: skeumorfismo o diseño plano

4. Tendencias: formas básicas y minimalistas


Toman importancia formas básicas: cuadrados, círculos, polígonos
Monocromáticos y textos con contraste

5. https://2012.twitter.com/
https://2012.twitter.com/

6. Tendencias: colores intensos



Asociados a formas básicas
Pequeñas sombras pueden mejorar usabilidad sin afectar a simplicidad
Sin biselados, degradados, brillos…

7. Tendencias: Alta resolución HiDPI


Necesidad de adaptarse a altas resoluciones (Retina)
Uso de tipografías, elementos básicos y colores sólidos
http://metaphiziks.com/

8. Tendencias: Altos contrastes mejora usabilidad

Especial atención a personas con limitaciones visuales

10. Tendencias: Simplicidad mejora rendimiento

Uso de SVG y Canvas con diseños planos
http://www.aaugh.it/

11. Tendencias: la tipografía importa