Qual é a diferença entre "estilo simples" e "design de material"?

Após o lançamento do Windows 8, todos falaram sobre "Metro UI" e, posteriormente, sobre o "Design plano". Agora, após o lançamento do Android Lollipop, todos falam sobre "Design de materiais". Alguém pode explicar a diferença entre "design de material" e "estilo simples"?

O design do material não tem relação com o design plano em seus princípios. O design de materiais é ckeuomórfico , pois é uma tentativa de tornar o design da web mais realista na maneira como retrata elementos, usando camadas e animação de uma maneira que faça sentido fora do navegador. O design visualmente plano e o material são semelhantes no momento, mas o design do material pode ser aplicado a outros designs que não os do tipo flat.

Segue 3 princípios

1. Material é a metáfora
2. Seja ousado, gráfico, intencional
3. Forneça significado ao movimento

A criação de camadas no design do material é feita através da movimentação de elementos para frente ou para trás ao longo do eixo z, de e para o usuário, e adicionando sombras realistas para transmitir mais significado. Elementos de animação, como uma animação que afeta a posição quando um item da lista é removido, têm como objetivo melhorar o fluxo e a compreensão do usuário, além de tornar a experiência mais suave. Ao fazer isso, mais significado pode ser retratado através do design de material do que no design plano

_{Os designers do Google criaram modelos de papel para descobrir camadas e sombras para o design do material.}

Existem outras diretrizes de design que abrangem espaçamento, cor, usabilidade e mais detalhes sobre posicionamento e animação, que você pode conferir na página do Google sobre o assunto .

Uma boa maneira de aprender mais sobre o design de materiais e como implementá-lo é usar os aplicativos que o Google criou usando o design de materiais e ler sobre os detalhes do design , este é de Brian Lovin no aplicativo Inbox.

As pessoas podem assumir que o design de material é uma espécie de extensão do design plano, mas, na verdade, os princípios são diferentes. A tendência atual é criar um design limpo e plano, usado pelo Google por enquanto, mas os princípios do design de materiais ultrapassam esses limites e também podem ser aplicados a outros métodos de design.

Design plano = um termo genérico que se refere à estética moderna da interface do usuário de ícones lisos em blocos e blocos de cores.

Metro Design = novo design de interface do usuário da Microsoft (agora chamado linguagem de design da Microsoft ) para Windows 8 que usa a estética visual do design plano .

Design de material = novo design de interface do usuário do Google para Android que usa a estética visual do design plano .

(Observe que Metro e Material são muito mais do que apenas a estética do design plano. Eles também falam sobre design de interação, fluxos, bibliotecas de padrões etc.)

Agradecemos a Johannes por observar a alteração de nome na interface do usuário da Microsoft.

O design do material não é plano, é um monte de camadas planas de "material" espaçadas um pouco no eixo Z. Isso significa que esses objetos têm sombras e devem vir de algum lugar quando aparecerem na tela e deixar para algum lugar quando não forem mais necessários. O que significa que eles não desaparecem.

Também existem várias diretrizes de design que especificam a cor, o espaçamento e muitos outros aspectos do seu layout.

Aqui estão alguns deles, mas você pode encontrar muito mais com algumas pesquisas no Google.

http://www.google.com/design/spec/material-design/introduction.html#

"Design plano" é como eles explicaram lá em cima, e o design "Material Design" não é realmente "skeuomorphic", mas "Design plano Skeuomorphed". O "Design de material" usa objetos planos e alinhe-o no eixo Z para obter um "Design plano 3D". Espero que tenha ajudado.

Na verdade, o design plano parecerá mais simplista no plano de fundo do material, além disso, todas essas animações têm como objetivo mais a interação do usuário com dispositivos móveis, e não com o site. Além disso, ninguém proíbe o uso dessas duas abordagens em um único produto, se abordar o trabalho no design de maneira mais consciente e filosófica. Quanto ao skeuomorfismo, ele tentou trazer elementos da interface de uma maneira mais familiar e amigável: como esse ou aquele objeto ficaria no mundo real, mas muitas pessoas têm visões diferentes das coisas circundantes, criando assim um único o estilo dessa abordagem era quase impossível ... Algumas informações a serem adicionadas Qual é a diferença: Design plano versus design de material