stringtranslate.com

Diseño plano

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 de guía y productos editoriales.

Definición y propósito

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 verse 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 aún se ven nítidas en pantallas de alta definición. [2] Como enfoque de diseño, a menudo se contrasta con el esceuomorfismo [4] y el diseño enriquecido . [2]

Historia

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 surgimiento y popularización durante las décadas de 1950 y 1960 se considera el punto de partida del diseño plano, aunque no haría su aparición en el mundo digital hasta algún tiempo después. [8]

En 2002, Microsoft lanzó Windows Media Center y, en 2006, el reproductor de MP3 Zune , ambos con elementos de diseño plano. El diseño del Zune era limpio y simple, con un enfoque en tipografías grandes en minúsculas , logotipos estilo silueta y colores de fuente monocromáticos. [8] Microsoft continuó con este estilo de diseño con el lanzamiento en 2010 de Windows Phone 7 , 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 similar a una cuadrícula. Metro fue posteriormente adoptado por todas las líneas de software de Microsoft, incluido el sistema operativo para PC Windows 8. [2]

Widgets GUI diseñados en el estilo Material Design de Google

Android comenzó a adoptar tendencias de diseño plano con la versión 4.0 "Ice Cream Sandwich" en 2011; Matías Duarte , vicepresidente de diseño de Google, consideró que el iOS de Apple era demasiado esceuomórfico , que Windows Phone parecía "la señalización del baño de un 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 acentos de color azul neón, bordes duros 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 plana con el uso de colores más brillantes, tipografía, así como superposiciones borrosas y translúcidas . [13] [14] [15] Al año siguiente, OS X Yosemite introdujo la interfaz de usuario estilo iOS 7 al 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 5.0 "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 suaves. [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 interfaz y un nuevo efecto de translucidez denominado "Acrílico". [ ¿ Por quién? ]

Crítica

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, puede resultar más difícil distinguir qué función cumple un elemento, 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. Las investigaciones también mostraron que, si bien los jóvenes parecen navegar más rápido por los 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 término medio entre el esceuomorfismo 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 fue un 22% más lento en promedio. [26]

Véase también

Referencias

  1. ^ Carrie Cousins ​​(28 de mayo de 2013). "Principios del diseño plano". designmodo.com .
  2. ^ abcde Turner, Amber Leigh (19 de marzo de 2014). «La historia del diseño plano: cómo la eficiencia y el minimalismo hicieron que el mundo digital fuera plano». The Next Web . Consultado el 11 de abril de 2014 .
  3. ^ Clum, Luke (13 de mayo de 2013). "Una mirada al diseño plano y por qué es importante". UX Magazine . Consultado el 11 de abril de 2014 .
  4. ^ Yair Grinberg (11 de septiembre de 2013). «iOS 7, Windows 8 y diseño plano: en defensa del esceumorfismo». VentureBeat . Consultado el 13 de abril de 2014 .
  5. ^ Diogo Terror (17 de julio de 2009). "Lecciones del diseño gráfico al estilo suizo". Smashing . Consultado el 28 de marzo de 2014 .
  6. ^ "Una breve historia del diseño plano". Tech Samurais . 31 de julio de 2013.
  7. ^ Xavier Bertels (5 de marzo de 2014). «La historia del diseño plano». Xavier Bertels . Consultado el 23 de diciembre de 2014 .
  8. ^ ab Taimur Asghar (9 de julio de 2014). "La verdadera historia del diseño plano". Diseño web Ai .
  9. ^ "Exclusiva: Matias Duarte sobre la filosofía de Android y una mirada profunda 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 .
  10. ^ Amadeo, Ron (16 de junio de 2014). «La historia de Android: Las infinitas iteraciones del sistema operativo móvil de Google». Ars Technica . Condé Nast . Consultado el 6 de julio de 2014 .
  11. ^ "Google exige el tema 'Holo' predeterminado en dispositivos Android 4.0 para acceder al Android Market". The Verge . Consultado el 25 de julio de 2014 .
  12. ^ "Android 4.0 Ice Cream Sandwich SDK lanzado con nuevas características para desarrolladores". The Verge . Consultado el 25 de julio de 2014 .
  13. ^ Seifert, Dan (10 de junio de 2013). «Apple anuncia iOS 7, el «mayor cambio» desde la presentación del iPhone, que llegará este otoño». The Verge . Consultado el 6 de abril de 2020 .
  14. ^ Pavlus, John (10 de junio de 2013). "Por qué Jony Ive está simplificando iOS 7". Fast Company . Consultado el 6 de abril de 2020 .
  15. ^ 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 .
  16. ^ "OS X Yosemite se presentó en la WWDC y presenta una gran renovación de la interfaz de usuario". Ars Technica . 2 de junio de 2014. Archivado desde el original el 3 de junio de 2014 . Consultado el 3 de junio de 2014 .
  17. ^ "La nueva interfaz de usuario 'Material Design' de Google llegará a Android, Chrome OS y la web". Engadget . Consultado el 26 de junio de 2014 .
  18. ^ "Google revela detalles sobre Android L en Google IO". Anandtech . Consultado el 26 de junio de 2014 .
  19. ^ "El nuevo y mejorado Android de Google ofrecerá un lenguaje de diseño unificado". Co.Design . 25 de junio de 2014 . Consultado el 26 de junio de 2014 .
  20. ^ "El próximo gran rediseño de Android de Google llegará en otoño". The Verge . Vox Media. 25 de junio de 2014 . Consultado el 26 de junio de 2014 .
  21. ^ "Microsoft muestra la función 3D 'Z-depth layers' en su Fluent Design System". Windows Central . Consultado el 22 de diciembre de 2017 .
  22. ^ "Cómo el diseño de la interfaz de usuario en 2022 resaltará el neumorfismo". Mejor diseño de experiencias - Blog . 20 de enero de 2022 . Consultado el 19 de julio de 2022 .
  23. ^ "Por qué la tendencia del diseño plano está perjudicando la usabilidad". Vandelay Design . 7 de abril de 2015 . Consultado el 6 de julio de 2017 .
  24. ^ "El problema del diseño plano, según un experto en UX". Co.Design . 23 de marzo de 2016 . Consultado el 6 de julio de 2017 .
  25. ^ "Usabilidad de tabletas: hallazgos de la investigación de usuarios". www.nngroup.com . Consultado el 6 de julio de 2017 .
  26. ^ "Los elementos de interfaz de usuario planos atraen menos atención y generan incertidumbre". www.nngroup.com . Consultado el 8 de mayo de 2018 .