Paleta de cores Material Design

O site Material Design Colors conta com uma ampla variedade de cores do famoso Material Design do Google. É útil caso você seja web designer e quer dar uma cara nova aos seu site, ou você designer gráfico que quer impressionar com sua seleção de cores.

Em todos exemplos do blog eu uso essa paleta de cores, o certo é não ter medo de brincar com os vários tons de cores, os resultados podem ser incríveis!

Pra quem é perfeccionista essa imagem é um terror.

Criei a imagem, ficou ruim, aí eu escureci e coloquei um texto: gostei.

Espero que seja útil em seus projetos. Note também que no site há alguns links para outras ferramentas como Flat UI Colors, Material Design Icons, Unicode Characters. Todas essas ferramentas podem ser úteis em algum momento.

Comentários

Postagens mais visitadas deste blog

Photoshop: Escala sensível ao conteúdo

Alguma vez você já tentou redimensionar uma imagem mas teve que perder parte do conteúdo por ela não estar nas mesmas proporções que seu projeto? Essa ferramenta permite que você redimensione a imagem sem perder seu conteúdo visual importante enquanto o redimensionamento normal afeta todos os pixel da imagem, a escala sensível a conteúdo afeta mais os pixels de áreas sem conteúdo visual importante. Repare que a imagem acima não tem as mesmas proporções que o quadro em que desejo inseri-la, geralmente para que não tenhamos que "esticar" a imagem podemos contornar redimensionando ela por fora da área correta assim, mas não precisamos necessariamente fazer isso. Usando escala sensível ao conteúdo Passo 1 : Primeiramente temos que rasterizar a imagem que iremos trabalhar, para isso clique com o botão direito do mouse sobre a camada da sua imagem e clique em "Rasterizar". Passo 2 : Com a camada já rasterizada e selecionada clique em Editar > Escala ...

Photoshop: Como recortar imagens e dicas #01

O dilema de todo usuário de Photoshop: qual ferramenta usar para recortar imagens? Qual delas garante melhor qualidade? Como suavizar o recorte? Nesse artigo vou tentar abordar esse assunto de maneira simples e clara. Muitos vídeos e tutoriais fazem disso uma coisa super complicada, mas não é um bicho de 7 cabeças! Primeiramente você deve ter paciência! Não adianta sair clicando em volta do objeto de qualquer jeito e esperar que o Photoshop faça algum tipo de magia que irá recortar perfeitamente. Seja cuidadoso, aliás a pressa é a inimiga da perfeição não é? Utilizando a Pen Tool (Caneta) Você pode estar se perguntando "por que a ferramenta caneta?". É simples, com ela você pode ir clicando e criando pontos em torno da imagem, se errar basta excluir os últimos pontos, e de clique em clique você vai contornando a forma. O árduo trabalho desse método trás resultados bem satisfatórios no final. Terminei de contornar a imagem, e agora? Agora clique com...

Instalando um servidor local no Windows

O que é um servidor local? É um sistema onde você poderá executar arquivos web localmente em seu computador, usando um pacote AMP, no caso usaremos o XAMPP. O XAMPP é um pacote AMP (Apache, MySQL, PHP) que permite que seu usuário execute arquivos PHP em um servidor instalado no seu computador, sem a necessidade de uma conexão com a internet. Eu recomendo o XAMPP porque estou usando ele desde 2012 a não tive problemas desde então, na minha opinião o pacote é muito superior a outros como o Apache for Windows, PHP Triade e Easy PHP. Baixe o XAMPP Para iniciar o download do aplicativo acesse o link a seguir e clique em Download , baixe a versão para seu sistema operacional. Nesse tutorial vou explicar apenas algumas coisas, então não se preocupe se o seu SO for outro. XAMPP Download Instalação Abra o arquivo executável que acabou de baixar como administrador; Clique em "Next" até aparecer a pasta de instalação, certifique-se que é "C:\xampp" e clique em Next; V...

Lucas Celli

Pesquisar este blog