Microsoft

El estado actual de Microsoft Fluent Design

Windows 10 de hoy no es el Windows 10 que salió en 2015. Windows como servicio El modelo que usa Microsoft para entregar actualizaciones ha reemplazado gran parte de la versión original con nuevos componentes, al tiempo que agrega nuevas funciones. Esto ha llevado a cambios importantes en el funcionamiento y el aspecto de Windows.

Windows ha tenido una relación complicada con el diseño a lo largo de los años. Pasó de los días gratuitos de XP y Vista al diseño plano de tipografía primero del diseño moderno de Windows 8, e incluso las ventanas son opcionales. Inspirado en la señalización del metro (lo que lleva 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, al igual que la experiencia del usuario.

Introducción al diseño fluido

microsoft fluent designthumb

Sobre la base de la tradición de diseño moderno de Windows, Microsoft está implementando lentamente un nuevo lenguaje de diseño de Windows: Sistema de diseño de fluidosComo base de todas las interacciones en Windows, se está adoptando Fluent Design en todas sus variantes: escritorio, realidad mixta, Xbox, servidor, IoT e incluso en la web.

Fluent tiene como objetivo agregar una experiencia de usuario más natural a Windows que los métodos modernos de diseño de tipografía, con efectos que imitan el mundo real, al mismo tiempo que garantiza que los usuarios sepan que están interactuando con el código.esto no es esqueuomorfismo iOS, donde los elementos de la interfaz de usuario están diseñados para replicar objetos físicos. En el diseño skeuomorphic, los cuadernos tienen encuadernaciones similares al cuero y texturas similares al papel, mientras que los botones usan animaciones 3D para parecerse a radios antiguas o calculadoras electrónicas familiares.

LEER  Cómo acortar referencias usando el símbolo de hashtag en Microsoft Excel

En cambio, Fluent adopta un enfoque más artificial para el diseño, combinando translucidez similar al plástico con efectos 3D y nuevas transiciones entre diferentes estados de aplicación. Microsoft habla de Fluent en base a cinco componentes: Luz, Profundidad, Movimiento, Material y Escala. Dado que los diseños (y las aplicaciones) están diseñados para ser transferibles de un dispositivo a otro, debe haber una apariencia uniforme que funcione bien en todas las escalas, y también en la realidad mixta. Esa es la intención detrás de Fluent: diseñar elementos que sean claramente digitales, pero que se comporten como objetos del mundo real y puedan interactuar con el mundo que los rodea.

Ver: Cuadro comparativo: Office Suite (Tech Pro Research)

Fluent adopta un enfoque similar a Windows Vista aviación, con efecto cristal. Pero este no es el renacimiento de Aero. Puede haber algunas similitudes, especialmente en el uso de la translucidez, pero el enfoque general se basa en todos los componentes de Fluent, en lugar de centrarse solo en las imágenes.

aplicación fluida

Por supuesto, el diseño no se trata solo de los componentes que usamos en nuestras aplicaciones. También es clave para la forma en que estructuramos nuestro código, lo que afecta todo, desde el diseño del control hasta la navegación de la aplicación.como lenguaje de diseño Aplicaciones universales de Windows (Para aplicaciones Win32, pase Islas XAML), Fluent es la clave de cómo necesitamos componer código. Cada nueva versión del SDK de Windows 10 trae nuevas versiones de controles clave, agregando más y más elementos de Fluent. Si bien Microsoft ha acelerado significativamente la adopción de la nueva versión de Windows 10, aún debe considerar la versión base destinada al código UWP. Esto significa que no puede usar todas las funciones actuales de Fluent. En su lugar, utilizará los controles apropiados para su base de usuarios y aprovechará las animaciones y los efectos propios de Windows.

Introduciendo Acrílico

ms fluentacrylic login

Uno de los elementos clave de Fluent es lo que Microsoft llama translucidez. fibra acrilicaAcrylic toma dos temas clave en Fluent, Material y Depth, para proporcionar un efecto de desenfoque que se hace eco del tema actual de Windows. Las ventanas y los elementos detrás de la capa Acrílico aún son visibles, pero pueden cubrir fácilmente el texto y otros elementos de la interfaz de usuario. Es una herramienta que Microsoft usa cada vez más en Windows 10, y la vista previa más reciente la agrega a la pantalla de inicio de sesión y la usa como parte del panel de navegación en las propias herramientas de Windows. Puede usar Acrylic para vincular su aplicación al escritorio, o como una capa dentro de su aplicación, menús desplegables, etc. en la parte superior de su aplicación, sin dejar de mostrar el contexto de su aplicación.

Este último punto es probablemente uno de los aspectos más interesantes de Fluent Design, ya que fue desarrollado para ayudar a los usuarios a concentrarse en sus tareas. Los cambios no deberían sacarlo del proceso y todo el contexto de su aplicación debe estar visible en todo momento. Construir esto en un control UWP tiene mucho sentido porque permite a los desarrolladores agregar rápidamente efectos a su código sin cambios importantes.

lento pero constante

Quizás la mayor diferencia entre pasar a un diseño Fluent y los diseños anteriores de Windows es que no es una gran explosión. El aspecto moderno de Aero Glass y 8 de Vista apareció y se mantuvo en secreto hasta el último minuto, lo que mantuvo a los diseñadores y desarrolladores de aplicaciones al margen. Con Fluent, Microsoft ha adoptado 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 brinda más formas de probar las funciones de Fluent antes de un lanzamiento público más amplio.

Ver también: Windows Spotlight: 30 consejos y trucos para usuarios avanzados (Tech Pro Research)

Un aspecto del programa Insider que se pasa por alto fácilmente es que se puede utilizar para probar conceptos de diseño. Al ofrecer diferentes compilaciones a diferentes usuarios, Microsoft puede ejecutar pruebas A/B en cada compilación de Insider. La telemetría, las encuestas y el centro de comentarios se utilizan para comprender cómo responden los usuarios a las diferencias en los niveles de animación y transparencia. Luego, el diseño se puede refinar para las próximas compilaciones. Es interesante observar este proceso: aparece una animación o un efecto en una compilación de Fast Ring; luego desaparece antes de que se publiquen las próximas dos o tres versiones.

Próximamente: novedades de la próxima versión de Windows

ms fluentacrylic

Comparando la versión actual de Windows 10 1809 con la vista previa de 19H1 Fast Ring, hay más uso de Acrylic en las propias aplicaciones de Microsoft. Además de las herramientas de administración y configuración de Windows, es un elemento clave de varias aplicaciones integradas, incluidas Mail y Photos. Acrylic 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.

ms

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

LEER  Windows 10 es compatible con AllJoyn para hacer posible el Internet de las cosas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba