아바타 그룹Avatar Group

아바타(avatar)는 사람을 대신하는 작은 원형 이미지, 그룹은 그것을 겹쳐 쌓은 것입니다. 명단을 다 적는 대신 "여러 명이 있다"는 사실과 몇 명의 얼굴만 보여 줍니다. 이 사이트의 회원 카드·커뮤니티 글에 쓰는 아바타를 그대로 겹쳤습니다.

언제 쓰나요

정확한 명단보다 "누가·얼마나"가 중요할 때 씁니다. 이 목표에 참여한 사람, 이 글에 반응한 사람, 온라인인 팀원. 보통 3~5명까지 얼굴을 보이고 나머지는 +N으로 접습니다. +N을 누르면 전체 목록이 열리게 하는 것이 자연스럽습니다.

사진이 없는 사람은 이름 첫 글자를 색 배경 위에 둡니다. 겹치는 부분에 배경색과 같은 테두리를 주면 원들이 구분됩니다.

AI에게 시키기

목표 카드에 참여자 아바타 그룹을 넣어줘.
- 최대 4명까지 원형 아바타를 겹쳐서(각 원이 앞 원을 약간 덮게), 나머지는 +N 원으로
- 사진 없으면 이름 첫 글자 폴백, 각 원에 배경색과 같은 2px 테두리
- 각 아바타 hover 시 툴팁으로 이름, +N 클릭 시 전체 참여자 목록
- 참여자가 0명이면 아바타 그룹 대신 "아직 참여자가 없어요" 텍스트

"참여자 보여줘"라고 하면 이름을 쉼표로 나열합니다. 겹침·+N·폴백을 적어야 이 모양이 됩니다.

혼동 주의

• 아바타(단수): 사람 한 명의 표시입니다. 그룹은 여러 명을 한 덩어리로 보여 주는 배치입니다.
• 배지: 아바타 오른쪽 아래의 초록 점(온라인)은 배지입니다. 아바타 그룹과 같이 쓰이지만 다른 부품입니다.
• 팀 멤버 목록: 이름·역할이 있는 진짜 명단입니다. 아바타 그룹은 그 명단으로 가는 요약입니다.