El diseño plano es un lenguaje de diseño minimalista o un estilo de diseño comúnmente utilizado en interfaces gráficas de usuario (GUI) (como aplicaciones web y aplicaciones móviles ), y también en materiales gráficos como carteles , artes, 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 parecer visualmente atractivo y accesible. [2] [3] Además, facilita el diseño de una interfaz que responda a los cambios en el 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 cambiar de tamaño fácilmente, y seguir luciendo 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 que surgen de la Bauhaus . [2] [5] [6] [7] El estilo tipográfico internacional a menudo se considera 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 como el punto de partida del diseño plano, aunque sería No aparecerá en el mundo digital durante algún tiempo después. [8]
En 2002, Microsoft lanzó Windows Media Center y, en 2006, el reproductor MP3 Zune , los cuales contenían elementos de diseño plano. El diseño del Zune era limpio y simple, con un enfoque en tipografía minúscula grande , logotipos con estilo de silueta y colores de fuente monocromáticos. [8] Microsoft continuó este estilo de diseño con el lanzamiento de 2010 de Windows Phone 7 , que se basó en los elementos de diseño plano introducidos con Zune, formalizado como el " lenguaje de diseño Metro ". El diseño estuvo dominado por formas grandes y brillantes acompañadas de tipografía sans-serif de la familia tipográfica Segoe , imágenes planas y un menú con un patrón en forma de cuadrícula. Posteriormente, Metro fue adoptado por todas las líneas de software de Microsoft, incluido el sistema operativo para PC Windows 8 . [2]
Android comenzó a adoptar tendencias de diseño plano con 4.0 "Ice Cream Sandwich" en 2011; Matías Duarte , vicepresidente de diseño de Google , consideró que el iOS de Apple era demasiado esqueuomórfico , que Windows Phone parecía "señalización de lavabos de aeropuerto" y que ambas interfaces estaban demasiado rígidamente estandarizadas con una flexibilidad limitada para los diseñadores. La nueva interfaz "Holo" de la plataforma fue diseñada para parecer más simplista que las versiones anteriores de Android, con detalles en azul neón, bordes duros y sombras paralelas para darle 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 y 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 (comenzando en Android Lollipop ) y sus otras plataformas, que se basa en hojas tipo ficha y el uso de sombras para promover la profundidad y la jerarquía. , así como animaciones y transiciones fluidas. [17] [18] [19] [20]
En 2017, Microsoft presentó 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 denominado "Acrílico". [ ¿ por quién? ]
El diseño plano ha sido criticado por hacer que las interfaces de usuario sean poco intuitivas y menos utilizables. Al hacer que todos los elementos de diseño (menús, botones, enlaces, etc.) sean planos, distinguir qué función cumple un elemento puede resultar más difícil, por ejemplo, determinar si un elemento es un botón o un indicador. [22] [23] Las investigaciones han 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 demostró que, si bien los jóvenes parecen más rápidos navegando por diseños planos, también tienen problemas para comprender la interfaz de usuario. [24] En 2013, Jakob Nielsen , un experto en diseño y usabilidad de interfaces de usuario, calificó el diseño plano como una "amenaza para la usabilidad de las tabletas". Nielsen también propuso una alternativa, concretamente un término medio entre el esqueuomorfismo y el diseño plano. [25] El grupo Nielsen realizó una investigación en 2017 según la cual el uso de interfaces que utilizan diseño plano era un 22% más lento en promedio. [26]