Tendencias de diseño web 2014 - 2015
-
Upload
adriana-atzimba -
Category
Design
-
view
555 -
download
9
description
Transcript of Tendencias de diseño web 2014 - 2015
![Page 1: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/1.jpg)
TENDENCIAS DE DISEÑO
![Page 2: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/2.jpg)
Lo “OUT”
Intros animados en flash
Skewmorfismo
Popups
Versiones móviles
Fotos de stock
![Page 3: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/3.jpg)
Skewmorfismo
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
![Page 4: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/4.jpg)
SKEWMORFISMOLO “OUT”
![Page 5: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/5.jpg)
VENTANAS “POP UP”LO “OUT”
![Page 6: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/6.jpg)
VERSIONES MÓVILESLO “OUT”
![Page 7: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/7.jpg)
Lo “IN” Elementos de navegación
One page
Endless scrolling
Parallax Animaciones en scroll
Web responsive y atención a mobile
Menús laterales
![Page 8: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/8.jpg)
Lo “IN” Elementos de diseño
Flat design
Paletas limitadas de color
Tipografía experimental y de gran tamaño
Menos texto
Big backgrounds
![Page 9: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/9.jpg)
WINDOWS 8FLAT DESIGN
![Page 10: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/10.jpg)
WINDOWS PHONEFLAT DESIGN
![Page 11: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/11.jpg)
IOS 7FLAT DESIGN
![Page 12: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/12.jpg)
ALTO CONTRASTE, PLASTAS SÓLIDAS DE COLORFLAT DESIGN
![Page 13: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/13.jpg)
FLAT DESIGN
![Page 14: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/14.jpg)
PALETA LIMITADA DE COLOR
![Page 15: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/15.jpg)
PALETA LIMITADA DE COLOR
![Page 16: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/16.jpg)
PALETA LIMITADA DE COLOR
![Page 17: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/17.jpg)
FLAT DESIGN
![Page 18: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/18.jpg)
PALETA LIMITADA DE COLOR
![Page 19: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/19.jpg)
FLAT DESIGN
![Page 20: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/20.jpg)
FLAT DESIGN
![Page 21: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/21.jpg)
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
![Page 22: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/22.jpg)
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
![Page 23: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/23.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 24: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/24.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 25: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/25.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 26: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/26.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 27: Tendencias de diseño web 2014 - 2015](https://reader031.fdocuments.net/reader031/viewer/2022020110/556812d5d8b42afe5c8b4736/html5/thumbnails/27.jpg)
Busca siempre inspiraciónSiteinspirewww.siteinspire.com
Design Shackdesignshack.net
Webcremewww.webcreme.com
AWWWARDSwww.awwwards.com