Tendencias de diseño web 2015 - 2016

1. TENDENCIAS DE DISEÑO WEB
2016

2. Lo “OUT”
Sitios construidos en flash
Skewmorfismo: Sombras, degradados, texturas
Versiones móviles en lugar de un solo diseño
responsivo

3. Skewmorfismo
Conocido también como "Realism"
Del griego skeuos (herramienta) y
morphe (forma)
Mantiene detalles del diseño del
objeto original con el objetivo de
hacerlo más familiar para el usuario

4. SKEWMORFISMO
LO “OUT”

5. VERSIONES MÓVILES
LO “OUT”

6. WEB DESIGN TRENDS 2015 - 2016
FLAT DESIGN, CARD DESIGN, RESPONSIVE, TIPOGRAFÍA, SCROLLS...

7. Lo “IN”
Elementos de navegación
One page
Endless scrolling
Parallax Animaciones en scroll
Web responsive y atención a mobile
Card design

8. Lo “IN”
Elementos de diseño
Flat design
Paletas limitadas de color
Tipografía experimental y de gran tamaño
Big backgrounds (imágenes, animaciones o
videos)

9. Flat design
• Yuxtaposición con Skewmorfismo

10. FLAT VS. REALISM
HTTP://WWW.FLATVSREALISM.COM

11. Flat design
Características
• Sombras largas, contrastantes y cortantes
• Paleta de color limitada con tonos brillantes y
contrastantes
• Tipografía sencilla
• "Ghost button"
• Minimalismo

12. TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO

13. TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO

14. BIG BACKGROUNDS / BIG BACKGROUND VIDEO

15. BIG BACKGROUNDS / BIG BACKGROUND VIDEO

16. BIG BACKGROUNDS / BIG BACKGROUND VIDEO
HTTP://WWW.DADAABSTORIES.ORG

17. BIG BACKGROUNDS / BIG BACKGROUND VIDEO
HTTP://WWW.BARRELNY.COM/RECAP/2012/

18. BIG BACKGROUNDS / BIG BACKGROUND VIDEO

19. CARD DESIGN

20. Acerca de las tendencias
• Un último consejo...
• No sigas las tendencias sólo porque son "cool" y
tod s debamos seguirlas. Las tendencias
representan técnicas populares por una razón
pero hay que asegurarse que representen lo
mejor para nuestros usuarios.

21. Busca siempre inspiración
Siteinspire
www.siteinspire.com
Design Shack
designshack.net
Webcreme
www.webcreme.com
AWWWARDS
www.awwwards.com
Flat Design en AWWWARDS
http://www.awwwards.com/websites/flat-design/
One Page Love
https://onepagelove.com