Wear Material Theming

Wear Material Theming은 Wear Material Design을 체계적으로 맞춤설정하여 브랜드에 반영하는 기능입니다. 색상 및 서체와 같은 UI 측면을 변경하기 시작하면 Wear Material 테마 설정 도구를 통해 사용자 환경 전체에 디자인 비전이 적용됩니다. 이 도구를 사용하면 맞춤설정이 가능한 모든 속성에 특정 값을 부여하여 디자인 워크플로와 코드 워크플로 간에 쉽게 전환할 수 있습니다. 속성값을 맞춤설정하면 제품의 Wear Material Theme이 생성됩니다.

Wear Material Theming 사용

Wear Material Theming은 테마 맞춤설정, 모의 디자인에 적용, 코드에서 사용이라는 세 가지 주요 작업으로 구성됩니다.

Wear Material Design에는 있는 그대로 사용할 수 있는 기본 테마가 함께 제공됩니다. 기본 테마를 맞춤설정하여 제품에 맞는 Material을 제작할 수 있습니다.

실제 테마 설정

테마 설정은 칩과 같은 개별 구성요소를 비롯한 전체 UI에 영향을 줍니다. 다음 예는 칩 구성요소의 기본값을 맞춤설정하는 방법을 보여줍니다.

포함된 칩에는 특정 색상, 모양, 서체 모음의 값이 할당됩니다. 앱 스타일에 맞게 기본값을 조정하세요.

전

기본 스타일이 적용된 기준 Wear Material 칩

후

맞춤설정된 Wear Material 칩

색상

색상 시스템은 구성요소, 텍스트, 아이콘, 표면에 맞춤 색상 설정을 지원합니다. 다음과 같이 13가지 카테고리의 테마 색상을 설정할 수 있습니다.

  1. 기본

  2. 기본 변형

  3. 보조

  4. 보조 변형

  5. 배경

  6. 노출 영역

  7. 오류

  8. 기본(대비)

  9. 보조(대비)

  10. 배경(대비)

  11. 표면(대비)

  12. 표면 변형(대비)

  13. 오류(대비)

서체

서체 시스템은 함께 글꼴 크기를 형성하는 11개의 카테고리를 지원합니다. 이 서체 크기는 본문에서 버튼 텍스트까지 화면에 표시되는 다양한 서체 스타일과 크기를 결정합니다.

서체 속성은 서체 모음, 글꼴, 대소문자, 크기, 자간에 따라 맞춤설정할 수 있는 값으로 제어됩니다.