2.10.3 Material Design

O Material Design é uma linguagem de design que foi desenvolvida e apresentada pela Google em 2014 (AQUINO, 2017). A ideia desse estilo é mostrar que não é preciso eliminar totalmente os efeitos visuais que fazem referência ao mundo real, anteriormente característicos doSkeumorfismo, linguagem de design amplamente utilizada nas primeiras interfaces web criadas.

O Material Design mistura um pouco de skeumorfismo com flat, linguagem de design desenvolvida pela Apple onde se deixa tudo mais liso e sem referências ao mundo real, utilizando em abundância layouts baseados em grids, sombras, cores, animações, transições responsivas e elementos em 3D assim criando mais conexões com elementos do mundo real em uma interface (SILVESTRI, 2018).

A grande ideia inovadora desse estilo foram as camadas de elevação na interface, cada elemento dentro de uma interface material tem uma certa elevação, e isso faz com que os elementos ganhem mais sentido e contexto (SILVESTRI, adaptado 2018).

Figura 3 e Figura 4 - Antiga homepage do Google Docs x homepage atualFonte: http://googlesystem.blogspot.com/2011/01/Fonte: dos autores

Nas versões do Material Design já lançadas, a Google buscou destacar a responsividade e fluidez da página. Informações importantes e semelhantes estão agrupadas em macrorregiões de modo que o usuário possa visualizá-las com mais facilidade; as cores utilizadas seguem uma paleta limitada muitas vezes a tons claros e pouco saturados, a fim de deixar a visualização agradável a longo prazo. As fontes e o espaço em branco também são um destaque importante: não há uma variação muito notável de fontes, apenas tamanho e espessura mudam para mostrar a hierarquia dos tópicos; e o espaço em branco está sempre lá, impedindo que a interface pareça poluída com muitas informações.

Figura 5 - Exemplo de espaços em branco do site OtoLugarFonte: dos autores