Linee guida per l'immagine del badge personalizzato

Supporto
1

Chiederò al nostro team di progettazione di creare alcune immagini di badge personalizzate per noi.

Prima di farlo, sarebbe utile sapere quali linee guida dovrebbero seguire tali immagini :sweat_smile:

Ovviamente quadrate. Qualcos’altro? Formato immagine? Risoluzione? …?

1 Mi Piace
3

Ottima domanda!

Le badge vengono solitamente renderizzate a circa 14x14, 16x16 o 56x56px.
La dimensione può variare perché è solitamente relativa alla dimensione del font dell’elemento.
Ma ti dà un’idea della dimensione di base a cui puoi puntare.

Inoltre:

  • Rapporto 1:1
  • SVG per scalare con un’immagine più piccola o PNG trasparente con un’immagine più grande; dipende da cosa vuoi mostrare.
  • Tieni presente la modalità scura per il colore
  • Tieni presente il tipo di badge, se necessario
  • Tieni presente come verrà visualizzato a piccole dimensioni

Questo è tutto ciò che mi viene in mente al momento.

Potresti anche considerare la creazione di un’icona SVG personalizzata, se non erro. In questo modo, scalerà bene con il colore corretto (anche più facile da cambiare in seguito).

Spero che questo aiuti.

5 Mi Piace