#UX/UI.03– 5 Bancos e pacotes de ilustrações que são show de bola.
As vezes, ilustrações são tudo para a composição do seu projeto! Eu, particularmente, adoro usar elas como materiais auxiliares na composição, principalmente — mas não exclusivamente — em projetos com linguagens mais informais.
Ao longo do tempo, alguns bancos de ilustrações foram se destacando para mim, e por isso estou aqui com essa listagem dos meus bancos de ilustrações favoritos. Bora conhecer?
1. Storyset
O Storyset surgiu recentemente e antes de ser chamado como é, ele era o Stories by Freepik.
E esse é, com certeza, o meu preferido de todos! ❤
Desde o primeiro dia pós lançamento, eu possuo um carinho muito grande pelo Storyset — pelas suas inúmeras possibilidades e pelo modo como isso é exibido.
Nele, possuímos cinco pessoas: Rafiki, Pana, Bro, Amico e Cuate. Cada pessoa é como se fosse um personagem, e cada personagem tem um estilo de ilustração. E aí, temos também as principais tags, e em cada tag existe inúmeras ilustrações sobre diversos assuntos referentes àquela tag. E, para cada ilustração, existe a escolha de um dos cinco estilos — referentes aos personagens - do Storyset.
Ao escolher uma ilustração, podemos alterar sua cor primária para qualquer outra cor, configurar o background (simples ou elaborado?), mostrar ou esconder camadas da ilustração e alterar a cor da pele dos personagens.
E, se essas configurações não forem suficientes, podemos salvar a ilustração em SVG (❤) e soltar a criatividade.
Além disso, o Storyset possui uma funcionalidade beeeeeem legal: podemos animar as ilustrações! Ele possui configurações de animações básicas e muito fáceis que dão um destaque a mais aos nossos projetos e podem ser exportadas de maneiras bem legais. Para os dev’s, existem para ser copiados os códigos em svg e css, em svg e css separadamente e, em alguns casos, o código do delay da animação. Além desses formatos, as animações também podem ser exportadas como gifs ou vídeos do tamanho e com o background que preferir!
E, para me fazer gostar mais ainda desse banco de ilustrações, ele possui ilustrações referentes às atualidades do mundo, além de ser bem diverso quanto à culturas e movimentos sociais. ❤
O link para acessar o Storyset é: https://storyset.com/
2. Humaaans
O Humaaans é um banco de ilustrações muito legal e MUITO, mas MUITO, personalizável.
Nele, você pode criar seu próprio remix de pessoas, cenários e posições, fazendo uma ilustração com desenhos pré-criados que formam algo que se adaptará ao seu projeto e ao seu contexto. Com o humaaans, soltar a criatividade é facílimo e super divertido!
Além disso, ele possui seu estilo único que é combinado em todas as ilustrações para você manter uma padronização no seu projeto. Show de bola, né?
O Humaaans pode ser encontrado em seu site: https://www.humaaans.com/ e também em diversos meios facilitadores, como no plugin Humaaans for Figma.
3. Ouch!
O Ouch! é o banco de ilustrações do Icons8, e se diferencia pelo grande número de estilos diferentes de ilustrações que são disponibilizadas gratuitamente ou não.
Ele é constituído de ilustrações dos principais artistas conhecidos no Dribbble, e pode ser filtrado por categorias (como, por exemplo, negócios ou família), ou pelo estilo da ilustração, o que nos ajuda bastante a manter um projeto elegante e padronizado. ❤
Além disso, no site do Icons8, onde esse banco de ilustrações é encontrado, algumas outras ferramentas bem bacanas também são: um criador de vetores, onde podemos compor ilustrações a partir de elementos disponibilizados nele de forma super fácil e sem precisar baixar nada, e um lugarzinho especial para (inusitadamente) mãos em 3d!
Todas as ilustrações podem ser encontradas nos formatos svg e png, porém nem todas são gratuitas em todos os formatos.
Para acessar o Ouch!, o link é esse aqui: https://icons8.com/illustrations
4. Undraw
O Undraw é o banco mais fácil de encontrar e baixar ilustrações: todas elas estão presentes em uma página e basta selecionar e escolher seu formato.
Assim como o Humaaans, ele possui um estilo único, sendo um grande facilitador na nossa padronização. Mantendo sua facilidade de uso, o Undraw permite a troca de cores na própria página das ilustrações, mas para modificações mais detalhadas também é permitido baixar a ilustração no formato svg e editá-la no software de preferência.
Além disso, o Undraw é um serviço open-source! Nele, podemos baixar e usar as ilustrações de forma pessoal e comercial, sem nenhum custo e sem atribuição! Legal, né?
O link de acesso ao Undraw é: https://undraw.co/illustrations
5. Blush
O Blush é só amor! ❤
Nele, podemos combinar diversos elementos criados por artistas incríveis para montar nossas próprias ilustrações, de forma rápida e muito fácil, escolhendo a opção de criar um Doodle.
Além disso, a sua separação entre coleções e artistas nos ajuda a descobrir estilos únicos de ilustração e, principalmente, conhecer os artistas por trás desses desenhos. Eu acho isso demais!
O Blush possui plugins para diferentes ferramentas de prototipação, tornando o banco ainda mais fácil de ser utilizado e as ilustrações ainda mais fáceis de serem encontradas. Abaixo, uma imagem demonstrativa dele funcionando no Figma:
Para acessar o Blush, basta clicar em: https://blush.design/pt
Bancos apresentados! Para finalizar, deixo aqui uma pergunta simples e rapidinha: você costuma ser do time de várias ilustrações ou prefere a paz de uma interface menos decorada?
Aguardo a resposta de vocês, agradeço a atenção até esse finalzinho do artigo (❤) e saio dizendo: