O que os designers da Web podem aprender com o material design do Google
Material Design é a nova linguagem de design visual do Google. Foi introduzido no 2014 I / O Conference em junho, e está começando a encontrar uma verdadeira força em todas as áreas da comunidade de design.
Essa nova linguagem visual é fascinante porque aborda sistematicamente muitos problemas que nós, como designers, enfrentamos diariamente. Ao mesmo tempo, é surpreendente e revigorante ver um gigante como o Google anunciar publicamente sua nova direção de design.
o documentação on-line gratuita está disponível para todos e oferece muito conhecimento sobre o que é Material Design e como ele funciona. Mais importante, oferece muitas lições de design para todos nós; é interessante, informativo e inovador. Existem orientações sobre o que fazer e o que não fazer, para praticamente qualquer coisa em que você possa pensar, desde o tamanho e o posicionamento dos botões até as animações.
Os 3 princípios do Design de Materiais
Design de materiais valores fundamentais são mais do que apenas uma progressão das tendências atuais de design.
- Material é a metáfora
- Seja ousado, gráfico, intencional
- Fornecer significado com movimento
Claro, faz sentido pensar que é um passo em frente do design plano, mas acho que é muito mais do que isso. Como o design de material é uma metáfora, ele fornece um novo campo para o design, que é semelhante em raízes ao skeuomorfismo. Mas como o Material Design se concentra na física do mundo real, ele não reproduz os horrores que vimos, como o iOS8.
Além disso, os componentes gráficos arrojados, intencionais e profundos conferem à linguagem de design uma aparência de assinatura. Melhor ainda, eles fornecem uma estética clara. Mas tem mais ...
Unificando telas e produtos
O Material Design é uma ótima solução para unificar os vários produtos e, mais importante, as telas que o Google tem em movimento. Vamos ser real aqui, dispositivos e telas só vão continuar mudando e diversificando. Para abordar as variações, o Google agora tem um idioma que define claramente como ele pode ser usado em várias plataformas, como aplicativos da web, smartphones ou relógios inteligentes.
Há limitações que os designers precisam observar para manter o estilo de design semelhante de um aplicativo para outro. Isso é bom porque marca todos os produtos do Google com clareza. Nenhuma outra empresa tem essa unidade entre seus vários aplicativos ou sistemas operacionais agora.
Criar e implementar o material design mostra que o Google está se esforçando muito para encontrar uma linguagem de design que funcione em qualquer tela ou dispositivo, seja qual for. Se vai ser bem sucedido ainda é difícil dizer, mas pelo menos é claro o que o Google está tentando.
É flexível
Além disso, o Material Design do Google tem flexibilidade suficiente para os designers abordarem vários dispositivos e telas. Há diretrizes que permitem ajustes para atender especificamente a um display Android pequeno ou grande. Isso também facilitará a vida dos projetistas, já que não apresenta restrições, mas soluções e ferramentas.
A estrutura fornecida ajudará na adaptação aos vários tamanhos de tela, com certeza. Afinal, essa é a ideia.
Uma nova direção para o Google
O Google nunca foi conhecido por sua abordagem de design. Nos últimos anos, eles começaram a implementar uma estética de design mais limpa e mais leve, mas ainda era uma abordagem sutil.
Portanto, é interessante ver o Google levar o touro de design pelos seus chifres para criar uma linguagem de design impressionante. Com material design Google está se tornando um líder de design. Eles podem não estar lá ainda, mas eles intensificaram o jogo e mostraram que são capazes de criar um ótimo design visual.
Novos recursos de hardware
Pense de volta - como as interfaces de computadores olharam para trás nos anos 80 e 90. Compare isso com a aparência do primeiro iPhone e compare todos esses itens com um determinado dispositivo hoje. A tecnologia evolui e permite melhor exibição digital. Você não poderia mostrar sombras em uma tela do DOS quando o hardware era incapaz de renderizar tal coisa. Os primeiros smartphones foram terríveis em renderizar animações de qualquer tipo.
Pense em Material Design como uma extensão das capacidades da tecnologia atual. O design do material depende da física para exibir animações, movimentos ou sombras. Pode fazer isso porque a tecnologia hoje permite isso. É diferente da maioria das outras linguagens de projeto, porque a maioria das linguagens de design foi desenvolvida para tecnologias mais antigas.
Mais do que apenas plana
Outra coisa surpreendente sobre Design de Material é sua dedicação e inspiração tiradas do mundo real. Materiais legítimos influenciaram como o Material Design foi criado e desenvolvido. (Daí o nome.)
Isso é enorme porque a tecnologia pode começar a sua trilha de não se sentir mais como tecnologia. Como o nosso hardware está se tornando mais avançado, o mundo digital pode agora começar a obscurecer as linhas entre o mundo real e o mundo digital.
Interface do usuário está caminhando para a unidade com o mundo natural. Se esta tendência continuar, e à medida que a tecnologia evoluir, poderemos em breve testemunhar um mundo em que a interface do usuário está tão interligada com o nosso entorno que é indistinguível do mundo físico. - Andrew Coyle
Affordance é a chave
Perceber a forma tangível de um objeto nos ajuda a entender como manipulá-lo. Observar o movimento de um objeto nos diz se ele é leve ou pesado, flexível ou rígido, pequeno ou grande. O movimento no mundo do design de material não é apenas bonito, ele constrói um significado sobre as relações espaciais, a funcionalidade e a intenção do sistema. - Google
O movimento é uma parte fundamental do design de materiais. Graças à física e ao hardware e software de alta qualidade, o Material Design pode melhorar a acessibilidade em projetos digitais. Na verdade, essa é a chave para eliminar a lacuna entre objetos reais e digitais. Se movimento e animação agora fornecem significado, as interfaces podem ser significativamente mais fáceis de interpretar, entender e usar. Isso permitirá que a tecnologia seja acessível por uma porcentagem significativamente maior da população do que é agora.
O que faz deste um aspecto incrível e importante do Material Design é o fato de que nenhuma outra linguagem de design comum coloca tanta ênfase na affordance através do movimento. É uma proclamação relativamente nova. A intenção geral é tornar a vida mais fácil para os usuários e fazê-lo através do movimento é simplesmente inovador.
