카드에는 텍스트, 아이콘, 이미지, Gemini 대답, 작업 등 다양한 정보가 포함될 수 있습니다.
원칙
일관성: 카드는 관련 정보와 작업을 이해하기 쉬운 단일 단위로 그룹화합니다.
명확성: 콘텐츠를 명확하고 체계적으로 표시하여 가독성을 높입니다.
다양한 용도: 카드는 작은 텍스트 블러브부터 여러 요소가 포함된 더 복잡한 요약까지 다양한 콘텐츠를 표시하도록 적응할 수 있습니다.
모듈식: Jetpack Compose Glimmer for Glasses 인터페이스의 여러 부분에서 모듈식으로 재사용할 수 있도록 설계되었습니다.
사용 및 배치
카드에는 텍스트, 아이콘, 이미지, 작업, Gemini 대답 등 다양한 정보가 포함될 수 있습니다.
다양한 변형이 제공되고 처음부터 글래스 디자인 원칙을 따르도록 최적화된 Jetpack Compose 글리머 카드 템플릿을 콘텐츠에 사용하세요.
권장사항
금지사항
카드가 포함된 버튼 그룹을 사용하여 두 개 이상의 작업을 표시합니다.
권장사항
금지사항
분석
카드는 사전 설정된 슬롯 템플릿으로 빌드됩니다.
1. 헤더: 이미지를 포함하도록 설계된 카드 상단 섹션입니다.
2. 제목 및 부제목: 이 텍스트 필드는 카드의 기본 라벨과 보조 라벨을 제공합니다.
3. 선행 아이콘: 카드 콘텐츠 영역의 시작 부분에 표시되는 선택적 아이콘입니다.
4. 후행 아이콘: 카드 콘텐츠 영역 끝에 표시되는 선택적 아이콘입니다.
5. 작업: 버튼과 같은 기본 상호작용 요소용 슬롯입니다. 이를 통해 사용자는 카드에서 직접 작업을 실행할 수 있습니다. 카드에 작업이 있는 경우 작업이 하나만 포함되어야 합니다.
6. 기본 콘텐츠: 기본 텍스트 또는 기타 콘텐츠를 배치하는 카드의 핵심 본문입니다.
포커스
기본 목적이 특정 대화형 요소 (예: 작업의 버튼)를 포함하는 카드인 경우 포커스는 카드 컨테이너가 아닌 해당 요소로 바로 이동해야 합니다. 카드는 목록의 항목과 같이 탐색 가능한 단일 항목을 나타낼 때 포커스 가능해집니다. 이를 통해 더 직접적이고 접근성 높은 사용자 환경을 제공할 수 있습니다.
목록 항목으로 포커스가 있는 카드
카드 내 버튼에 실행 가능한 요소로 포커스가 지정됩니다.
맞춤설정
| 속성 | 맞춤설정 | 기본값 |
|---|---|---|
| 도형 | 예 | 보통 |
| 패딩 | 예 | 24 dp, 24 dp |
| 테두리 | 예 | 2 dp, #606460 |
| 텍스트 | 예 | Body Small |
| 앞부분 아이콘 | 예 | 56 dp |
| 뒷부분 아이콘 | 예 | 56 dp |