O Fluent Design System da Microsoft evoluirá o Windows 10 lindamente

Na quinta-feira, a Microsoft apresentou uma nova linguagem de design para seus produtos. Redmond é chamando-o de novo Fluent Design System, e será implementado em muitos produtos da Microsoft – começando com o Windows 10 e todo o hardware que executa o sistema operacional, incluindo Xbox, HoloLens, PC e telefones. O Fluent Design System é construído em 5 elementos fundamentais: Luz, Profundidade, Movimento, Material e Escala.

No Windows 10, todos esses elementos trabalham juntos para oferecer uma experiência de usuário intuitiva. A Microsoft exibiu alguns conceitos do Fluent Design System no Windows 10, e eles são absolutamente lindos. É claro que os conceitos e o negócio real são sempre drasticamente diferentes um do outro – mas a Microsoft já está entregando elementos do novo Fluent Design System em alguns dos aplicativos originais do Windows 10 e esses aplicativos parecem realmente bons agora. Se você é um Windows Insider, pode experimentá-los agora mesmo. Redmond também lançou APIs para algumas das principais partes do Fluent Design System, incluindo o material acrílico e a nova experiência Reveal. Os desenvolvedores de aplicativos do Windows 10 podem usar essas APIs para começar a renovar seus aplicativos existentes com o novo Fluent Design System, e os designers podem começar a projetar aplicativos do Fluent Design System usando os kits de design. Essas novas APIs permitirão que os desenvolvedores criem belas experiências com o Fluent Design System no Windows 10.

[shunno-quote align=”right”]A primeira onda do Fluent Design System já está disponível para Windows Insiders[/shunno-quote]

Na verdade, a maioria dos aplicativos do Windows 10 da Microsoft já utiliza certas partes do Fluent Design System, incluindo aplicativos como Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder e até mesmo o aplicativo Calculator. Esses aplicativos estão usando todos os componentes da primeira onda do Fluent Design System – incluindo coisas como o Material Acrílico, Reveal Highlight, Connected Animations, Conscious Controls e Perspective Parallax. A Microsoft mergulhou mais fundo no Fluent Design System em uma sessão no Build 2017, onde a empresa detalhou o que está atualmente disponível e o que vem a seguir para o Fluent Design System. Paul Gusmorino e Bojana Ostojic, da empresa, mostraram alguns dos aplicativos que receberão o novo Fluent Design System em breve - incluindo os aplicativos Outlook Mail & Calendar, Microsoft Edge, Xbox, OneNote e a experiência My People. A empresa até mostrou como implementará a experiência Reveal do Fluent Design System no menu Iniciar do Windows 10. Você pode ver algumas dessas capturas de tela (qualidade de batata) abaixo.

Em sua essência, o Fluent Design System não é apenas sobre a aparência. A funcionalidade é uma parte substancial de qualquer linguagem de design, e o Fluent Design System combina isso com seus blocos de construção. Mas quero focar no elemento de profundidade que é uma grande parte do novo sistema de design. Em PCs, o efeito de profundidade apresenta uma interface de usuário em camadas que você pode ver no conceito da Windows Store acima, e o Fluent Design System também oferece um efeito de paralaxe que reúne tudo.

[shunno-quote align=”left”]3D Depth Effect ficará incrível no Windows Mixed Reality[/shunno-quote]

E quando você muda para um computador moderno como o HoloLens, o efeito de profundidade realmente brilha. A Microsoft está atualmente experimentando um efeito de profundidade 3D (camadas de profundidade z) que é imersivo no Windows Mixed Reality. Não está claro quando ou se isso realmente será lançado no Windows 10, mas ainda parece fantástico. O que isso significa efetivamente é que o Fluent Design System não foi desenvolvido apenas para o teclado e o mouse. A Microsoft está projetando o Fluent Design System para que funcione em diversos dispositivos e entradas do Windows 10, incluindo caneta, gestos, olhar e muito mais.

[shunno-quote align=”right”]A consistência será a chave para o Fluent Design System[/shunno-quote]

O Fluent Design é uma jornada para a Microsoft e o Windows 10. Não espere que o design do Windows 10 mude radicalmente com uma única atualização do sistema operacional - levará algum tempo para aparecer em todo o sistema operacional, e tudo bem. Mas o Fluent Design System só terá sucesso se a Microsoft conseguir manter seus princípios de design consistentes em todos os aplicativos no Windows 10. Um dos maiores problemas com o design atual do Windows 10 é o fato de que ele não é consistente - existem cerca de 3-4 designs diferentes para o menu de contexto, os aplicativos primários usam diferentes tons de cores de fundo e o alinhamento de elementos nos aplicativos está em todo lugar. A Microsoft precisará fazer muito trabalho para garantir que seus designers estejam implementando o Fluent Design System corretamente em todos os aplicativos primários, mas Redmond precisa descobrir uma maneira de criar desenvolvedores de terceiros para o mesmo.

Todos os conceitos de Fluent Design que eu vi até agora parecem incrivelmente bonitos. Do conceito da Windows Store ao novo painel do Xbox, todos os conceitos do Fluent Design são realmente lindos. Alguns dos elementos funcionais também parecem muito bons. Mas à medida que a Microsoft avança na implementação do Fluent Design System no Windows 10, ela precisará garantir que a execução seja perfeita. A empresa adicionou apenas um toque do novo Fluent Design System aos aplicativos no Windows 10, mas a empresa ainda tem um longo caminho a percorrer e implementar o novo sistema de design no núcleo do Windows 10 (também conhecido como shell) levará Tempo. Mas tudo bem e, desde que a implementação seja consistente em todos os aplicativos e componentes do Windows 10, o novo Fluent Design System será crucial para o futuro do Windows 10.

Com o Windows 10 Fall Creators Update, a Microsoft está lançando a primeira onda do Fluent Design System. A empresa está atualmente experimentando elementos que serão lançados com a segunda onda – incluindo o efeito de profundidade 3D que você viu no vídeo acima, juntamente com coisas como reprodução de mídia 360, cabeçalhos conscientes, fala e som espacial.