Avatar + Insignia

    El patrón Avatar + Insignia se usa comúnmente en muchas plataformas digitales para representar a los usuarios y sus logros o roles. Un Avatar es una pequeña representación gráfica de un usuario, a menudo una imagen de perfil o un ícono, mientras que una Insignia es un pequeño elemento visual que se usa con un mensaje o indicación breve y sutil para representar un logro, alerta o estado.

    El patrón Avatar + Insignia viene con la flexibilidad de estilo proporcionada por el Avatar y la Insignia que constituyen su diseño.

    Size

    El patrón Avatar + Insignia admite los mismos tamaños que el Avatar:

    • Grande: adecuado para páginas de perfil
    • Medio: apropiado para menús y visualizaciones personalizados
    • Pequeño: se integra fácilmente en una lista de contactos y escenarios repetitivos similares

    Position

    La Insignia viene colocada en una de las cuatro esquinas del Avatar como se muestra a continuación.

    • Abajo a la izquierda
    • Abajo a la derecha
    • Arriba a la izquierda
    • Parte superior derecha

    Detalles

    El patrón Avatar + Insignia ofrece distintos niveles de detalles según el tamaño del Avatar que se utiliza.

    Facepile

    Facepile es un elemento de diseño muy utilizado en plataformas digitales que representa visualmente a un grupo de usuarios o personas. Por lo general, muestra un conjunto de componentes de Avatar en un formato compacto y estéticamente agradable. En particular, Facepile admite los mismos tamaños que Avatar: Grande, Mediano y Pequeño.

    Additional Resources

    Temas relacionados:

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.