11
Interface S David Ramos Valcárcel [email protected]

Presentacion sonido

Embed Size (px)

DESCRIPTION

TICS para enseñar y aprender

Citation preview

Page 1: Presentacion sonido

Interface

S

David Ramos Valcárcel [email protected]

Page 2: Presentacion sonido

Diseño web adaptativo – Responsive designUso de HTML y CSS para obtener

una versión que cubre todas las resoluciones

Sacrifica información a favor de diseñoCompleja transición gráfica a códigoPrima la importancia de la tipografía

Page 3: Presentacion sonido

Tendencias: skeumorfismo o diseño plano

Page 4: Presentacion sonido

Tendencias: formas básicas y minimalistas

Toman importancia formas básicas: cuadrados, círculos, polígonos

Monocromáticos y textos con contraste

Page 5: Presentacion sonido

https://2012.twitter.com/

https://2012.twitter.com/

Page 6: Presentacion sonido

Tendencias: colores intensos

Asociados a formas básicas Pequeñas sombras pueden mejorar usabilidad sin afectar a

simplicidad Sin biselados, degradados, brillos…

Page 7: Presentacion sonido

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/

Page 8: Presentacion sonido

Tendencias: Altos contrastes mejora usabilidad

Especial atención a personas con limitaciones visuales

Page 9: Presentacion sonido
Page 10: Presentacion sonido

Tendencias: Simplicidad mejora rendimiento

Uso de SVG y Canvas con diseños planos

http://www.aaugh.it/

Page 11: Presentacion sonido

Tendencias: la tipografía importa