No 2014, o Google anunciou o lançamento de projeto de material " Seu objetivo original era resolver questões com o design de aplicativos para dispositivos Android. O argumento era que o " design plano "Não aparece bem em telas pequenas. Eles achavam que o design carece de pistas visuais claras e dificulta a usabilidade dos usuários móveis.
Matías Duarte, vice-presidente do Google Design, explicou:
“Ao contrário do papel real, nosso 'Material Design' pode crescer e se adaptar de forma inteligente. o Material oferece superfícies físicas e planas, com sombras que dão sentido ao que você toca ”.
E isso é basicamente o que o design de hardware é agora: uma maneira de fazer os elementos de um aplicativo parecerem tocáveis.
Ao lançar o novo idioma e as diretrizes do Design de materiais, o Google espera resolver os problemas do UX (Experiência do Usuário) e a confusão dos usuários de aplicativos Android. Dois anos depois, seu Framework foi além do campo de aplicativos móveis e agora é um princípio usado regularmente em web design.
A seguir, sugiro algumas fontes onde você encontrará Ressources para integrar o Material Design em seu blog WordPress.
1 - Behance
O exemplo perfeito de um site para aprender o design de aplicativos com o " projeto de material " O Behance tem inúmeras dicas e exemplos que você pode usar como inspiração. Behance também faz uso do " projeto de material Em seu próprio site, com caixas que sutilmente ficam penduradas na grade, sombras no meio para chamar a atenção e marcadores claros para ações clicáveis.
2 - CodePen
Descarregar
CodePen, o 'playground do desenvolvedor' auto-atribuído, é uma mina de ouro do desenvolvedor quando se trata de ' projeto de material ". Não apenas você terá alguns exemplos muito legais, como também poderá ver CSS, HTML e JavaScript que os desenvolvedores usam para criar vários sites.
3 - Dribbble
Se você não está familiarizado com o último, Dribble é uma rede social para designers, desenvolvedores, artistas e outros interessados no " Design ". Uma pesquisa por " projeto de material No site deles, apenas mostramos como a tecnologia de projeto de material É onipresente. Aqui você encontrará inspiração para algo tão simples como um ícone para criar um site completo.
4 - Prêmio Material Design do Google Design
Um ano após o Google lançar o Material Design, eles homenagearam seis dos melhores aplicativos usando o Framework em "Material de Design Awards ". Você reconhecerá um grande número de sites nesta lista honorífica. Se você quiser ver o potencial de projeto de material ”, Nós encorajamos você a dar uma olhada nesta lista. Se o Google demorar para marcar uma fonte, vale a pena desviar.
5 - Feito com Material
Datado de novembro de 2014, este site oferece uma grande fonte de inspiração para o " projeto de material " A maior parte do site apresenta capturas de tela em alta resolução de sites e aplicativos móveis que usam o " projeto de material " E embora seja fácil se perder nesses exemplos inspiradores, não se esqueça de verificar a documentação que eles incluíram para desenvolvedores na barra lateral superior direita. Esta documentação será útil se você deseja desenvolver com o " projeto de material ".
6 - Blog de Material Design
Este blog é um dos nossos favoritos, não apenas porque cobre uma série de ferramentas e tópicos nos quais você pode estar interessado quando se trata desse assunto, mas também porque ele faz um ótimo trabalho mostrando a você técnicas de design com "Design de Materiais". Se você ainda não teve a chance de ver suas animações em ação, visite o site e clique em um de seus posts.
7 - MaterialUp
Parte da família de sites Uplabs O MaterialUp tem tudo a ver com design de materiais: sites de amostra, capturas de tela de aplicativos para dispositivos móveis, ferramentas, dicas e muito mais. Mesmo que você não encontre nada útil agora, dê uma olhada no design do site deles. O layout e a aparência lembram o Google Drive, certo? Se você está procurando um recurso você pode confiar, você pode recorrer a este site?
8 - Pinterest
Se algum dia um site for apontado como a principal fonte de inspiração para "designers", o Pinterest compartilhará essa honra com o Behance. Com uma busca rápida pelo termo "projeto de material Você tem acesso instantâneo a vídeos e imagens de sites e aplicativos que usam essa estrutura.
É isso para esta lista de Ressources para o " projeto de material ". Sinta-se livre para compartilhá-lo com seus amigos em suas redes sociais favoritas.