이 가이드라인은 앱 또는 웹사이트 내에서 Google Pay API for Passes를 구현하는 데 도움이 되는 정보를 제공합니다.
'휴대전화에 저장' 버튼
사용자가 코로나19 카드를 다운로드하도록 링크를 사용하는 경우 딥 링크 앞에 'Google 휴대전화에 저장' 버튼 이미지를 추가하면 사용자에게 더 일관된 경험을 제공할 수 있습니다. 이 버튼은 판매자 앱, 웹사이트, 이메일 또는 SMS에서 사용할 수 있습니다.
애셋 다운로드를 클릭하여 PNG, SVG, Android 벡터 드로어블 XML 파일에서 사용할 수 있는 Google 버튼을 다운로드합니다.
애셋 다운로드경고: 'Google Pay 자바스크립트에 저장' 버튼을 사용하지 마세요. 위의 코로나19 카드 전용으로 표시된 '휴대전화에 저장' 이미지만 사용하세요.
사이트, 앱 또는 이메일 커뮤니케이션에 표시되는 모든 휴대전화에 저장 버튼은 이 페이지에 설명된 Google의 브랜드 가이드라인을 준수해야 합니다. 가이드라인에는 다음 항목이 포함되지만 이에 국한되지 않습니다.
- 페이지의 다른 유사한 버튼 또는 요소와 비교한 크기
- 주변 영역 배경색과의 대비
- 여백
현재 휴대전화에 저장 버튼은 영어로만 제공됩니다.
크기
휴대전화에 저장 버튼의 높이와 너비를 레이아웃에 맞게 조정하세요. 페이지에 다른 버튼이 있는 경우 휴대전화에 저장 버튼의 크기는 나머지 버튼 크기와 같거나 커야 합니다. 휴대전화에 저장 버튼을 다른 버튼보다 작게 만들지 마세요.
스타일
휴대전화에 저장 버튼에는 검은색, 흰색, 검은색 윤곽선이 있는 흰색 등 3가지 변형이 있습니다. 버튼의 현지화된 버전이 필요한 경우 google-pay-passes-support@google.com으로 문의하세요.
 |
 |
 |
| 블랙 | 흰색 | 윤곽선이 있는 흰색 |
| 배경색이 흰색이거나 밝은색일 때는 대비를 이루도록 검은색 버튼을 사용하세요. 배경색이 어두울 때는 검은색 버튼 대신 흰색 버튼을 사용하세요. | 배경색이 어둡거나 화려한 색일 때는 흰색 버튼을 사용하세요. 배경색이 흰색이거나 밝은색일 때는 흰색 버튼 대신 검은색 버튼이나 윤곽선이 있는 흰색 버튼을 사용하세요. | 배경색이 흰색이거나 밝은색일 때 검은색 버튼 대신 윤곽선이 있는 흰색 버튼을 사용할 수도 있습니다. 배경색이 어둡거나 화려한 색일 때는 이 버튼 대신 표준 흰색 버튼을 사용하세요. |
여백
항상 휴대전화에 저장 버튼의 사방에 최소 8dp의 여백을 유지합니다. 그래픽이나 텍스트가 여백을 침범하지 않도록 주의하시기 바랍니다.
최소 높이
모든 휴대전화에 저장 버튼의 최소 높이는 36dp여야 합니다.
권장사항 및 금지사항
| 권장사항 | 금지사항 |
|---|---|
| 권장: Google에서 제공하는 휴대전화에 저장 버튼만 사용하세요. | 금지: 휴대전화에 저장 버튼을 직접 만들거나 글꼴, 색상, 버튼 반경 또는 버튼 내 패딩을 변경하지 마세요. |
| 권장: 사이트 전체에서 동일한 버튼 스타일을 사용하세요. 배경색이 변경되면 버튼 색상이 조정될 수 있습니다. | 금지: 휴대전화에 저장 버튼을 다른 버튼보다 작게 만들지 마세요. |
| 권장: 휴대전화에 저장 버튼의 크기는 다른 버튼 크기와 같거나 커야 합니다. | 금지: 배경색과 유사한 버튼 색상을 사용하지 마세요. 예를 들어 흰색 배경에 흰색 버튼을 사용하지 마세요. |
| 권장: 배경과 대비되는 버튼 색상을 선택하세요. | 금지: 버튼 크기를 마음대로 조정하지 마세요. |
| 권장: 휴대전화에 저장 버튼의 크기를 조절할 때 버튼 비율을 동일하게 유지하세요. |
버튼 배치 권장사항
객체가 최대한 많이 저장되도록 휴대전화에 저장 버튼을 앱, 웹사이트 또는 이메일에서 눈에 띄게 표시합니다. Google에서 브랜드 승인을 받으려면 다음 권장사항을 준수해야 합니다.
코로나19 카드
개발한 코로나19 카드를 사용자가 저장하고 사용하고 적극적으로 활용할 수 있도록 하려면 모든 상황별 플로우에 휴대전화에 저장 버튼이나 링크를 배치하는 것이 좋습니다. 일반적으로 카드 인쇄 버튼과 같이 용도가 유사한 작업 버튼 옆에 버튼을 배치하는 것이 좋습니다.
사용자가 Android 앱이나 웹사이트에서 백신 접종 또는 검사 데이터를 보는 흐름에 휴대전화에 저장 버튼을 배치하는 방법을 생각해보세요. 사용자가 앱에 로그인하거나 가입한 후에 이 버튼이 사용자에게 표시되도록 하여 성공을 거둔 파트너들도 있습니다.