Directrices para la imagen de insignia personalizada

Soporte
1

Voy a pedir a nuestro equipo de diseño que cree algunas imágenes de insignias personalizadas para nosotros.

Antes de hacerlo, sería útil saber qué directrices deben seguir esas imágenes :sweat_smile:

Obviamente cuadradas. ¿Algo más? ¿Formato de imagen? ¿Resolución? …?

1 me gusta
3

¡Buena pregunta!

Las insignias suelen renderizarse a ~ 14x14, 16x16 o 56x56 píxeles.
El tamaño puede variar porque suele ser relativo al tamaño de fuente del elemento.
Pero te da una idea del tamaño base al que puedes aspirar.

Además:

  • Relación 1:1
  • SVG para escalar con una imagen más pequeña o PNG transparente con una imagen más grande; depende de lo que quieras mostrar.
  • Ten en cuenta el modo oscuro para el color
  • Ten en cuenta el tipo de insignia si es necesario
  • Ten en cuenta cómo se mostrará en un tamaño pequeño

Eso es todo lo que se me ocurre por ahora.

También podrías considerar crear un icono SVG personalizado si no me equivoco. De esta manera, escalará bien con el color adecuado (también es más fácil de cambiar más tarde).

Espero que esto ayude.

5 Me gusta