Download - Tendencias de diseño web 2015 - 2016
![Page 1: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/1.jpg)
TENDENCIAS DE DISEÑO WEB2016
![Page 2: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/2.jpg)
Lo “OUT”
Sitios construidos en flash
Skewmorfismo: Sombras, degradados, texturas
Versiones móviles en lugar de un solo diseño responsivo
![Page 3: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/3.jpg)
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
![Page 4: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/4.jpg)
SKEWMORFISMOLO “OUT”
![Page 5: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/5.jpg)
VERSIONES MÓVILESLO “OUT”
![Page 6: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/6.jpg)
WEB DESIGN TRENDS 2015 - 2016FLAT DESIGN, CARD DESIGN, RESPONSIVE, TIPOGRAFÍA, SCROLLS...
![Page 7: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/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
Card design
![Page 8: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/8.jpg)
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)
![Page 9: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/9.jpg)
Flat design
• Yuxtaposición con Skewmorfismo
![Page 11: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/11.jpg)
Flat design Características
• Sombras largas, contrastantes y cortantes
• Paleta de color limitada con tonos brillantes y contrastantes
• Tipografía sencilla
• "Ghost button"
• Minimalismo
![Page 12: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/12.jpg)
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
![Page 13: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/13.jpg)
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
![Page 14: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/14.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 15: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/15.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 17: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/17.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEOHTTP://WWW.BARRELNY.COM/RECAP/2012/
![Page 18: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/18.jpg)
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
![Page 19: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/19.jpg)
CARD DESIGN
![Page 20: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/20.jpg)
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.
![Page 21: Tendencias de diseño web 2015 - 2016](https://reader036.vdocuments.net/reader036/viewer/2022082212/58f285aa1a28ab656b8b45cf/html5/thumbnails/21.jpg)
Busca siempre inspiraciónSiteinspirewww.siteinspire.com
Design Shackdesignshack.net
Webcremewww.webcreme.com
AWWWARDSwww.awwwards.com
Flat Design en AWWWARDShttp://www.awwwards.com/websites/flat-design/
One Page Lovehttps://onepagelove.com