Diseño Plano (Flat Design) como tendencia web

Categoria : Diseño Web, Informatica · Por Aug 13th, 2013

Flat Design / Diseño Plano

 

Sin dudas el presente año 2013 han salido/ganado campo muchas tendencias web como ser el diseño responsivo, encabezados o menú estáticos, desarrollo para dispositivos con la tecnología “retina display”, transparencias con CSS, el uso de los códigos QR en las secciones de contacto, paginas minimalistas, desplazamiento vertical infinito (Infinite Scrolling), animaciones con CSS3, imágenes de fondo con “ruido gausiano” (blur), diseño plano (flat design) entre otras.

En la siguiente nota hablare un poco sobre el diseño plano, mejor conocido como “Flat Design“, el cual ha tomado auge este año en el desarrollo de sitios y aplicaciones web. Primero definiré lo que es el diseño plano y la diferencia con el termino skeumorfismo.

Que es diseño plano y skeumorfismo

Diseño Plano: Es una representacion en 2 dimensiones (2D), es decir evitando el uso de sombras, degradados, relieves, logrando una mejor claridad y visibilidad para los usuarios, un ejemplo de esto es el sistema operativo Windows 8.
Windows 8 - Flat Design

Skeumorfismo: Es la forma en que los profesionales de diseño, emulan objetos de la vida real mediante un arte, de forma que pueda ser bastante parecido mediante el uso de sombras, texturas, biselados. Un ejemplo de este concepto, son las interfaces de Apple, aunque con el nuevo sistema operativo iOS7 han optado por una versión minimalista, es decir por el diseño plano.
Apple Skeumorfismo

Ejemplos de Aplicaciones y Sitios Web

Diseño Plano/Flat Design significa:

  • Enfoque en el usuario.
  • Simplicidad.
  • Poco o no al uso de gradientes.
  • Uso de lineas y esquinas cuadradas.
  • Alto contraste de colores.
  • No encontraras elementos como sombras, texturas, biselados ni elementos del 3D.
  • Solamente 2D, 2 dimensiones.
  • Minimalista.
  • Enfoque en tipografía.
  • El diseño plano funciona para algunos proyectos, no se debe generalizar en el desarrollo de proyectos web.

Algunos ejemplos y tutoriales

Ejemplos en Pinterest: Flat Design 1Flat Design 2
Paleta de Colores: flatuicolors.com
Recursos: Flat Design on Mashable

SHARE :

Acerca de - @jdiazhn

Desarrollador Web / IT / Telecom, viviendo actualmente en isla de Roatan en el atlántico de Honduras. Amante del buen fútbol, asados y temas relacionados con Tecnologías de la Información (IT).