EN - FR - DE - ES - IT - PT -

LexiconDream

🟦 Diseño plano

Un estilo minimalista que utiliza formas simples y sin efectos de profundidad.

Diseño plano

El diseño plano utiliza formas simples, colores llamativos y carece de efectos de profundidad. No hay sombras, degradados, biseles ni texturas. Este estilo surgió como reacción al esqueuomorfismo, que imitaba materiales del mundo real. Las primeras interfaces del iPhone presentaban costuras de cuero, botones de cristal y texturas de papel. El diseño plano eliminó todo eso. El resultado fue un diseño limpio, moderno y de renderizado rápido. El lenguaje de diseño Metro de Microsoft y iOS 7 de Apple lo popularizaron.

El diseño plano tiene sus desventajas. Sin sombras ni indicios de profundidad, los elementos interactivos pueden ser difíciles de identificar. Un botón que parece un rectángulo de color puede no percibirse como clicable. Los diseñadores resolvieron esto con sombras sutiles y estados al pasar el cursor, dando lugar a lo que algunos llaman diseño plano 2.0 o diseño material. Este estilo también sacrifica riqueza visual. Los degradados y las texturas pueden añadir calidez y personalidad. El diseño plano puede resultar estéril si se ejecuta sin cuidado. La tipografía cobra mayor importancia porque hay menos decoración visual que sustentar el diseño. Las paletas de colores tienen mayor peso. La ilustración y la iconografía deben ser distintivas. El diseño plano no es solo una estética. Es una filosofía. Prioriza la claridad y la funcionalidad sobre la ornamentación. Cuando funciona, es elegante. Cuando falla, es aburrido.

Características del diseño plano

El diseño plano es el minimalismo aplicado a las interfaces. Elimina todo lo que no cumple una función.

Comments (2)

  1. Priscilla N.
    Flat design was a reaction to skeuomorphism. Apple switched to flat design with iOS 7 and everyone followed.
  2. Dr. Harold Finch
    The article is clear. A minimalist style using simple shapes and no depth effects. Simple but effective.

Leave a comment