Exclusivo: o tema do material é a nova ferramenta de design ambiciosa do Google

O Google está evoluindo sua filosofia de design de material de referência - e tornando-o mais fácil para todos usarem.

Exclusivo: o tema do material é a nova ferramenta de design ambiciosa do Google

Hoje, no Google I / O, a empresa revelou uma grande reformulação de seu Design material linguagem com uma nova ferramenta chamada Tematização de Materiais.



Material Theming, no nível mais básico, é um plugin para o popular aplicativo de prototipagem Sketch. Ele permite que os designers adicionem uma quantidade exponencial de variedade ao seu trabalho enquanto ainda utilizam o sistema de design existente do Google. Os designers de aplicativos podem usar as ferramentas e controles deslizantes simples do plug-in para personalizar seu próprio trabalho, desde a criação de novos tipos de botões e aplicação de cores personalizadas com facilidade até a importação de qualquer tipo de letra e dimensionamento perfeito. Ao longo do caminho, o Material Theming irá equilibrar todos esses elementos discretos automaticamente, para que tudo seja legível e nada pareça muito pegajoso.

[Imagem: Google]



Essas mudanças podem parecer menores, mas injetam nova flexibilidade e personalização em aplicativos Android, sites e até mesmo designs de materiais importados para iOS. Essa é a chave, porque o tema do material é projetado para resolver a maior falha do material design: que ele se tornou monótono. Às vezes era difícil diferenciar o design de um aplicativo de outro. Tudo parecia Google, não importa quem o fizesse. O plugin Material Theming permite que o Google tenha uma aparência diferente dos desenvolvedores, reconhece Matías Duarte, VP de Material Design do Google. Mas são dois lados da mesma moeda. Então, para os desenvolvedores, eu acho que é importante que eles se sintam animados para fazer o que podem fazer para tornar o material design deles.



O material design agora pode parecer terreno e crocante quando aplicado a um blog vegano, ou quase gótico para um jornal digital. Ele pode ser revestido em rosa milenar para um varejista ou pop com as cores brilhantes e elétricas de uma plataforma de mídia social como o Snapchat. E a variedade só aumentará, já que o Google planeja criar Temas de Materiais com lançamentos mensais regulares. Em breve veremos opções para adicionar animações, controles de profundidade como sombras projetadas e traços, e até mesmo novos materiais para a interface - talvez adicionando vidro, tecido ou madeira.

Crucialmente, o tema do material é mais simples de implementar do que o design de material também. O plugin usa um algoritmo para tornar seu design legível e de bom gosto conforme você personaliza suas peças, garantindo que cada componente complemente o outro. Esses componentes também são mais turnkey; enquanto você estiver trabalhando no Sketch, eles se copiarão em todas as suas plataformas, seja um aplicativo iOS ou um site.

Resumindo, o Google está transformando o material design do que muitos consideravam um conjunto rígido de diretrizes em uma ferramenta mais utilizável. Pense nisso como um sintonizador automático alimentado por algoritmo para o design de aplicativos.



[Imagem: Google]

Dois grandes problemas do material design

O lançamento do Material Design pelo Google em 2014 se tornou um marco para a empresa. Foi a primeira vez que o Google fez uma tentativa séria de unificar todos os seus produtos com um segmento comum - a filosofia nobre de que uma interface de usuário deve ser tratada como um objeto tangível , como papel. Na verdade, levou cerca de quatro anos para que todos os serviços do Google adotassem o material design, mas a resposta foi uma vitória para a empresa. Os desenvolvedores implementaram o material design em milhões de aplicativos, enquanto o Google ganhou a reputação de uma empresa que pega projete tão bem quanto a Apple.

No entanto, Duarte é o primeiro a admitir que o Material Design ainda está longe de ser perfeito - e ele percebeu isso logo após o lançamento. Ouvimos em alto e bom som nos primeiros dois anos, diz ele. Então, estamos trabalhando nisso há dois anos, e a batida da bateria só ficou mais alta.



Na opinião do Google, existem duas falhas no material design. Primeiro, embora a empresa oferecesse muita documentação sobre o design, muitas regras e elementos de interface eram difíceis de serem implementados pelos desenvolvedores. O Google não fez do material design algo que pudesse simplesmente ser arrastado e solto em um aplicativo no lançamento e, como resultado, havia uma quantidade surpreendente de disparidade - o Google contou 3.000 versões diferentes do núcleo botão de ação que os desenvolvedores fizeram por conta própria, com vários tamanhos e sombras projetadas. Lembre-se de que o botão de ação é apenas um círculo redondo com um sinal de adição! E, no entanto, em grande escala, implementá-lo foi uma confusão. Por mais direto que o Material Design parecesse, cada desenvolvedor tinha sua própria interpretação.

[Imagem: Google]

Em segundo lugar, o Google ouviu de desenvolvedores que estavam preocupados com a possibilidade de escolher uma cor ou fonte errônea - eles não se sentiam livres ou confiantes para personalizar o material design. Como resultado, o material design rapidamente se tornou obsoleto, previsível e monótono. Os desenvolvedores se pareciam com o Google. O Google parecia um desenvolvedor. Essas marcas não eram suas.

