Uma das maiores coisas que você notará no design de materiais é o uso de cores fortes e vibrantes. As diretrizes de cores do Material Design descrevem o estilo de cores como sendo “inspirado em tons fortes justapostos a ambientes suaves, sombras profundas e realces brilhantes”. Se você precisar gerar paletas de cores de design de material , essas ferramentas on -line ajudarão.
1. Paleta de Materiais
Nesta ferramenta, você começa escolhendo sua cor primária e cor de destaque. Depois, ele mostrará uma visualização ao vivo da paleta de cores gerada e oferecerá várias maneiras de baixá-la.
2. Cores do Material Design da IU do Material
Esta é uma “folha de dicas” bacana que apresenta todas as cores do material design em uma página.
3. Gerador de Material Aleatório
Você quer deixar o destino decidir qual deve ser sua paleta de cores? Use esta ferramenta para escolher aleatoriamente as cores do design do material.
4. Gerador de Paletas de Design de Materiais
Se você estiver interessado em criar uma paleta de cores personalizada, semelhante ao design de material , confira esta ferramenta. Primeiro, você precisa especificar uma cor, e não precisa ser uma das cores oficiais do material design, usando uma janela de diálogo de seleção de cores semelhante às que você pode encontrar em seu editor gráfico favorito para sites. O Gerador de Paletas de Design de Materiais irá gerar amostras de cores com base na cor escolhida.
5. Misturador de Materiais
Esta ferramenta útil mostra todas as cores do material design em um layout de grade convenientemente compacto. Clique em uma cor primária e cor de destaque para visualizar e gerar sua paleta de cores.
6. Cores dos Materiais
Essa ferramenta exibe apenas as cores 500 e A200 das amostras de cores do material design.
7. Cores do Material Design do MaterialUp
Esta é outra ferramenta simples para visualizar as cores do material design. Mostra as cores primárias lado a lado. Clicar em uma “barra de cores” mostra todas as amostras de cores associadas a essa cor.
8. Design de material da interface do usuário de matiz
Esta ferramenta exibe apenas o material design 500 cores.
9. Cores do Material Design da designsskilz
Esta ferramenta simples ajuda você a visualizar todas as amostras de cores do design do material junto com seus nomes oficiais (por exemplo , Rosa , Azul Claro , etc.).
Plugins de cores de design de material para editores gráficos
Se as ferramentas da web não são sua praia, você pode instalar um plug-in/extensão que integra as amostras de cores do material design diretamente em seu software de design.
- Para Photoshop / Illustrator: o Google fornece arquivos de cores Adobe (.aco) para download para facilitar o desenvolvimento de sua paleta de cores no Photoshop e/ou Illustrator.
- Para Sketch: Confira o plug-in de código aberto Material Design Color Palette Sketch de Koji Ishimoto.
- Para Gimp / Inkscape: Você tem algumas opções: gimp-material-design-color-palette de KiSSFLOW e material-design-colors de Soichiro Kashima.
