안드로이드 머터리얼 디자인 테마(material Design Theming)

머티리얼 테마는 제품 브랜드를 더 잘 반영하기 위해 머티리얼 디자인 앱을 맞춤화하는 것을 말합니다.

 

Material Theming

 

What is Material Theming?

머티리얼 테마는 머티리얼 디자인을 체계적으로 커스텀하여 제품 브랜드를 더 잘 반영하는 것입니다

 

색상 및 타이포그래피와 같은 UI 측면을 변경하기 시작하면 Material Theming 도구가 사용자 경험 전반에 걸쳐 디자인 비전을 적용합니다. 

 

도구를 사용하면 모든 커스텀 가능한 속성에 대한 특정 값을 제공하여 디자인 워크플로와 코드 워크플로 간에 쉽게 전환할 수 있습니다. 이러한 값을 사용자 정의하면 제품에 대한 머티리얼 테마가 생성됩니다.

 

Using Material Theming

머티리얼 테마는 세 가지 주요 작업으로 구성됩니다.

 

- 테마 사용자 지정

- 디자인 모의 전체에 적용

- 코드에서 사용

 

머티리얼 디자인은 the proverbial box에서 꺼내 바로 사용할 수 있는 기본 제공 테마로 디자인되어 제공됩니다.

머티리얼이 제품에 적합하도록 원하는 만큼 사용자 정의할 수 있습니다.

Theming in practice

테마는 버튼과 같은 개별 구성 요소를 포함하여 전체 UI에 영향을 줍니다.

아래 예는 버튼 구성 요소의 기본 값을 사용자 정의하는 방법을 보여줍니다.

Customization: before and after

contained Button에는 특정 색상, 모양 및 type 패밀리에 대한 값이 할당됩니다.

기본적으로 포함된 버튼의 기본값을 적용하면,

• The color is #6200EE
• The text is 14pt, Roboto, Medium, and all caps
• The corners have a rounded radii of 4dp

버튼의 기본 색상, 유형 및 모양을 앱 스타일에 맞게 조정할 수 있습니다.

 

완전히 커스텀된 버튼을 생성

Default and customized values

버튼에는  속성과 기본값이 있으며  커스텀된 부분은 굵게 표시함.

 

 

 

Type Family 변경함.

각 구성요소의 Primary /. OnPrimary 색상 변경.

 

각 코너 잘라냄.