Diretrizes para imagens de badges personalizadas

Estou prestes a pedir à nossa equipe de design para criar algumas imagens de distintivo personalizadas para nós.

Antes de fazer isso, seria útil saber quais diretrizes essas imagens devem seguir :sweat_smile:

Obviamente quadradas. Mais alguma coisa? Formato da imagem? Resolução? …?

1 curtida

Boa pergunta!

Os emblemas geralmente são renderizados em ~ 14x14, 16x16 ou 56x56px.
O tamanho pode variar porque geralmente é relativo ao tamanho da fonte do elemento.
Mas isso lhe dá uma ideia do tamanho base que você pode almejar.

Além disso:

  • Proporção 1:1
  • SVG para escalonamento com uma imagem menor ou PNG transparente com uma imagem maior; depende do que você quer mostrar.
  • Tenha em mente o modo escuro para a cor
  • Tenha em mente o tipo de emblema, se necessário
  • Tenha em mente como ele será exibido em tamanho pequeno

É tudo o que consigo pensar por enquanto.

Você também pode considerar criar um ícone SVG personalizado, se eu estiver correto. Dessa forma, ele escalará bem com a cor adequada (também é mais fácil de alterar depois).

Espero que ajude.

5 curtidas