tendencias diseño web 2016 2017
TRANSCRIPT
![Page 1: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/1.jpg)
TENDENCIAS EN DISEÑO WEB2016 - 2017
![Page 2: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/2.jpg)
ELEMENTOS DE DISEÑO WEB EN DESUSO
LO OUT
![Page 3: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/3.jpg)
ELEMENTOS DE DISEÑO WEB EN DESUSO
LO OUT
‣ Estructura basada en tablas
‣ Sitios desarrollados en Flash
‣ Skewmorfismo
‣ Información dentro del "fold"
‣ Pop Up's
‣ Imágenes de stock
![Page 4: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/4.jpg)
2010 - 2015
NUEVOS ELEMENTOS DE DISEÑO
▸ Responsive Web Design
▸ Menú de navegación fijo
▸ Mayor inclusión e interacción con Redes Sociales
▸ Scroll infinito
▸ Card Design
▸ One Page Design
![Page 5: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/5.jpg)
![Page 6: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/6.jpg)
2010 - 2015
NUEVOS ELEMENTOS DE DISEÑO
▸ Minimalismo / Flat Design
▸ Grandes imágenes
▸ Imágenes, animaciones y videos en el fondo
▸ Atención en el uso de la Tipografía
▸ Paletas limitadas de color
▸ Círculos
![Page 7: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/7.jpg)
Banksy
CÍRCULOS
LA MAYORÍA DE LAS COSAS SE VEN
MEJOR CUANDO LAS PONES DENTRO
DE UN CÍRCULO
![Page 8: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/8.jpg)
![Page 9: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/9.jpg)
![Page 10: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/10.jpg)
TEXTO
MAS ALLÁ DEL DISEÑO: LA CONSTRUCCIÓN
▸ Uso de herramientas de protipado
▸ Uso de UI Patterns y Frameworks
▸ Scrolling y Parallax
![Page 11: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/11.jpg)
MAS ALLÁ DEL DISEÑO: LA CONSTRUCCIÓN
USO DE HERRAMIENTAS DE PROTIPADO
Herramientas como UXpin,
Webflow, InVision y Marvel (entre
otros), permiten a los diseñadores
crear rápidamente prototipos de
baja y alta fidelidad de sitios y
servicios para medir su capacidad
de uso y estética.
![Page 12: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/12.jpg)
MAS ALLÁ DEL DISEÑO: LA CONSTRUCCIÓN
USO DE UI PATTERNS Y FRAMEWORKS
![Page 13: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/13.jpg)
MAS ALLÁ DEL DISEÑO: LA CONSTRUCCIÓN
SCROLLING Y PARALLAX
![Page 14: Tendencias diseño web 2016 2017](https://reader034.vdocuments.net/reader034/viewer/2022050914/5871aa8d1a28abda6a8b559d/html5/thumbnails/14.jpg)
REFERENCIAS
BUSCA SIEMPRE INSPIRACIÓN
Siteinspirewww.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 Lovehttps://onepagelove.com