상
아이콘 구성 요소를 사용하여 사용자에게 미묘한 그래픽 정보를 제공합니다. 이 정보는 경우에 따라 제품 좋아요, 나중을 위해 기사 저장 등과 같은 간단한 상호 작용을 유발할 수도 있습니다. 이미 제공된 것 중에서 선택할 수 있습니다. 머티리얼 아이콘 또는 필요한 항목을 Icons
Figma 페이지 또는 🎨 Material Icons
Sketch의 페이지 Indigo.Design 시스템 여기서 아이콘을 사용하기 위한 유일한 조건은 해당 아이콘이 구성 요소나 기호여야 한다는 것입니다. 키트에 추가할 아이콘을 선택할 때 주의를 기울이는 것이 좋습니다. 둘 사이의 최상의 시각적 일관성을 보장하려면 일관성을 유지하는 것이 중요합니다. 아이콘은 시각적으로 다음과 동일합니다. Ignite UI for Angular
Icon Demo
Size
아이콘은 세 가지 크기로 제공됩니다.
- 크기가 큰
- 중간
- 작은
스타일링
아이콘에는 선택 가능한 그래픽과 그래픽에 적용되는 색상에 대한 옵션을 통해 스타일링 유연성이 제공됩니다.
Usage
배경과의 대비가 잘 되도록 아이콘 색상을 신중하게 선택하고 동일한 색상의 유사한 음영이나 색수차를 생성하는 조합을 피하십시오.
하다 | 하지 않다 |
---|---|
Additional Resources
관련 주제:
우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.
에서 페이지 보기
GitHub