Material You 디자인은 Android 12 버전과 함께 출시되었으며 Android 13으로 확장되었습니다.
이 페이지에서는 더 풍부한 동적 색상 지원과 통합할 수 있도록 Material You 로직 업데이트를 중점적으로 살펴봅니다.
동적 색상 색조 팔레트
Android 12부터 다음과 같은 동적 색상 색조 팔레트가 지원됩니다.
각각은 R.color
에 설명된 것처럼 다양한 휘도 값이 정의되어 있지만 런타임에 Android 시스템에서 동적으로 생성될 수 있는 색조 및 크로마 값은 정의되어 있지 않은 13가지 색상 세트로 구성됩니다.
동적 색상 테마 스타일
Android 13부터 개발자 요구사항과 대비 기대치를 유지하는 동적 색상 알고리즘의 변형으로 6가지 다양한 테마 스타일이 지원됩니다. 앱에서 사용하는 65가지 동적 색상을 생성하기 위해 다음과 같이 나열되어 있습니다.
TONAL_SPOT
은system_accent1_0
색상과 유사한system_accent3_0
색상을 사용하는 중간 생동감의 팔레트입니다(Android 12 출시에서 이전되어 약간 조정됨).VIBRANT
는 색상 간의 미세한 변화를 조화롭게 혼합하는 높은 생동감의 팔레트입니다.EXPRESSIVE
는 예기치 않은 색상과 고유한 강조 색상을 함께 결합하는 높은 생동감의 팔레트입니다.SPRITZ
는 색상 간에 소프트 워시를 생성하는 낮은 생동감의 팔레트입니다.RAINBOW
는 색채 강조와 중립적인 노출 영역을 모두 사용하여 사용자에게 좀 더 섬세한 색상 환경을 제공합니다.- 이는 배경 색상에 맞출 때는 사용하지 않는 것이 좋으며 대신 정적 색상 테마와 함께 사용해야 합니다.
FRUIT_SALAD
는 사용자가 더 풍부하게 표현할 수 있도록 투톤 색상을 제공합니다.- 이는 배경 색상에 맞출 때는 사용하지 않는 것이 좋으며 대신 정적 색상 테마와 함께 사용해야 합니다.
시스템 테마는 Android 12와 동일한 설정(Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES
)에 기반합니다. Android 13의 경우 소스 색상을 전송하여 65가지 색상 팔레트를 생성하는 JSON에 키가 하나만 필요합니다.
{
"android.theme.customization.system_palette":"746BC1"
}
기본 테마 스타일은 TONAL_SPOT
이지만 필요한 경우 위의 JSON과 함께 추가 키를 사용하여 다른 테마 스타일 중 하나를 지정할 수 있습니다.
{
"android.theme.customization.system_palette":"746BC1"
"android.theme.customization.theme_style":"EXPRESSIVE"
}
동적 색상 통합
동적 색상 통합에 관한 가이드라인은 Material You 디자인 통합을 참고하세요.
자주 묻는 질문(FAQ)
동적 색조 팔레트 API에는 어떤 것이 포함되나요?
다음과 같이 5가지 색조 팔레트가 있습니다.
각 색조 팔레트에는 색인 0, 10, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000으로 끝나는 13가지 색상 값이 있습니다.
결과로 생성되는 API는 색인으로 끝나는 색조 팔레트 이름의 조합입니다. 예:
R.color#system_accent1_10
동적 색조 팔레트는 어떻게 생성되나요?
동적 색조 팔레트는 여러 개의 유효한 소스 색상을 제공하는 com.android.systemui.monet.ColorScheme#getSeedColors
를 사용하여 배경화면에서 파생되어야 하는 단일 소스 색상에서 생성되어야 합니다. 제공된 색상이 소스 색상 요구사항을 충족하지 않으면 단일 소스 색상은 0xFF1B6EF3
값을 사용해야 합니다.