Que es y como usar diseño plano o Flat Design

Desde hace un tiempo se viene empleando el diseño Flat (o diseño plano), y uno de los precursores en su utilización fue Windows en su versión de Windows 8 y su muy odiada Metro UI, una interfaz quizás muy enfocada a pantallas pero sin el hardware adecuado ¿quién sabe?, pero hay que destacar que lograron algo con el diseño Flat que se impondría como tendencia hasta hoy en día.

Pero alguna vez te has preguntado a detalle ¿qué es el diseño flat? ¿Cómo se utiliza o de donde nació esta tendencia de estilo?

En el diseño Flat, se reducen al máximo los elementos innecesarios, directamente enfocado a la funcionalidad del diseño para que no exista distracciones. Esta es la razón de ser del diseño plano.

Existen muchas personas que lo consideran aburrido, sin embargo esto no es así cuando se aplican ciertas guías, además hay un paso más allá del simple diseño flat.

Metro UI de Windows 8

¿Es acaso este estilo de diseño apropiado para todos los propósitos? 

Pues como todo en la vida... Depende. Un estilo flat bien adaptado puede utilizarse en cualquier propósito, pero si se emplea por la mera razón de ser flat, es posible que se exagere con la simplicidad y produzca deslucir al resto de elementos o al diseño en sí.

​Veamos unos ejemplos:

Google con su navegador Chrome, es uno de los que mejor denota la evolución de este estilo. Disminuyó en un inicio todos los elementos decorativos que tenía el logotipo pero dejando ciertas sombras. Si, ya era adaptado a plano o minimalista, pero Google fue un paso más allá adaptando mejor su diseño. Ellos lo llaman Material design, pero este estilo en si es un conjunto de elementos y características mucho más enfocadas en la distribución visual.

Microsoft siempre ha estado a la vanguardia de estas tendencias de diseño, y lo podemos ver en este ejemplo de como evolucionó su logotipo de Microsoft Word, aunque ya era un diseño bastante minimalista no se adaptaba al estilo flat, por lo que en la versión del 2016 ya tenía un estilo plano. En la versión actual (la última a la derecha) podemos ver una evolución de su logotipo pero adaptado a lo que se vendrá en su sistema operativo (se llama fluent design).

Warner Bros logo evolution

En el caso de Warner Bros, es una evolución que a mi gusto no fue bien desarrollada, puesto que su logo se basaba en el realismo, pero de gustos y colores no hay que discutir.

En el mundo de la ilustración también se aplica, en muchas ocasiones se lo llama ilustración vectorial cuando hay colores planos de gran extensión, como se puede apreciar en los ejemplos a continuación:

pixabay reference

Joshua prakash (from India) - Flat Character

Elementos claves para utilizar el diseño flat

Existen cuatro elementos a tener en cuenta para emplearlo:

• Minimalismo: reducir al máximo posible los elementos que son meramente decorativos para hacer el diseño más funcional.
• Color: aunque existe diseños y variedad de uso de los colores, los mismos no deben ser aburridos ni sosos, porque no harán resaltar nuestro diseño.
• Contraste: este elemento es clave, para ya que un contraste inadecuado en conjunto con la disminución de elementos podría hacer pasar desapercibido nuestro diseño
• Contexto: el entorno donde se encontrará el diseño. Consideremos que se puede emplear en distintos sitios como sitios web, ilustraciones, íconos, logotipos, interfaz gráfica, etc... Siempre que se adapte a su entorno.

En resumen, es una tendencia que sin lugar a dudas llegó para quedarse pero no se mantendrá sin evolucionar. Después de todo el diseño implica creatividad y no es una mera copia. Así que siempre evolucionará. Recuerda que no existen atajos o plantillas para desarrollar un diseño, sea este flat o no.

Saludos,
​
-Adu-