Resources

Um guia para quem sabe o que quer mas não sabe onde encontrar

Redação Sarah Madalena
Edição Stephane Girão
Ilustração Ieda Souza e Sarah Madalena

Quem nunca precisou de uma imagem de alta qualidade para um projeto, mas só conhecia o famigerado site Google Imagens? Ou, até mesmo, gostaria de saber o nome de uma fonte para usar em um projeto pessoal mas não sabe onde procurar? Bem, é pensando exatamente nessa limitação que apresentamos o guia seleto e inestimável de resources, feito especialmente para auxiliar você ao longo do seu projeto. Tudo isso sem precisar se preocupar e perder tempo indo atrás de recursos.

Imagens

Burst — Com fotos de alta qualidade, Burst possui inúmeras coleções, com duas variações de resolução da imagem, além de indicações de kit de imagens para ideias de negócios.

Pexels — Além de imagens de altíssima qualidade, Pexels ainda garante vídeos para projetos. Com uma interface fácil de ser utilizada, você pode modificar, copiar e até mesmo distribuir as fotos sem a necessidade de permissão.

Unsplash — Com mais de dois milhões de imagens de alta resolução, o Unsplash também possui uma interface fácil de ser utilizada, distribuindo as imagens por categorias, bem como a opção de baixar sua imagem em quatro níveis de qualidade. Além disso, ainda existe a possibilidade de favoritar e de criar sua própria coleção para projetos futuros.

Ilustrações

Drawkit — com uma vasta quantidade de ilustrações que podem ser baixadas tanto em PNG quanto em SVG, o Drawkit ainda possui o bônus de ter ícones, podendo serem baixados em packs. Com elementos em 3D e vetores, ele ainda tem o plugin conectado ao Figma.

Designstripe — apesar de ter ilustrações pagas, o Designstripe tem inúmeras ilustras grátis, que podem ser baixadas em PNG, SVG e JPG, além de poderem ser editadas online. Ainda existe dois bônus: o primeiro é que ele também tem ícones para serem baixados. O segundo é que ele é vinculado ao Drawkit. Então as imagens que você gostou e quer editar, podem ser modificadas através do Designstripe.

Freepik — um dos meus recursos favoritos, o Freepik, além de garantir inúmeras ilustrações, tanto gratuitas como pagas, possui imagens, vetores, mockups, fontes, além de outros recursos que podem ser explorados e usados a vontade.

Bônus: unDraw — além de garantir as ilustrações em PNG e SVG, o unDraw já tem suas ilustrações vinculadas à edição. Então, é possível editar as cores da ilustração e escolher a que mais encaixa no seu projeto.

Ícones

Flaticon — sem dúvidas um dos meus sites favoritos, o Flaticon possui inúmeros ícones que podem ser editados no próprio site antes do download. O site é vinculado ao Freepik, então, é possível acessa-lo através desse site.

Iconsout — podendo ser baixado em diversos formatos, além de possuir ilustrações e lotties, o Iconsout possui inúmeros recursos gratuitos e que também podem ser editados. Eles tem algumas especificações na hora de serem baixados. Então se atente para isso na hora de baixar (isso não vale apenas para esse site).

Lordicon — além de ótimos ícones, o Lordicon tem ícones animados que podem ser editados, não apenas suas cores, mas a velocidade dos elementos que estão no gif, o estilo, entre outras coisas. Nem todos são gratuitos, mas existem muitos que são.

Fontes Befonts — com ótimas fontes para download, o Befonts permite você baixar fontes para seus projetos de uso pessoal e algumas para uso comercial. Você também pode testar a fonte que deseja usar antes de baixar. Não se esqueça de ler a licença de uso. Isso vale para todas as fontes que você pretende baixar.

Fontshare — com belas fontes e de boa qualidade, o Fontshare possui fontes gratuitas com o termo de licença de uso, além de dar dicas de composição das fontes.

Google fonts — um dos mais conhecidos sites para baixar fontes, exatamente por ser excelente, o Google fonts possui inúmeras fontes gratuitas, separadas por categorias e por propriedades.

Bônus: Fontjoy — apesar de ser apenas um gerador de fontes, o Fontjoy indica boas combinações de fontes para você utilizar em seu projeto, apresentando os nomes daquelas que tem uma boa composição juntas. Você pode bloquear a fonte que mais gostou e gerar fontes secundárias.

Lembre-se: cuidado com licenças de uso de fontes! (Nota do editor)

Cores

Adobe color — além de ser um prático gerador de cores separadas por tipos, o Adobe color permite salvar as paletas geradas e algumas delas, até mesmo, através de imagens. Ainda há a possibilidade de testar a acessibilidade das cores que você gostaria de usar, bem como extrair gradientes e paletas.

Coolors — prático gerador de cores, o Coolors tem inúmeras ferramentas extras e até mesmo a opção de gerar uma paleta de cores através de fotos. Tem indicação de paletas que podem ser filtradas de várias formas, além de poder favoritar e salvar as paletas para futuros projetos.

Colors.muz — assim como os outros geradores de cor, o Colors. muz também permite que você salve suas paletas, mas ele também permite que você escolha suas cores baseadas em coisas como ilustrações, além de representar como ficariam as cores escolhidas em projetos.

Bônus: Colorsupplyyy — com uma divertida forma de visualizar as cores, o Colorsupplyyy permite que você escolha uma cor ou um estilo de cor, e através disso gera combinações, mostrando como elas ficariam em uso. Também permite que salve suas.

Boas práticas

Checklist design — com uma lista de verificação, o Checklist.design nada mais é do que uma coleção das melhores práticas de design. Uma forma de ajudar pessoas a terem uma noção de componentes essenciais para a construção de alguns projetos.

Degreeless.design — com uma lista de tudo que aparenta ser útil na jornada de aprendizado de design, bem como uma lista contínua de coisas como artigos, o Degreeless.design ajuda quem é iniciante em UX,UI, Interação ou qualquer outro assunto que envolve a jornada de design.

Laws of ux — com uma coleção das melhores práticas que ajudam a construir User interfaces, o Laws of UX apresenta e descreve leis e princípios que ajudam a realizar projetos com maior qualidade.

Bônus: UI Coach — com uma divertida forma de ensinar a melhorar no processo de User Interfaces, o Ui Coach apresenta challenges como forma de incentivar o treinamento de práticas de UI, além de trazer inspirações.