Conjunto de ícones para site ou app: como planejar e encomendar

Os ícones são as pequenas imagens que mostram às pessoas onde tocar: início, carrinho, entrega, suporte, perfil. Quando eles vêm de vários pacotes gratuitos diferentes, o site parece remendado, com traços grossos ao lado de traços finos e cantos arredondados ao lado de cantos retos. Um conjunto padronizado resolve isso e faz até um site simples parecer bem acabado. Veja como planejar o seu.

Antes de tudo, faça uma lista

Percorra o seu site ou aplicativo e anote cada lugar onde um ícone ajudaria:

• Menu principal: início, catálogo, busca, carrinho, conta.
• Recursos ou vantagens: entrega rápida, pagamento seguro, trocas, suporte.
• Contatos e ações: telefone, e-mail, localização, compartilhar, baixar.

Descreva cada ícone em poucas palavras, por exemplo “entrega: uma pequena van” ou “trocas: uma caixa com uma seta”. Quanto mais clara a lista, menos ajustes depois.

Quantos ícones você precisa

• Cerca de 4: uma landing page com três ou quatro vantagens, ou uma apresentação curta.
• Cerca de 8: as seções e os recursos principais de um site pequeno.
• Cerca de 16: um conjunto completo para um aplicativo ou um site maior, com muitas seções.

Em geral, é melhor pedir alguns a mais do que você precisa hoje. Ícones desenhados depois, em outro pedido, são mais difíceis de combinar perfeitamente.

Escolha um estilo só

Escolha um estilo e mantenha-o em todo o conjunto:

• Contorno: traços finos, leves e modernos, bons para interfaces limpas.
• Preenchido: formas sólidas, fáceis de ler em tamanhos muito pequenos.
• Duotone: dois tons da mesma cor, com um pouco mais de personalidade.
• 3D: volume suave e sombras, bom para landing pages vibrantes.

Se você já tem alguns ícones de que gosta, envie um link para eles, para que os novos sigam o mesmo visual.

Cores

Use as cores da sua marca e informe os códigos hexadecimais, como #1A73E8, se você os tiver. Uma cor principal e uma cor de destaque costumam bastar. Se você ainda não tem cores de marca, uma paleta neutra funciona sobre qualquer fundo.

Os tamanhos pequenos decidem tudo

Um ícone de menu muitas vezes tem só 24 pixels de largura. Nesse tamanho os detalhes somem, por isso formas simples se saem melhor:

• Uma ideia por ícone. Uma van para entrega, e não uma van com uma estrada, um relógio e uma caixa.
• Nada de texto dentro. As palavras ficam ilegíveis quando o ícone é pequeno.
• Símbolos conhecidos. Uma lupa para busca e um carrinho para compras são entendidos em qualquer lugar.

O que você recebe e como usar

Um conjunto típico vem em arquivos PNG separados, com fundo transparente, para que cada ícone possa ser colocado sobre qualquer cor. O PNG é um formato rasterizado: serve bem para sites, aplicativos e slides, mas não é um arquivo vetorial que se pode ampliar sem limites. Se você precisa de um favicon, um conversor online gratuito transforma um PNG em um arquivo ICO em um minuto.

Resumindo

Uma lista clara, o número certo de ícones, um estilo só e as cores da sua marca: é assim que um conjunto fica coerente em todas as telas. Se preferir que o conjunto seja desenhado para você, peça um conjunto de ícones: você envia a lista de ícones, o estilo e as suas cores e recebe 4, 8 ou 16 ícones padronizados em arquivos PNG separados, com fundo transparente. O pagamento só é liberado depois que você aprova o trabalho.