El estado actual del Diseño fluido de Microsoft

Cómo crear una imagen de sistema Windows 10 y usarla para restaurar su computadora

Windows 10 hoy no es el Windows 10 que se lanzó en 2015. El modelo de Windows como servicio que usa Microsoft para entregar actualizaciones ha reemplazado gran parte de la versión original con nuevos componentes, al tiempo que agrega nuevas características. Esto ha llevado a cambios significativos en cómo funciona Windows y en cómo se ve Windows.

Windows ha tenido una relación complicada con el diseño a lo largo de los años. Ha pasado de los días libres de XP y Vista, donde incluso Windows era opcional, al primer diseño plano tipográfico del diseño moderno de Windows 8. Inspirado en la señalización del metro (que llevó a su nombre original), es un enfoque de diseño que todavía está en el corazón de las ventanas modernas. Pero las tendencias de diseño cambian y las experiencias de usuario evolucionan.

Presentamos el diseño Fluido

Basándose en la herencia de diseño moderno de Windows, Microsoft está desplegando lentamente un nuevo lenguaje de diseño para Windows: el Sistema de Diseño Fluido. Diseñado para ser la base de toda interacción en Windows, Fluent Design se está adoptando en todas sus variantes: escritorio, realidad mixta, Xbox, servidor, IoT e incluso en la web.

Alejándose del enfoque tipográfico del diseño moderno, Fluent pretende agregar experiencias de usuario más naturales a Windows, aportando efectos que imitan el mundo real y, al mismo tiempo, asegurando que los usuarios sepan que están interactuando con el código. No es el skeuomorfismo de iOS, donde los elementos de la interfaz de usuario estaban destinados a copiar objetos físicos. En el diseño skeuomorfo, los cuadernos tienen encuadernaciones similares a cuero y texturas similares a papel, mientras que los botones usan animaciones 3D para parecerse a radios antiguas o calculadoras electrónicas familiares.

En su lugar, Fluent adopta un enfoque más artificial para el diseño, mezclando translucidez similar al plástico con efectos 3D y con nuevas transiciones entre diferentes estados de aplicación. Microsoft habla de que Fluent se basa en cinco componentes: Luz, Profundidad, Movimiento, Material y Escala. Con diseños (y aplicaciones) diseñados para moverse de un dispositivo a otro, se necesita una apariencia consistente que funcione bien en todas las escalas, y también en realidad mixta. Esa es la intención detrás de Fluent: elementos de diseño que son claramente digitales, pero que se comportan como objetos del mundo real y que pueden interactuar con el mundo que los rodea.

VER: Tabla de comparación: Suites de oficina (Investigación Tech Pro)

Fluent está adoptando un enfoque similar al Aero de Windows Vista, con sus efectos de vidrio. Pero esto no es Aero reborn. Puede haber algunas similitudes, especialmente en torno al uso de la translucidez, pero el enfoque general se basa en todos los componentes de Fluent, en lugar de centrarse exclusivamente en los efectos visuales.

Fluent in apps

El diseño es, por supuesto, algo más que los componentes que utilizamos en nuestras aplicaciones. También es clave para crear nuestro código, ya que influye en todo, desde el diseño del control hasta la navegación de la aplicación. Como lenguaje de diseño para aplicaciones Universales de Windows (y para aplicaciones Win32 a través de Islas XAML), la fluidez es clave para la forma en que necesitamos armar nuestro código. Cada nueva versión del SDK de Windows 10 trae nuevas versiones de controles de teclas, agregando elementos cada vez más fluidos. Si bien Microsoft ha acelerado considerablemente la adopción de nuevas versiones de Windows 10, aún tendrá que considerar a qué versión base se dirige con su código UWP. Eso significa que es posible que no use todas las funciones Fluidas actuales; en su lugar, usará controles que funcionen en su base de usuarios y aprovechará las animaciones y efectos propios de Windows.

Presentación del acrílico

