화신
아바타 구성요소를 프로필 사진이나 이미지, 아이콘, 이니셜이 포함된 문자열을 통해 사람을 그래픽으로 표현하는 데 사용하세요. 아바타는 Ignite UI for Angular와 시각적으로 동일합니다.
Avatar Demo
Type
아바타에는 이미지, 이니셜이 포함된 문자열, 아이콘 등 다양한 유형의 콘텐츠가 포함될 수 있습니다.
Size
아바타는 세 가지 크기로 제공됩니다.
- 대형 - 프로필 페이지에 적합
- 중간 - 맞춤형 메뉴 및 시각화에 적합
- 소규모 - 연락처 목록 및 유사한 반복 시나리오에 쉽게 포함됨
Shape
아바타는 모양에 따라 결정되는 두 가지 유형, 즉 원형과 사각형 형태로 제공됩니다. Figma 에서는 둥근 사각형 모양도 지원합니다.
스타일링
아바타에는 배경색, 이니셜 및 텍스트 스타일, 아이콘 및 색상(해당하는 경우)에 대한 다양한 옵션을 통해 스타일링 유연성이 제공됩니다.
Usage
이니셜이나 아이콘이 있는 아바타를 사용할 때는 아바타 배경색과 대비가 잘 되도록 색상을 신중하게 선택하세요. 동일한 색상의 유사한 음영이나 색수차를 생성하는 조합과 같이 대비가 낮은 색상은 피하십시오.
하다 | 하지 않다 |
---|---|
Additional Resources
관련 주제:
우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.
에서 페이지 보기
GitHub