Notoriamente, tive problemas para lamentar outra empresa por dizer que sua linguagem de interface do usuário parecia a mesma e, alguns anos depois, tivemos o mesmo problema com o material design! ri Duarte.

[Imagem: Google]

Temas materiais

A ideia central por trás do Material Theming é a capacidade de ajustar a cor, a tipografia e a forma do seu design por meio de guias e controles deslizantes simples no plugin Sketch que a empresa está lançando hoje. As mudanças que você faz na verdade influenciam umas às outras graças a um algoritmo que o Google desenvolveu que basicamente coloca um bom design nos trilhos. Então, tudo o que você projeta é anotado e vinculado à biblioteca de Material Design do Google no Github para que os desenvolvedores codifiquem facilmente.

como acordar mais fácil

[Captura de tela: cortesia do autor]

Você não precisa entender, diz Duarte. Pela aparência de Temas Materiais, ele está certo. Você pode escolher uma cor - ou duas ou três - que gostaria em seu design, e o Editor de temas do plugin criará uma paleta de cores inteira a partir delas, atribuindo as cores corretas aos pontos corretos para garantir que as fontes ou botões não sejam apresentado de forma ilegível contra o pano de fundo. (Qualquer sugestão de que você não goste pode ser facilmente alterada.) Da mesma forma, ao editar as formas, você pode tornar os elementos como os botões mais poligonais ou arredondados. Você pode expressar formas que não são apenas geométricas, mas orgânicas e mais mecânicas, diz Duarte. Enquanto isso, o Theme Editor irá certificar-se de que sua geometria selvagem não interrompa uma animação ou corte o texto necessário.

[Captura de tela: cortesia do autor]

Em termos de tipo, o Material Design foi originalmente lançado com suporte padrão para a própria fonte do Roboto – Google. Agora, o Theme Editor permite que você importe qualquer tipo de letra do seu computador diretamente para o seu aplicativo, e ele irá dimensioná-lo apropriadamente para uso em cabeçalhos e texto.

Tipografia, cor e forma constituem o que o Google chama de sistemas dentro do Material Design. Suas próprias decisões de design constituem o tema. Juntos, eles alimentam um sistema enraizado de lógica que busca transformar qualquer desenvolvedor em um bom designer. Claro, se a lógica é boa ou não, estará aberto à interpretação, mas o algoritmo do Google é ajustado para priorizar algumas regras básicas para design gráfico legível por padrão.

Quando pergunto a Duarte o que aconteceu com todos os materiais prometidos em Design de Materiais - em 2014, ele provocou que o Material Design estava começando com o papel como seu componente principal, mas rapidamente diversificaria para incluir alternativas como tecido ou madeira - ele ri e sugere que muito ainda está por vir dos Temas de Material. Um material seria um sistema muito bom, não é? ele diz. O Google não está anunciando nenhum novo material hoje, mas é fácil ver como a empresa poderia encaixá-lo nos Temas de Materiais como outra opção de personalização.

[Imagem: Google]

A base dessa lógica é entender o que é o componente e sua finalidade? Quão proeminentes devem ser seus recursos? Toda a usabilidade fundamental que tentamos fazer fixada em cada componente, essa é a verdadeira lógica, diz Duarte. Então, tudo sobre como parece e se apresenta, tentamos transformar em um sistema temático, começando com cor, forma e tipo.

Observe que Duarte disse começando com cor, forma e tipo. Na verdade, esses sistemas são apenas o começo para Temas Materiais. Todos os meses, o Google lançará novos conteúdos para temas, incluindo sistemas totalmente novos. A animação pode ser um sistema, diz Duarte. [Outro] do qual estamos falando é acariciar e sombreamento. Todo o modelo de iluminação e sombreamento é um sistema. Você pode dizer: ‘Quero viver em um mundo com muitas sombras’ ou ‘um mundo suave e orgânico’ ou ‘Quero viver em um mundo plano & apos; Em resposta, o Theming implantaria sombras projetadas ou traços de maneira adequada.

[Imagem: Google]

Melhor design por meio de algoritmos

Ao conversar com Duarte sobre o potencial dos Temas de Materiais, às vezes pode ser difícil separar a teoria do design do produto enviado. Hoje, Material Theming copiará facilmente seu tipo de letra favorito em seu aplicativo em cores que parecem ótimas. Mas Duarte sempre fazia alusão a uma ideia mais nebulosa, como Theming, que permite criar momentos de foco e atenção - de poder enfatizar ou desenfatizar um botão - ou apenas criar um mundo visual que pareça certo para sua marca.

Esses são desafios difíceis para os designers humanos resolverem, muito menos um algoritmo. No entanto, essa é a ambição dos Temas Materiais. Com base na minha conversa com Duarte, posso imaginar como o editor de temas de materiais do futuro me deixará dizer ao meu computador: Não, não, este é o botão mais importante do meu aplicativo - faça com que pareça assim ou eu quero o usuário para ficar calmo quando eles carregam este ou todos os pedidos de clientes favoritos do designer: Basta torná-lo pop.

Se o Material Design foi a filosofia que explicou toda a metáfora da interface de usuário ideal do Google, então o Material Theming pode ser a ferramenta para dominar essa metáfora por meio de uma série de cutucadas e grunhidos.