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