이 페이지는 Cloud Translation API를 통해 번역되었습니다.

카드 디자인 시스템

카드 기본 요소를 이해합니다. 카드 템플릿, 레이아웃, 구성요소를 사용하여 앱의 고유한 카드를 디자인하고 만드세요.

기본 요소

비율 패딩

상단, 하단, 측면 여백은 모두 고정 여백 금액이 아닌 비율을 사용하여 비례적으로 조정됩니다.

디자인 영역

각 유형의 카드 템플릿에는 기본 콘텐츠 영역 내에 자체 규칙이 있습니다. 자세한 내용은 레이아웃 안내를 참고하세요.

하단 소형 칩

카드에서 보조 작업을 사용 설정할 때 중요합니다. 페이지 하단 6.3% 위에 일관되게 배치

하단 소형 칩

버튼에는 짧지만 특정 작업이나 대상과 관련된 단어를 사용합니다. 클릭 유도 문구 텍스트의 번역은 글자 수 제한을 준수해야 합니다. 기본 또는 대체 값으로 'More'를 사용할 수 있습니다. 사용할 수 있습니다.

배치

여백: 하단으로부터 2.1%
내부 패딩: 위아래 8dp

버튼 사양

내부 패딩: 양쪽 12dp

측면 내부 패딩/여백

16.64%

권장 글자 수 제한 < 225dp

최대 행 수: 1개
최대 글자 수 제한: 8자
권장 글자 수 제한: 6자
생략: 아니요

권장 문자 한도 > 225dp

최대 줄: 1개
최대 글자 수 제한: 9자
권장 글자 수 제한: 7자
생략: 아니요

색상

브랜드 테마 적용

다양한 브랜드 색상 중에서 선택할 수 있습니다. 앱의 디자인과 분위기에 맞게 맞춤설정하고 변경할 수도 있습니다.
Material 테마 도구 및 안내를 사용하여 기본 색상을 소스 색상으로 사용하여 적절한 색상 대비 수준을 갖는 색상을 생성합니다. 생성된 팔레트를 사용하여 Figma 팔레트의 기본, 기본 변형, 표면, 표면 색상을 대체하고 타일 테마를 올바르게 지정합니다. 다른 모든 색상은 맞춤설정이 불가능하여 타일 간에 일관성을 유지할 수 없습니다.

기타 Material 테마 빌드 도구: