O estado actual do design fluente da Microsoft

como criar uma imagem do sistema Windows 10 e usá-la para restaurar o seu computador

O Windows 10 hoje não é o Windows 10 que foi lançado em 2015. O Windows-as-a-Service model que a Microsoft usa para fornecer atualizações substituiu grande parte do lançamento original por novos componentes ao adicionar novos recursos. Isso levou a mudanças significativas na forma como o Windows funciona, e na aparência do Windows.

O Windows tem tido uma relação complicada com o design ao longo dos anos. Ele é balançado do livre-para-todos os dias XP e Vista, onde até mesmo as janelas eram opcionais, para a tipografia-primeiro desenho plano do projeto moderno do Windows 8. Inspirado pela sinalização do metro (que levou ao seu nome original), é uma abordagem de design que ainda está no coração das janelas modernas. Mas as tendências de design mudam, e as experiências do Usuário evoluem.Introdução de uma concepção fluente

Building on Windows ‘ modern design heritage, Microsoft is slowly rolling out a new design language for Windows: the Fluent Design System. Destinado a ser a base para toda interação no Windows, O design fluente está sendo adotado em todas as suas variantes — desktop, realidade mista, Xbox, servidor, IoT, e até mesmo na web.

dando um passo de distância da abordagem tipográfica do design moderno, Fluent tem a intenção de adicionar experiências mais naturais do usuário ao Windows, trazendo efeitos que imitam o mundo real, ao mesmo tempo em que garante que os usuários sabem que estão interagindo com o código. Não é o skeuomorfismo do iOS, onde os elementos de interface do Usuário foram destinados a copiar objetos físicos. No design skeuomorphic, os cadernos têm ligaduras em couro e texturas em papel, enquanto os botões usam animações 3D para se parecerem com rádios antigos ou calculadoras eletrônicas familiares.

em vez disso, fluente toma uma abordagem mais artificial para o design, misturando translucidez Tipo plástico com efeitos 3D e com novas transições entre diferentes estados de Aplicação. A Microsoft fala sobre fluente ser baseado em cinco componentes: luz, profundidade, movimento, Material e escala. Com projetos (e aplicações) destinados a mover-se de dispositivo para dispositivo, há uma necessidade de um olhar-e-sentir consistente que funciona bem em todas as escalas — e na realidade mista também. Essa é a intenção por trás fluente: elementos de design que são claramente digitais, mas que se comportam como objetos do mundo real e que podem interagir com o mundo ao seu redor.

SEE: Comparison chart: Office suites (Tech Pro Research)

Fluent is taking a similar approach to Windows Vista’s Aero, with its Glass effects. Mas este não é o Aero renascido. Pode haver algumas semelhanças, especialmente em torno do uso da translucidez, mas a abordagem geral é uma que é construída em torno de todos os componentes do fluente, ao invés de focar apenas nos efeitos visuais.

fluente em aplicativos

o Design é, naturalmente, mais do que apenas os componentes que usamos em nossos aplicativos. É também a chave para como construímos o nosso código, influenciando tudo, desde o layout de controle até a navegação de Aplicação. Como a linguagem de design para Aplicativos Universais Windows (e para aplicativos Win32 via XAML Islands), Fluent é a chave para como precisamos montar o nosso código. Cada nova versão do Windows 10 SDK traz novas versões de controles chave, adicionando mais e mais elementos fluentes. Enquanto a Microsoft acelerou consideravelmente a adoção de novas versões do Windows 10, você ainda vai precisar considerar qual a versão base que você está visando com o seu código UWP. Isso significa que você não pode usar todas as características fluentes atuais; em vez disso, você estará usando controles que funcionam em toda a sua base de usuário e aproveitando as próprias animações e efeitos do Windows.Introdução do acrílico

um dos principais elementos de fluência é um efeito de translucência que a Microsoft chama de acrílico. Tomando dois dos temas chave de fluente, material e profundidade, Acrílico fornece um efeito de borrão que pega no tema atual do Windows. Windows e itens por trás da camada acrílica ainda são visíveis, mas podem ser facilmente sobrepostos com texto e outros elementos de interface do Usuário. É uma ferramenta que a Microsoft está usando mais e mais no Windows 10, a última antevisão constrói adicioná-lo para log-in telas e usá-lo como parte das placas de navegação em ferramentas próprias do Windows. Você pode usar acrílico para amarrar as aplicações para o ambiente de trabalho, ou como uma camada dentro das aplicações, caindo sobre o seu aplicativo para menus e afins, enquanto ainda mostra o seu contexto de Aplicação.

