O que é o Fluent Design System no Windows 10 e como ativá-lo ou desativá-lo

Índice:

O que é o Fluent Design System no Windows 10 e como ativá-lo ou desativá-lo
O que é o Fluent Design System no Windows 10 e como ativá-lo ou desativá-lo

Vídeo: O que é o Fluent Design System no Windows 10 e como ativá-lo ou desativá-lo

Vídeo: O que é o Fluent Design System no Windows 10 e como ativá-lo ou desativá-lo
Vídeo: Nova FALHA GRAVE nos Processadores da INTEL, o que fazer Agora? - YouTube 2024, Maio
Anonim

Microsoft anunciou o Sistema de Design Fluente como a nova linguagem de design para Windows 10. Esta foi a primeira grande atualização para a interface do usuário do sistema operacional Windows após o Metro Design do Windows 8. Esta é uma mistura perfeita de design Aero do Windows 7 e a nova interface do Metro do Windows 8 ou Windows 8.1. O Fluent Design System da Microsoft teve como objetivo tornar o Windows 10 mais bonito. Para ser honesto, eu sempre senti que o Windows 10 não era projetado adequadamente porque o sistema operacional parecia altamente rico em recursos, mas nunca estava nesse nível de atratividade, como costumava ser o Windows 7 ou o Windows 8. Mas agora com o Fluent Design, o Windows é lindo.

O que é o Microsoft Fluent Design System?

Como a Microsoft afirma em sua documentação oficial,
Como a Microsoft afirma em sua documentação oficial,

The Fluent Design System for UWP is a set of UWP features and guidelines for creating UWP apps that perform beautifully across devices, inputs, and dimensions. Our guidelines are divided into several categories: layout, style, controls, input and devices, and usability.

Agora, isso significa que o Fluent Design System não é um conceito ou apenas um conjunto de diretrizes. É uma mistura de aparência, comportamento, layout e escalabilidade de aplicativos UWP em vários ambientes.

Por que você deve converter sua interface do usuário atual do seu aplicativo para o Fluent Design?

Bem, deixe-me primeiro escrever o que a Microsoft diz depois disso, vou escrevê-lo do meu jeito:

Fluent Design platform features are built into UWP (Universal Windows Platform) and help you create apps that are Fluent. Some of these features–such as effective pixels and the universal input system–are automatic. You don’t have to write any extra code to take advantage of them. Other features, such as acrylic, are optional; you include them in your app by writing code to include them.

Isso significa que, se você já tiver um aplicativo do Windows, poderá convertê-lo para o Fluent Design com muita facilidade. Você não precisará de nenhum código extra ou algo assim, mas seu código será aprimorado para ficar mais atraente quando você começar a fazer essas pequenas alterações. Isso significa que você deve apenas adicionar um design fluente aos seus aplicativos! Mas primeiro, certifique-se do que agrega o Fluent Design System.

Componentes do Fluent Design System

Bem, o Fluent Design System é composto por 5 elementos principais que o constroem. Eles são os seguintes:
Bem, o Fluent Design System é composto por 5 elementos principais que o constroem. Eles são os seguintes:
  • Leve
  • Profundidade
  • Movimento
  • Material
  • Escala

Leve:

A luz é o elemento que chama a atenção do usuário. Ele é usado no Windows 10 para guiar o usuário em direção ao elemento de ponteiro na interface do usuário. Isso torna a experiência do usuário muito melhor do que costumava ser sem ela.

Profundidade:

Profundidade é um elemento que leva o usuário além da planicidade do design. Isso os ajuda a aproveitar a estrutura de camadas da Experiência do Usuário, tornando-a mais envolvente e atraente.

Movimento:

Agora, Motion é o elemento do Fluent Design System que dá vida a todos os outros elementos dentro do Windows 10. Ele é responsável pelas principais transições dos aplicativos que fazem o comportamento geral do aplicativo.

Material:

Espere, deixe-me dizer que isso não é uma imitação do Material Design que o Google oferece para dispositivos Android. Esse elemento é responsável por mostrar a materialização real do aplicativo. Isso consiste principalmente de Acrílico ou, em palavras simples, o típico azul que torna a experiência do usuário ainda melhor.

Escala:

Agora vem Scale, é esse elemento que melhora as experiências no antigo design 2D para dar experiências novas e modernas que não eram possíveis anteriormente. Eles farão com que o seu usuário aproveite melhor usando os pixels e iluminando-os nos lugares corretos, em vez de apenas exibir as cores antigas. Isso também significa que a densidade de pixels dos monitores modernos será usada para melhorar suas experiências.

O veredito:

Bem, o Fluent Design System é algo que o Windows 10 precisava desde o início, mas como a Microsoft conclui com a adição de funcionalidades importantes para o sistema operacional, eles agora estão se concentrando em torná-lo mais bonito também. E tenho certeza de que outras pessoas como eu apreciariam essa nova linguagem de design e ficariam igualmente empolgadas em ver isso sendo implementado à medida que vemos as versões mais recentes do Windows 10.

Este é o Fluent Design System da Microsoft no Windows 10! Você pode ler mais sobre o Fluent Design System na documentação oficial da Microsoft.

Ativar ou desativar o design fluente no Windows 10

A maioria dos elementos de design do Fluent pode ser encontrada no Windows 10 Fall Creators Update v1709. Pode haver chances de você poder ou não gostar dessa nova atualização da interface do usuário. Ou isso pode ser motivo para que sua máquina não suporte o design fluente, acabando com o desempenho geral da máquina.

Antes de começar, você pode ver vários efeitos translúcidos em várias partes do sistema operacional. Bem assim:

Image
Image

Para começar, abra o Definições app no menu do WinX. Agora navegue para Personalização configurações dentro do aplicativo de configurações.

Agora você vai observar uma lista de submenus no painel esquerdo do aplicativo de configurações. Você tem que escolher Cores a partir dele.

Agora, na página do lado direito, você verá uma lista de opções disponíveis para você. Isso incluirá a seleção de uma cor de destaque, seleção de tema claro ou escuro e muito mais. Entre eles, selecione o Efeitos de transparência alternancia.

Aqui, se você ativar esse botão, verá os efeitos de transparência ou, se desativá-lo, não verá nenhum efeito de transparência.
Aqui, se você ativar esse botão, verá os efeitos de transparência ou, se desativá-lo, não verá nenhum efeito de transparência.

Esta é uma captura de tela sem os elementos de design fluentes:

Recomendado: