Diseño plano

Evolución del logotipo de Volkswagen

El diseño plano es un lenguaje o estilo de diseño minimalista que se utiliza comúnmente en interfaces gráficas de usuario (GUI) (como aplicaciones web y aplicaciones móviles ), y también en materiales gráficos como carteles , obras de arte, documentos guía y productos editoriales.

El diseño plano es un estilo de diseño de interfaz que enfatiza el uso minimalista de elementos simples, tipografía y colores planos. ^{[ 1 ]}

Los diseñadores pueden preferir el diseño plano porque permite que los diseños de interfaz sean más ágiles y eficientes. Es más fácil transmitir información rápidamente sin dejar de ser visualmente atractivo y accesible. ^{[ 2 ] [ 3 ]} Además, facilita el diseño de una interfaz que se adapta a los cambios de tamaño del navegador en diferentes dispositivos. Con elementos de diseño mínimos, las páginas web se pueden descargar más rápido y redimensionar fácilmente, y aún así verse nítidas en pantallas de alta definición. ^{[ 2 ]} Como enfoque de diseño, a menudo se contrasta con el esqueuomorfismo ^{[ 4 ]} y el diseño rico . ^{[ 2 ]}

El diseño plano está influenciado principalmente por el Estilo Tipográfico Internacional (también conocido como Estilo Suizo ), las interfaces de usuario de texto , el modernismo y los estilos surgidos de la Bauhaus . ^{[ 2 ] [ 5 ] [ 6 ] [ 7 ]} El Estilo Tipográfico Internacional se considera a menudo la influencia más sustancial en el diseño plano, y su aparición y popularización durante las décadas de 1950 y 1960 se considera el punto de partida del diseño plano, aunque no aparecería en el mundo digital hasta algún tiempo después. ^{[ 8 ]}

En 2002, Microsoft lanzó Windows Media Center y, en 2006, el reproductor MP3 Zune , ambos con elementos de diseño plano. El diseño del Zune era limpio y sencillo, con énfasis en tipografía grande en minúsculas , logotipos estilo silueta y colores de fuente monocromáticos. ^{[ 8 ]} Microsoft continuó este estilo de diseño con el lanzamiento de Windows Phone 7 en 2010 , que se basó en los elementos de diseño plano introducidos con el Zune, formalizados como el " lenguaje de diseño Metro ". El diseño estaba dominado por formas grandes y brillantes acompañadas de tipografía sans-serif de la familia de fuentes Segoe , imágenes planas y un menú con un patrón de cuadrícula. Metro fue posteriormente adoptado por todas las líneas de software de Microsoft, incluido el sistema operativo Windows 8 para PC . ^{[ 2 ]}

Android comenzó a adoptar tendencias de diseño plano con la versión 4.0 "Ice Cream Sandwich" en 2011; Matias Duarte , vicepresidente de diseño de Google, opinaba que iOS de Apple era demasiado esqueuomórfico , que Windows Phone parecía "señalización de baños de aeropuerto" y que ambas interfaces estaban demasiado rígidamente estandarizadas con flexibilidad limitada para los diseñadores. La nueva interfaz "Holo" de la plataforma se diseñó para parecer más simple que las versiones anteriores de Android, con detalles en azul neón, bordes definidos y sombras proyectadas para dar profundidad. ^{[ 9 ] [ 10 ] [ 11 ] [ 12 ]}

En 2013, Apple presentó iOS 7 , que cambió a un diseño de interfaz de usuario plano con el uso de colores más brillantes, tipografía, así como superposiciones translúcidas y borrosas. ^{[ 13 ] [ 14 ] [ 15 ]} Al año siguiente, OS X Yosemite introdujo la interfaz de usuario estilo iOS 7 en el sistema operativo Mac OS X de Apple. ^{[ 16 ]} Google comenzó a introducir su propio lenguaje de diseño plano conocido como " Material Design " para Android (a partir de Android 5.0 "Lollipop" ) y sus otras plataformas, que se basa en hojas similares a fichas de índice y el uso de sombras para promover profundidad y jerarquía, así como animaciones y transiciones suaves. ^{[ 17 ] [ 18 ] [ 19 ] [ 20 ]}

En 2017, Microsoft presentó el Fluent Design System , una nueva interfaz de usuario plana. Esta nueva interfaz se diferencia de su predecesora, Metro, mediante el uso de profundidad, ^{[ 21 ]} retroalimentación de la interfaz y un nuevo efecto de translucidez que Microsoft denominó "Acrílico".

El diseño plano ha sido criticado por hacer que las interfaces de usuario sean poco intuitivas y menos usables. Al hacer que todos los elementos de diseño (menús, botones, enlaces, etc.) sean planos, distinguir la función de cada elemento puede volverse más difícil, por ejemplo, determinar si un elemento es un botón o un indicador. ^{[ 22 ] [ 23 ]} La investigación ha demostrado que el diseño plano es más popular entre los adultos jóvenes que entre los adultos mayores. La investigación también mostró que, si bien los jóvenes parecen navegar más rápido en diseños planos, también tienen problemas para comprender la interfaz de usuario. ^{[ 24 ]} En 2013 , Jakob Nielsen , un experto en diseño de interfaz de usuario y usabilidad, calificó el diseño plano como una "amenaza para la usabilidad de las tabletas". Nielsen también propuso una alternativa, a saber, un punto intermedio entre el esqueuomorfismo y el diseño plano. ^{[ 25 ]} El grupo de Nielsen realizó una investigación en 2017 según la cual el uso de interfaces que utilizan diseño plano fue un 22% más lento en promedio. ^{[ 26 ]}

• Corporativo Memphis
• Minimalismo
• Estilo suizo (diseño)
• Esqueuomorfismo
• Neumorfismo
• Diseño de materiales
• Vidrio líquido
• Frutiger Aero