este último ponto é talvez um dos aspectos mais interessantes do design fluente, na medida em que está a ser desenvolvido para ajudar os utilizadores a manterem-se focados nas suas tarefas. As mudanças não devem tirá-lo do seu fluxo, e seu contexto geral de aplicação precisa ser visível em todos os momentos. Construí-lo em controles UWP faz muito sentido, uma vez que permite aos desenvolvedores adicionar rapidamente efeitos ao seu código sem ter que fazer mudanças significativas.

lento mas estável

talvez a maior diferença entre a mudança para design fluente sobre os projetos anteriores do Windows é que não é um big bang. O visual moderno do Vista Aero Glass e do 8 surgiu do nada, mantido em segredo até o último momento e deixando os designers e desenvolvedores de aplicativos fora do loop. Com fluente, a Microsoft está tomando uma abordagem muito mais lenta, usando o ciclo de lançamento semi-anual do Windows 10 para adicionar novos elementos para suas próprias aplicações e para o Windows UWP SDK. Seu programa interno também lhe dá mais maneiras de testar características fluentes antes de um lançamento público mais amplo.

VEJA: Windows destaque: 30 dicas e truques para usuários avançados (Tech Pro Pesquisa)

Um aspecto do Insider programa que tende a ser esquecido é a sua capacidade de ser utilizado para testar conceitos de design. Ao entregar diferentes versões para diferentes usuários, a Microsoft pode executar testes A / B como parte de cada lançamento de informação privilegiada. Telemetria e pesquisas, bem como o centro de Feedback, são usados para entender como os usuários respondem às diferenças nas animações e nos níveis de transparência. Os projetos podem então ser refinados para uma próxima construção. Tem sido interessante ver este processo em ação: uma animação ou efeito aparece em uma construção de anel rápido; ela então desaparece na próxima, antes de uma versão refinada ser lançada duas ou três compilações mais tarde.

Coming soon: new features in the next Windows release

Comparing the current Windows 10 release, 1809, with the 19H1 Fast Ring preview, there’s a lot more use of Acrylic in Microsoft’s own applications. Além das configurações do Windows e ferramentas de gerenciamento, é um elemento chave dos vários aplicativos empacotados, incluindo correio e fotos. Acrílico também é usado para desvanecer a tela de bloqueio no log-in, e com suporte para temas escuros e de luz, você pode ver como fluente pode ser usado em seus próprios aplicativos.

Microsoft está fazendo algo muito interessante com fluência: desenvolvendo uma nova linguagem de design em público. Não é o que os usuários esperam, com mudanças chegando a cada seis meses e com um fim em nenhum lugar à vista. Mas é um processo que é mais fácil de desenvolver, permitindo que aplicativos se adaptem a novos componentes de interface de usuário e dando aos desenvolvedores tempo para aprender a usá-los. À medida que o Windows 10 continua a evoluir, veremos elementos mais fluentes nos controles do UWP, e no Windows 10 SDKs, e eventualmente em aplicações de terceiros.

veja Também

• Microsoft Office ‘Fluente Design’ makeover poderia simplificar o trabalho, aumentar a produtividade (TechRepublic)
• Windows 10 usuários: Aqui estão todas as formas como a INTERFACE do usuário irá alterar na atualização mais recente (TechRepublic)
• Microsoft Office 2019 para Mac metas que não sejam do Office 365 empresas, adiciona recursos (TechRepublic
• Download: 12 dicas para obter mais do Windows 10 (TechRepublic)
• Microsoft: 10 anos de suporte do ciclo de vida (ZDNet)
• Windows 10: A cheat sheet (TechRepublic)
• Microsoft releases tool to hide or blockwanted Windows 10 updates (ZDNet)
• Five reasons to upgrade to Windows 10 (TechRepublic