Avatar

An avatar is a graphical representation of a user or character, typically displayed as a small image or icon. Avatars are used to personalize user experiences by visually representing individuals.

Base Components

Overview

An avatar is a graphical representation of a user or character.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D268-115311%26t%3DIsUbgF59vjRUP8zU-1

When should you use them?

Use avatars in user profiles, messaging systems, comment sections, and anywhere users need to be visually identified. They help create a more personal and engaging user experience.

Best practices when using Avatars
  • Ensure that avatars are clearly recognizable and of high quality.
  • Provide default avatars for users who do not upload their own.
  • Allow users to easily upload and update their avatars.
  • Maintain consistent avatar sizes across the application.
  • Make sure avatars are responsive and adapt well to different screen sizes.
Previous

No previous post
Up next

No next post