Provavelmente cada designer tem seu próprio conjunto de sites úteis que usa para trabalhar. Decidimos mostrar alguns dos sites que usamos e compartilhar nossa própria seleção de recursos interessantes para web designers, desde sites de stock até canais de notícias e redes neurais. Será útil tanto para iniciantes quanto para designers experientes: para os primeiros será um pouco mais fácil navegar pelo oceano de serviços existentes, enquanto os últimos descobrirão algo novo.
Não incluímos Pinterest, Behance e Shutterstock na lista – se você sabe algo sobre design, provavelmente já os conhece :)
Serviços úteis
Sites com ferramentas úteis para web designers: sites com ícones e fontes stock, geradores de paletas e ilustrações, e assim por diante.
Fontes
FontSpace
FontSpace é um site com mais de 100.000 fontes gratuitas de stock de todos os tipos e tamanhos, criadas e enviadas à plataforma por cerca de 3.200 designers de todo o mundo. A plataforma permite inserir um texto e ver como ele fica em diferentes fontes, encontrar seleções personalizadas, deixar comentários e conversar com outros usuários. Também oferece alguns recursos interessantes, como um gerador de Lenny Face e uma ferramenta de análise de texto que exibe todos os símbolos unicode e mostra pontos de código invisíveis ou caracteres mal representados.
SnapFonts
Uma extensão útil do navegador que permite ver como um site ficaria se você mudasse suas fontes. Você não precisa se cadastrar ou baixar nada: basta instalar a extensão, ir a qualquer site e escolher uma ou várias fontes entre as 900 disponíveis. Todas as fontes mudarão automaticamente de acordo com os parâmetros de tamanho e estilo definidos, permitindo que você veja como o site ficaria com essas mudanças. Para fazer upload de uma fonte personalizada, você precisará comprar uma assinatura Pro.
A extensão é compatível com Chrome, Firefox, Edge e Brave.
Cores
Material Palette
Um site indispensável para qualquer designer que permite gerar uma paleta de cores. O conceito é bem simples: você escolhe duas cores quaisquer, e o serviço gerará uma paleta de oito tons com códigos.
Khroma
Khroma é outro serviço de seleção de cores, mas este é baseado em IA. Para começar, você precisa selecionar 50 tons que você gosta, e a rede neural os usará para gerar pares que combinem com seu gosto. Você pode criar combinações infinitas, e em cada caso o sistema fornecerá os códigos, valores RGB, código CSS e classificação de acessibilidade WCAG.
Contrast.ratio
Uma ferramenta que ajuda você a verificar o contraste entre duas cores – muito útil ao escolher o tom da fonte de um site. Para usar o serviço, insira os nomes ou os códigos de duas cores: o site as exibirá juntas e calculará a razão de contraste. Quanto maior a razão, melhor.
Ícones, ilustrações, padrões
Iconfinder
O maior site de ícones stock. Aqui você pode encontrar mais de 7 milhões de ícones, stickers e ilustrações 2D/3D disponíveis para download em PNG, SVG e AI. O site tem uma ferramenta de busca que permite filtrar por estilo e tipo de licença (gratuita/paga).
Beautiful Dingbats' Pattern Generator
Uma ferramenta gratuita para criar padrões e texturas únicos que podem ser usados, por exemplo, para desenhar fontes. O serviço em si parece um construtor, onde você pode combinar diferentes cores, padrões, estilos e objetos. Os templates podem ser exportados nos formatos SVG, CSS, JPEG, PNG e CSS.
Canais do Telegram
Aqui estão alguns dos canais que seguimos pessoalmente para notícias do mercado, tendências, dicas e casos. Além disso, às vezes eles anunciam eventos e cursos de treinamento com desconto para seguidores.
UI/UX Designer - um canal gerenciado pela Design Glory, uma comunidade de designers que compartilham suas experiências, postam notícias da indústria e conteúdo interessante – desde o logo de Jony Ive para a coroação de Charles III até guias de grid do Figma.
UX from Hell - exemplos de design UX terrível. Aqui você pode encontrar não apenas design web, mas também UX do mundo real – por exemplo, uma imagem de um banco construído ao redor de um canteiro de cactos. Pode te fazer rir e ajuda a se colocar no lugar do usuário ao mesmo tempo.
UX Notes - um canal de notícias que seleciona os artigos mais recentes e interessantes publicados por gurus do design em várias plataformas, os resume e fornece um link para sua versão completa.
Product Design Digest - um canal gerenciado por Yuri Vetrov, Diretor de Design na Mail.ru e professor na British Higher School of Art & Design, onde ele publica extensas seleções de artigos interessantes sobre UI/UX e design de produto. Entre suas publicações mais recentes e interessantes está uma lista de resenhas sobre as tendências de 2023.
Redes neurais
Recentemente, houve notícias sobre uma nova rede neural, Galileo AI, que pode gerar interfaces a partir de consultas de texto. Por exemplo, você pode simplesmente digitar "uma tela de onboarding para um aplicativo de passeio com cães", e a mágica da IA fará o resto. O interessante é que os resultados são totalmente editáveis no Figma. O Galileo AI ainda não foi lançado, mas você pode se inscrever para acesso antecipado.
No entanto, os web designers ainda não têm motivo para se preocupar, já que é improvável que as redes neurais os substituam pelos próximos 5-10 anos – e aqui está o porquê. Enquanto isso, a inteligência artificial continua sendo uma ferramenta de design útil. Por exemplo, ela pode ajudar a desenhar fundos ou ilustrações como substituição de imagens stock. Então redes neurais como DALL-E, Midjourney ou GauGAN definitivamente pertencem à nossa seleção de recursos para web designers.