En los últimos años, el diseño gráfico y web  ha ido cambiando a una velocidad de vértigo. En el post de hoy nos vamos a centrar en una tendencia que ha ido creciendo en el 2013 y ya es una realidad en el 2014. Hablamos de Flat Design.

Pero, ¿qué es el Flat Design?

No hace mucho nos veíamos sorprendidos con el «Skeuomorphic design» que llevaba el diseño a niveles realistas. Todo detalle se plasmaba con realismo absoluto y los usuarios nos sentíamos muy cómodos.
Pues bien, con el Flat design eliminamos todo este tipo de realismo.
Flat design icono

Fuente: Google Images

El Flat Design describe un diseño minimalista sin gradientes, texturas, dimensión y realismo. Se acabaron las sombras, relieves y todo lo que tiene que ver con el mundo real. Pasamos a una gama de colores bastante reducida y de tonos pastel e incluso también las fuentes.
Fuente: Tusplus

Fuente: Tusplus

Para no hacer la cosa pesada vamos a enumerar una serie de características y desglosaremos las ventajas que podemos encontrar con este nuevo tipo de diseño.

Características del Flat Design

Recapitulando con lo leído anteriormente podríamos resumir que tenemos las siguientes características:

  1. Ausencia de profundidad
  2. Minimalismo
  3. Uso de elementos simples
  4. Tipografía grande y sencilla
  5. Colores de tipo pastel
  6. Formas simples

Ahora bien, ¿ es todo de color de rosas? ¿Tiene algún inconveniente?

En mi humilde opinión creo que el Flat Design mejora en muchísimos puntos a todo lo que habíamos visto hasta ahora. También hay que decir que es cuestión de gustos y que no a todo el mundo le gusta la simplicidad.

Una de las cosas que me gusta mucho y que hemos tratado de trasladar a nuestra web es que si puedes decir algo 5 palabras no utilices 20. Hablamos de ser más directo y utilizar los llamados «Call to action» para llevar a nuestros visitantes hacia donde queremos.

Call to action

A nivel de rendimiento, por ejemplo en navegadores,  ganamos y mucho con este tipo de diseño.

  • Un diseño más simple necesita menos reglas  CSS por lo que nuestra hoja de estilos pesará mucho menos.
  • La supresión de fotos, degradados y demás parafernalia supone un tiempo de carga menor por lo que el rendimiento se ve mejorado tanto en ordenadores como en tablets y smartphones.
  • 100% Responsive Design. Es perfecto para realizar un diseño adaptable

¿Tiene algún punto débil?

El mayor incoveniente que está mostrando es tipo de diseño es a nivel experiencia de usuario. Hay muchos detractores de este tipo de diseño porque en cuanto a botones, por ejemplo, un usuario puede confundirse fácilmente ya que estamos acostumbrados a que los botones tengan algo de profundidad que indica que son botones y que podemos pulsar sobre ellos.

Personalmente creo que  un buen diseño de este tipo no tiene por qué perder usabilidad si sabemos llevar correctamente a nuestro usuario a través del sitio web.

Y con esto creo que queda un poco explicado de qué va el Flat Design y qué podemos conseguir. No quiere decir que a partir de ahora tengamos que usar este tipo de diseños ya que puede ser que para según que tipo de usuarios, webs o productos no sea el adecuado pero sin duda estoy seguro de que dará mucho que hablar.

¿Tú qué opinas?

Share This

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar