flat design

Flat Design

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”

Flat design Orígenes

• Yuxtaposición con Skewmorfismo

Flat design Orígenes

• Windows 8

• Window Mobile

• iOS

WINDOWS 8FLAT DESIGN

WINDOWS PHONEFLAT DESIGN

IOS 7 FLAT DESIGN

IOS 6 VS. IOS 7 FLAT DESIGN

IOS 7, IOS 8FLAT DESIGN

YOSEMITEFLAT DESIGN

Flat design Características

• Sombras largas, contrastantes y cortantes

• Paleta de color limitada con tonos brillantes y contrastantes

• Tipografía sencilla

• "Ghost button"

• Minimalismo

ALTO CONTRASTE, PLASTAS SÓLIDAS DE COLORFLAT DESIGN

FLAT DESIGN

Flat design icons

PALETA LIMITADA DE COLOR

FLAT DESIGN

PALETA LIMITADA DE COLOR

FLAT DESIGN

FLAT VS. REALISMHTTP://WWW.FLATVSREALISM.COM

http://www.flatvsrealism.com

Flat design Ventajas

• Fácil de usar

• Carga rápida

• Integración con responsive web design

• Tipografía legible

Flat design Desventajas

• Riesgo de parecer aburrido

• Diseños similares