Material Design é a frase “it” que muitos designers estão falando agora. O conceito, desenvolvido pelo Google para dispositivos Android, tem um charme limpo, limpo e altamente utilizável.

Websites com Material Design estão saindo do mundo dos dispositivos Android e estão surgindo em todos os lugares. E a realidade é que muitos desses sites têm exatamente a mesma aparência.

Revisão de material design

Se você não tem certeza do que é o Material Design, aqui está uma breve introdução: é um conceito gerado pelo Google que explica especificamente como os aplicativos para Android devem ser exibidos e como a interface do usuário deve funcionar. Define regras para animação, estilo, layout, componentes, padrões e usabilidade. o especificações vá até definir paletas de cores e opções de tipografia.

E enquanto todos esses elementos contribuem para um design altamente utilizável e visualmente agradável, o resultado é uma coleção de designs com uma estética comum.

stamplay

Material Design está se afastando da onda inicial do Android também. Embora o conceito seja uma ideia do Google, os designers estão usando o Material Design para websites em diversas plataformas e para todos os tipos de dispositivos.

O objetivo final do Material Design é “criar uma linguagem visual que sintetize os princípios clássicos do bom design com a inovação e a possibilidade da tecnologia e da ciência”. Uma única “linguagem visual” levanta a questão: o Material Design está matando a Web?

Material Design Lite

A linguagem singular está mudando do pensamento de design para dispositivos móveis para o pensamento de design de todos os dispositivos. O Google revelou Material Design Lite no início deste ano como uma versão simplificada da estética para todos os sites.

laser

Os modelos “framework agnostic” facilitam a criação de algo rapidamente e de acordo com as especificações. Ele é projetado para trabalhar em blogs, sites com conteúdo pesado, para painéis, projetos visuais e até mesmo sites de uma única página. O design fica ainda mais diluído.

Siga as regras para um padrão de design "apertado"

Material Design funciona porque é baseado em um conjunto bastante restrito de regras e padrões de usabilidade. Ele faz algumas coisas muito boas para o design - as orientações para a animação são especialmente importantes para entender, porque elas estão enraizadas no mundo físico. As regras vêm com muitas restrições e o que está acontecendo até agora é que a maioria dos aplicativos que usam Material Design parecem ter vindo da mesma caixa.

Esses padrões precisos foram desenvolvidos em parte para ajudar os usuários a entender como interagir com dispositivos menores. O design de materiais evoluiu do design plano, onde nem todos os elementos da interface do usuário tinham funções claramente definidas no escopo do design. Material Design procurou remediar algumas dessas questões.

nimbus9

Mas provavelmente é hora de evoluir novamente. A maioria dos usuários entende quais são os botões e o que eles fazem. Toda evolução de uma teoria de design ensina aos usuários algo novo sobre como usar dispositivos e a web. E eles pegam rápido. Ferramentas projetadas para ensinar usuários não precisam durar tanto tempo.

3ventures

Por incrível que pareça, o padrão de design apertado é algo que os designers quase se impuseram quando se trata de Design de Materiais. Leia a documentação - e observe que ela muda periodicamente - e os projetos comuns que estão saindo da tendência estão simplesmente emulando os exemplos fornecidos.

Então, por que os designers estão criando milhares de sites usando o Material Design que todos parecem iguais?

Elementos de interface do usuário comuns e divots de design

Aqui está a resposta rápida para a pergunta acima: está tudo nos detalhes.

Elementos comuns de interface do usuário, ícones, esquemas de cores e opções tipográficas estão eliminando as oportunidades estéticas na web. Mas não precisa ser assim. Você pode projetar usando conceitos de material sem replicar elementos da documentação ou baixar o kit de interface do usuário mais recente.

jetradar

Um dos problemas que continua aparecendo é que os sites estão replicando a aparência do Material Design, mas não têm a funcionalidade e não têm atenção aos detalhes. Não é o Material Design que está matando a web, são designers preguiçosos.

Mas espere ... você não precisa seguir a tendência

Antes de você surtar, há muitas maneiras de usar o Material Design que não o rotulará como um "designer preguiçoso".

Aqui está o truque: aderir aos conceitos, mas quebrar algumas das regras. Não tenho certeza do que isso significa? Aqui estão algumas sugestões:

  • Vá além da paleta de cores. Em vez de uma paleta de cores brilhante e super saturada, aprofunde-se nas cores e brinque com tons pastéis e mais escuros.
  • Projete ícones e elementos de interface do usuário que sigam as diretrizes básicas de design - como conter elementos dentro de ícones e uso para características humanas - mas não são de um conjunto pré-empacotado.
  • Não fique 100 por cento "material". Use um aspecto disso em seu conceito de design. As regras para animação são excepcionalmente agradáveis; siga as diretrizes de como as coisas se movem no contexto do seu site; mas projete o resto como você faria se não tivesse sido exposto ao Material Design. Outra ótima idéia para “roubar” do material é o uso de cartões, mas não se limite a projetá-los em um espaço totalmente material.
  • Use algumas das melhores diretrizes do Material Design para ajudá-lo a entender melhor o trabalho com detalhes em seu trabalho de design. A seção de ícones da documentação é uma boa cartilha sobre o uso de uma grade para criar ícones consistentes em seu espaçamento. Aplique esses conceitos à sua estética geral.
  • Expanda a paleta de tipografia. Uma das coisas que “mata” o design é muitas coisas que parecem exatamente iguais. Corresponda as fontes ao seu design e não use nada porque um conjunto de diretrizes (a menos que sejam da sua marca) lhe dirá.
  • Design como você faria com qualquer outra tendência. Material Design é uma tendência, não uma solução de design final. Misture e combine as partes que você gosta e use-as como faria com qualquer outra coisa. Algumas técnicas funcionam perfeitamente, enquanto outras podem não ser para seus projetos.

Conclusão

Então, voltando à questão principal: o Material Design está matando a web?

Simplesmente não. Embora o uso excessivo dessa tendência possa levar a designs homogêneos, o problema real é projetar com uma tendência de tendência e não pensar nas melhores ferramentas e técnicas para o projeto. Então, vá em frente, use Material Design, apenas certifique-se de usá-lo bem.

flatguitars