tendencias de diseño web 2015 - 2016
TRANSCRIPT
TENDENCIAS DE DISEÑO WEB2016
Lo “OUT”
Sitios construidos en flash
Skewmorfismo: Sombras, degradados, texturas
Versiones móviles en lugar de un solo diseño responsivo
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
SKEWMORFISMOLO “OUT”
VERSIONES MÓVILESLO “OUT”
WEB DESIGN TRENDS 2015 - 2016FLAT DESIGN, CARD DESIGN, RESPONSIVE, TIPOGRAFÍA, SCROLLS...
Lo “IN” Elementos de navegación
One page
Endless scrolling
Parallax Animaciones en scroll
Web responsive y atención a mobile
Card design
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)
Flat design
• Yuxtaposición con Skewmorfismo
FLAT VS. REALISMHTTP://WWW.FLATVSREALISM.COM
Flat design Características
• Sombras largas, contrastantes y cortantes
• Paleta de color limitada con tonos brillantes y contrastantes
• Tipografía sencilla
• "Ghost button"
• Minimalismo
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
TIPOGRAFÍA EXPERIMENTAL Y DE GRAN TAMAÑO
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
BIG BACKGROUNDS / BIG BACKGROUND VIDEOHTTP://WWW.DADAABSTORIES.ORG
BIG BACKGROUNDS / BIG BACKGROUND VIDEOHTTP://WWW.BARRELNY.COM/RECAP/2012/
BIG BACKGROUNDS / BIG BACKGROUND VIDEO
CARD DESIGN
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.
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