Download grátis: Sketch UI Kit
Seguindo o Google Design material princípios resultam em projetos envolventes e atualizados. Mas também produz um resultado final que acaba parecendo… bem, o Google. Movimento de marca super inteligente da parte deles, mas não ótimo se você quiser manter a força da sua própria marca.
InVision planejamos criar um design de e-mail que adira ao Material Design, sem parecer um clone do Gmail. É um grande sucesso, por isso estamos muito satisfeitos por eles terem concordado em oferecê-lo como um kit de interface do usuário gratuito para {$lang_domain} leitores.
Cor
Há muito tempo o Google é famoso pelo uso ousado da cor, e o Material Design amplia essa paleta com um espectro baseado em saturação. Ele permanece focado em grandes campos de cor plana desprovidos de gradientes que costumavam dominar a Web. E embora as conversas em torno das tendências de design tendam a fundir gradientes, sombreamentos e skeuomorfismo, o Material Design incentiva sombras dramáticas para fazer referência às realidades táteis nas quais se baseia.
Portanto, este download se diferencia imediatamente, apresentando ao usuário gradientes dramáticos, incluindo faixas no principal ícone do design. Todas as cores são tiradas da paleta Material Design do Google, elas foram simplesmente misturadas de uma nova maneira. Como o design de materiais requer cores arrojadas, de alto contraste e profundamente pigmentadas, é tentador usar uma paleta super-ampla para preencher todos os papéis que a cor desempenha no design. Mas as cores não precisam ser díspares para se adequar aos critérios materiais e atingir seus objetivos, elas só precisam ser intencionais.
Tipografia
O Google entende claramente o poder da tipografia no branding. Suas fontes sob medida criam interfaces claras e reforçam sua marca. Invision queria um visual moderno e similar ao Roboto, sem usar o Roboto. Então o modelo usa o Avenir; outra fonte limpa que tem origens geométricas, com um calor humanista.
Interação e Animação
Sempre ajuda a manter sua plataforma em mente ao projetar, para produzir uma experiência consistente para o usuário. É por isso que este modelo tem um estilo iOS, embora também funcione bem no Android.
O material design do Google tem ótimas coisas a dizer sobre como a interação e a animação podem agradar e não distrair seus usuários. Mas os exemplos de material design do Google também são muito específicos, certifique-se de que, quando você usa animação e interação, é a animação e a interação certas para o seu projeto. Este kit de interface do usuário foi projetado para permitir uma variedade de abordagens diferentes, para que você possa empregar qualquer estratégia que melhor se adapte ao seu design.
Baixe o arquivo abaixo da pré-visualização:
