<1995 | 2000 | 2019 |
El diseño plano es un lenguaje de diseño minimalista o 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 de guía y productos editoriales.
Definición y finalidad
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 responda a los cambios en el tamaño del navegador en diferentes dispositivos. Con elementos de diseño mínimos, los sitios web pueden cargarse más rápido y cambiar de tamaño fácilmente, y aún lucir nítidos en pantallas de alta definición. [2] Como enfoque de diseño, a menudo se contrasta con el skeuomorfismo [4] y el diseño rico . [2]
Historia
El diseño plano está influenciado principalmente por el estilo tipográfico internacional (también conocido como estilo suizo ), la interfaz de usuario de texto , el modernismo y los estilos que emergen 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 el punto de partida del diseño plano, aunque lo haría no aparecerán en el mundo digital durante algún tiempo a partir de entonces. [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 simple, con un enfoque en la tipografía en minúsculas grandes, logotipos de estilo de 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, 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 de fuentes Segoe , imágenes planas y un menú con un patrón en forma de cuadrícula. Metro fue adoptado posteriormente 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 4.0 "Ice Cream Sandwich" en 2011; Matias Duarte , vicepresidente de diseño de Google, sentía que de Apple 's IOS era demasiado skeuomorphic , Windows Phone parecía 'aeropuerto de Tocador señalización', y que ambas interfaces fueron demasiado rígidamente estandarizada 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 mayor 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 borrosas y translúcidas. [13] [14] [15] Al año siguiente, Mac OS X Yosemite introdujo la interfaz de usuario de 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 " Diseño de materiales " para Android (que comienza en Android Lollipop ) y sus otras plataformas, que se basa en la tarjeta índice -como las hojas 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 aparta de su predecesora, Metro, mediante el uso de profundidad, [21] retroalimentación de la interfaz y un nuevo efecto de translucidez denominado "Acrylic". [¿ por quién? ]
Crítica
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] 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 mostró que, si bien los jóvenes parecen más rápidos en la navegación de diseños planos, también tienen problemas para comprender la interfaz de usuario. [23] 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, a saber, un término medio entre el esqueuomorfismo y el diseño plano. [24] El grupo Nielsen realizó una investigación en 2017 que mostró que el uso de interfaces que utilizan diseño plano era un 22% más lento en promedio. [25]
Ver también
- Minimalismo
- Eskeuomorfismo
Referencias
- ^ Carrie Cousins (28 de mayo de 2013). "Principios del diseño plano" . designmodo.com .
- ^ a b c d e Turner, Amber Leigh (19 de marzo de 2014). "La historia del diseño plano: cómo la eficiencia y el minimalismo volvieron plano el mundo digital" . La próxima web . Consultado el 11 de abril de 2014 .
- ^ Clum, Luke (13 de mayo de 2013). "Una mirada al diseño plano y por qué es importante" . Revista UX . Consultado el 11 de abril de 2014 .
- ^ Yair Grinberg (11 de septiembre de 2013). "iOS 7, Windows 8 y diseño plano: en defensa del esqueuomorfismo" . VentureBeat . Consultado el 13 de abril de 2014 .
- ^ Diogo Terror (17 de julio de 2009). "Lecciones del diseño gráfico de estilo suizo" . Revista aplastante . Consultado el 28 de marzo de 2014 .
- ^ "Una breve historia del diseño plano" . Tech Samurais . 31 de julio de 2013.
- ^ Xavier Bertels (5 de marzo de 2014). "La historia del diseño plano" . Xavier Bertels . Consultado el 23 de diciembre de 2014 .
- ^ a b Taimur Asghar (9 de julio de 2014). "La verdadera historia del diseño plano" . Diseño Web Ai .
- ^ "Exclusivo: Matias Duarte sobre la filosofía de Android y una mirada en profundidad a Ice Cream Sandwich" . The Verge . Vox Media . Archivado desde el original el 12 de febrero de 2012 . Consultado el 28 de noviembre de 2011 .
- ^ Amadeo, Ron (16 de junio de 2014). "La historia de Android: las interminables iteraciones del sistema operativo móvil de Google" . Ars Technica . Condé Nast . Consultado el 6 de julio de 2014 .
- ^ "Google requiere el tema 'Holo' predeterminado en dispositivos Android 4.0 para acceder a Android Market" . The Verge . Consultado el 25 de julio de 2014 .
- ^ "Android 4.0 Ice Cream Sandwich SDK lanzado con nuevas funciones para desarrolladores" . The Verge . Consultado el 25 de julio de 2014 .
- ^ Seifert, Dan (10 de junio de 2013). "Apple anuncia iOS 7, el 'mayor cambio' desde la introducción del iPhone, que llegará este otoño" . The Verge . Consultado el 6 de abril de 2020 .
- ^ Pavlus, John (10 de junio de 2013). "Por qué Jony Ive está acoplando iOS 7" . Empresa rápida . Consultado el 6 de abril de 2020 .
- ^ Souppouris, Aaron (11 de junio de 2013). "Rastreando las influencias de iOS 7: Apple remezcla a casi todos en la industria" . The Verge . Consultado el 6 de abril de 2020 .
- ^ "OS X Yosemite presentado en la WWDC, presenta una gran revisión de la interfaz de usuario" . Ars Technica . Archivado desde el original el 3 de junio de 2014 . Consultado el 3 de junio de 2014 .
- ^ "La nueva interfaz de usuario de 'Material Design' de Google llegará a Android, Chrome OS y la web" . Engadget . Consultado el 26 de junio de 2014 .
- ^ "Google revela detalles sobre Android L en Google IO" . Anandtech . Consultado el 26 de junio de 2014 .
- ^ "El nuevo y mejorado Android de Google ofrecerá un lenguaje de diseño unificado" . Co.Diseño . Consultado el 26 de junio de 2014 .
- ^ "El próximo gran rediseño de Android de Google llegará en otoño" . The Verge . Vox Media . Consultado el 26 de junio de 2014 .
- ^ "Microsoft muestra la función 3D de 'capas de profundidad Z' en su Fluent Design System" . Windows Central . Consultado el 22 de diciembre de 2017 .
- ^ "Por qué la tendencia del diseño plano está perjudicando la usabilidad" . Diseño Vandelay . 7 de abril de 2015 . Consultado el 6 de julio de 2017 .
- ^ "El problema del diseño plano, según un experto en UX" . Co.Diseño . 23 de marzo de 2016 . Consultado el 6 de julio de 2017 .
- ^ "Usabilidad de la tableta: resultados de la investigación de usuarios" . www.nngroup.com . Consultado el 6 de julio de 2017 .
- ^ "Los elementos planos de la interfaz de usuario atraen menos atención y causan incertidumbre" . www.nngroup.com . Consultado el 8 de mayo de 2018 .
enlaces externos
- Por qué los logotipos 3D cayeron en desgracia de la noche a la mañana - Explicación de Cheddar . Queso Cheddar. 5 de marzo de 2019 - a través de YouTube.