BT

Disseminando conhecimento e inovação em desenvolvimento de software corporativo.

Contribuir

Tópicos

Escolha a região

Início Notícias Google apresenta o Material Design no Google I/O

Google apresenta o Material Design no Google I/O

Favoritos

A Google apresentou o Material Design, uma linguagem visual que incorpora princípios de design de interfaces de usuário abrangendo diferentes classes de dispositivos, incluindo de wearables a smartfones, tablets, desktops e TVs. O Material Design tenta produzir movimento fluído em superfícies táteis, mas considera também dispositivos baseados em mouse e teclado.

De acordo com a Google, o Material Design é baseado na "realidade tátil inspirada pelo estudo do papel e caneta," o que permite ao usuário "compreender concessões" que ultrapassam o papel e caneta do mundo real, mas "sem quebrar as regras da física". Também:

Os fundamentos de luz, superfícies e movimento são chave para transmitir como objetos se movem, interagem e existem no espaço em relação uns aos outros. Iluminação realista mostra acabamentos, divide espaços e indica partes em movimento.

O Design Material estabelece princípios para Animação, Estilo, Layout e vêm com recomendações para um grande número de componentes visuais - botões, cards, grids, janelas de diálogo, etc. - ações relacionadas, gestos, além de incluir guidelines de acessibilidade.

Em termos de animação, o novo design da Google, sugere seguir o movimento natural de objetos no mundo real, apontando que "movimento no mundo do material design não é apenas bonito, mas também têm significado relativo ao relacionamento espacial, funcionalidade e intenção do sistema." Componentes reagem a interação do usuário sem distraí-lo. Transições entre dois estados visuais devem ser:

Suaves, sem esforço aparente, e acima de tudo, resultar em maior clareza para usuário, ao invés de confusão. Uma transição bem projetada faz o trabalho pesado e permite que o usuário compreenda claramente no que sua atenção deve estar focada.

Em relação a estilo, o Material Design propõe cores "arrojadas" inspiradas na "arquitetura contemporânea, placas rodoviárias, marcações de pistas rodoviárias e quadras de esporte," enfatizando sombra e luz. Algumas paletas de cores são apresentadas na imagem a seguir:

image

No que diz respeito à tipografia, o novo design se apoia no refinamento da fonte Roboto, introduzida no Ice Cream Sandwich, e que agora é um pouco mais larga e arrendondada. Ícones foram simplificados e reduzidos a um mínimo. Imagens devem ser imersivas, contextuais e ubíquas.

O guia é bastante completo e informativo no que diz respeito ao aspecto visual de componentes, a figura a seguir mostra um dos cards:

image

A Google mostrou o novo design no Google IO 2014. A interface da próxima versão do Android, esperada para o próximo outono, será baseada no material design sendo seguida por outras classes de dispositivos.

Um video está disponível para desenvolvedores interessados em atualizar o design de suas aplicações Android do Holo para o Material Design.

Avalie esse artigo

Relevância
Estilo/Redação

Conteúdo educacional

BT