Uno de los elementos clave de Fluent es un efecto de translucidez que Microsoft llama acrílico. Tomando dos de los temas clave de Fluent, material y depth, el acrílico proporciona un efecto de desenfoque que retoma el tema actual de Windows. Las ventanas y los elementos detrás de la capa acrílica siguen siendo visibles, pero se pueden superponer fácilmente con texto y otros elementos de la interfaz de usuario. Es una herramienta que Microsoft está utilizando cada vez más en Windows 10, la última versión de vista previa la agrega a las pantallas de inicio de sesión y la usa como parte de los paneles de navegación en las herramientas propias de Windows. Puede usar Acrílico para vincular aplicaciones al escritorio o como capa dentro de aplicaciones, desplegándose sobre la aplicación para menús y similares, mientras muestra el contexto de la aplicación.

Este último punto es quizás uno de los aspectos más interesantes de Fluent Design, ya que se está desarrollando para ayudar a los usuarios a concentrarse en sus tareas. Los cambios no deben sacarle de su flujo, y el contexto general de la aplicación debe ser visible en todo momento. Integrarlo en controles UWP tiene mucho sentido, ya que permite a los desarrolladores agregar efectos rápidamente a su código sin tener que realizar cambios significativos.

Lento pero constante

Quizás la mayor diferencia entre el cambio al diseño fluido con respecto a los diseños de Windows anteriores es que no es un big bang. El Aero Glass de Vista y el aspecto moderno de 8 salieron de la nada, se mantuvieron en secreto hasta el último momento y dejaron a los diseñadores y desarrolladores de aplicaciones fuera del circuito. Con Fluent, Microsoft está adoptando un enfoque mucho más lento, utilizando el ciclo de lanzamiento semestral de Windows 10 para agregar nuevos elementos a sus propias aplicaciones y al SDK de Windows UWP. Su programa Insider también le da más formas de probar funciones fluidas antes de una versión pública más amplia.

VER: Windows spotlight: 30 consejos y trucos para usuarios avanzados (Investigación Tech Pro)

Un aspecto del programa Insider que tiende a pasarse por alto es su capacidad de usarse para probar conceptos de diseño. Al entregar diferentes versiones a diferentes usuarios, Microsoft puede ejecutar pruebas A / B como parte de cada versión de Insider. La telemetría y las encuestas, así como el Centro de comentarios, se utilizan para comprender cómo responden los usuarios a las diferencias en las animaciones y en los niveles de transparencia. Los diseños se pueden refinar para una próxima construcción. Ha sido interesante ver este proceso en acción: una animación o efecto aparece en una compilación de Anillo rápido; luego desaparece en la siguiente, antes de que una versión refinada se lance dos o tres compilaciones más tarde.

Próximamente: nuevas funciones en la próxima versión de Windows

Comparando la versión actual de Windows 10, 1809, con la previsualización de Anillo rápido de 19H1, hay mucho más uso de Acrílico en las propias aplicaciones de Microsoft. Además de la configuración de Windows y las herramientas de administración, es un elemento clave de las diversas aplicaciones incluidas, incluidos el correo y las fotos. El acrílico también se usa para desvanecer la pantalla de bloqueo al iniciar sesión, y con soporte para temas oscuros y claros, puede ver cómo se puede usar Fluent en sus propias aplicaciones.

Microsoft está haciendo algo muy interesante con Fluent: desarrollar un nuevo lenguaje de diseño en público. No es lo que esperan los usuarios, con cambios cada seis meses y sin un final a la vista. Pero es un proceso más amigable para los desarrolladores, que permite que las aplicaciones se adapten a los nuevos componentes de la interfaz de usuario y les da tiempo a los desarrolladores para aprender a usarlos. A medida que Windows 10 continúa evolucionando, veremos elementos más fluidos en los controles UWP, y en los SDK de Windows 10, y eventualmente en más aplicaciones de terceros.

También vea

• El cambio de imagen de «Fluent Design» de Microsoft Office podría simplificar el trabajo, aumentar la productividad (TechRepublic)
• Usuarios de Windows 10: Aquí están todas las formas en que la interfaz de usuario cambiará en la última actualización (TechRepublic)
• Microsoft Office 2019 para Mac se dirige a empresas que no son de Office 365, agrega características (TechRepublic
• Descargar: 12 consejos para aprovechar al máximo Windows 10 (TechRepublic)
• Microsoft: ciclo de vida de soporte de 10 años (ZDNet)
• Windows 10: Una hoja de trucos (TechRepublic)
• Microsoft lanza una herramienta para ocultar o bloquear actualizaciones de Windows 10 no deseadas (ZDNet)
• Cinco razones para actualizar a Windows 10 (TechRepublic