맞춤설정

작업 테마를 맞춤설정하면 브랜드를 더 잘 반영하고 사용자 경험에 시각적 컨텍스트를 제공할 수 있습니다.

개요


색상

색상은 강력한 브랜드 식별자입니다. 브랜드를 나타내는 기본 색상과 배경 색상을 맞춤설정할 수 있습니다. 기본 색상은 카드 제목이나 작업 버튼과 같은 시각적인 요소를 강조하는 데 사용됩니다. 이 색상은 브랜드와 가장 자주 관련성이 높은 색상이어야 합니다.

먼저 기본 색상을 선택하세요.

기본 색상을 선택한 후 기본 색상과 보조 텍스트 색상에 모두 포함되는 배경 색상을 선택합니다.

배경 색상은 밝은 버전의 기본 색상일 수 있습니다.

배경 색상은 보색일 수 있습니다.

Google에서는 개발자가 선택한 색상에 액세스할 수 있도록 Developer Console에서 기본 색상과 배경 색상 간의 색상 대비율이 보조 색상과 배경 색상 간에 충분한지 확인합니다. 기본 색상과 배경 색상을 선택하고 조정하는 방법에 대한 자세한 내용은 Material Design 사이트를 참조하세요.

배경 이미지

카드에 풍부한 시각적 효과와 치수를 제공하는 가장 강력한 방법 중 하나는 이미지를 단색 대신 배경으로 사용하는 것입니다. 이미지를 배경으로 선택할 때 다음 사항을 고려하세요.
전경의 가독성을 보장하기 위해 배경 이미지에는 어두운 보호 마스크를 적용합니다. 텍스트가 자동으로 흰색으로 바뀝니다.

이 기본 카드는 배경 이미지를 사용합니다. 배경 이미지는 모든 배경 색상을 대체하므로 브랜드를 가장 잘 나타내는 옵션을 선택하세요.

이미지는 여러 대화상자를 회전하여 원하는 디자인과 분위기를 유지할 만큼 중립적이어야 합니다. 여기에서 같은 배경 이미지가 위의 기본 카드와 이 캐러셀 카드에 모두 적용됩니다.


서체

서체는 가장 중요한 정보에 대한 사용자의 관심을 유도하면서 브랜드를 표현할 수 있습니다. 효과를 극대화하려면 액션의 각 카드에 가장 큰 텍스트(예: 제목)를 맞춤설정하세요. 이 위치에서 Serif 글꼴, 스크립트 스타일 글꼴 또는 두께가 더 큰 글꼴과 같은 표현적인 글꼴이 시선을 끌고 보조 텍스트와 대비를 이룰 수 있습니다. 일반적인 서체 안내는 Material Design Foundation을 참고하세요.

보조 텍스트와 잘 어울리는 글꼴을 선택하세요.

적절한 예

굵은 글꼴과 밝은 색상을 사용하여 배경이 눈에 띄고 카드 제목에 시선을 사로잡습니다.

부적절한 예

두께가 굵지 않으면 본문 텍스트 앞의 제목을 읽기가 어려울 수 있습니다.


도형

이미지 모양

Material Foundation의 구성요소와 함께 이미지의 모양은 표현의 또 다른 차원을 제공합니다. 지금은 시각적 구성요소의 이미지에 대해 각진 모양과 곡선 모양 중 하나를 선택할 수 있습니다. 전반적인 브랜드 스타일에 적합한 이미지 모양을 선택합니다.

로고에서 어떤 모양을 선택해야 할 지 알아보기에 좋습니다. 이 예에서는 로고가 날카롭고 각이 진 것이므로 각이 진 모서리가 브랜드와 일치해야 합니다.

다른 구성요소도 결정에 도움이 될 수 있습니다. 여기서 작업 버튼의 둥근 가장자리와 로고는 모두 이미지의 곡선 모서리와 일치합니다.

이미지 도형을 선택하는 방법에 관한 자세한 내용은 Material Design 사이트를 참고하세요.