이 가이드라인은 앱 또는 웹사이트 내에서 Google Pay API for Passes를 구현하는 데 도움이 되는 정보를 제공합니다.
Google Pay에 저장 버튼
Google Pay에 저장 버튼은 Google Pay API for Passes 흐름 중 하나를 호출해야 합니다. 이러한 흐름은 사용자가 탑승권, 이벤트 또는 대중교통 티켓, 포인트 카드, 기프트 카드, 쿠폰을 Android 기기에 저장할 수 있는 화면을 표시합니다. 이 버튼은 판매자 앱, 웹사이트, 이메일 또는 SMS에서 사용할 수 있습니다.
애셋
Google Pay에 저장 버튼은 EPS 및 SVG 파일로 제공됩니다.
애셋 다운로드 - EPS 애셋 다운로드 - SVG사이트, 앱 또는 이메일 커뮤니케이션에 표시되는 모든 Google Pay에 저장 버튼은 이 페이지에 설명된 Google의 브랜드 가이드라인을 준수해야 합니다. 가이드라인에는 다음 항목이 포함되지만 이에 국한되지 않습니다.
- 페이지의 다른 유사한 버튼 또는 요소와 관련된 크기
- 주변 영역의 배경색과 대비 이루기
- 여백
Google Pay에 저장 버튼을 사용할 수 있는 언어에는 한국어, 네덜란드어, 노르웨이어(복말), 덴마크어, 독일어, 러시아어, 스웨덴어, 스페인어, 슬로바키아어, 아랍어, 영어, 우크라이나어, 이탈리아어, 인도네시아어, 일본어, 중국어 간체, 중국어 번체, 체코어, 크로아티아어, 태국어, 포르투갈어, 폴란드어, 핀란드어가 있습니다.
크기
Google Pay에 저장 버튼의 높이와 너비를 레이아웃에 맞게 조정하세요. 페이지에 다른 버튼이 있는 경우 Google Pay에 저장 버튼의 크기는 나머지 버튼 크기와 같거나 커야 합니다. Google Pay에 저장 버튼을 다른 버튼보다 작게 만들지 마세요.
스타일
Google Pay에 저장 버튼에는 검은색, 흰색, 검은색 윤곽선이 있는 흰색 등 3가지 변형이 있습니다. 텍스트가 현지화된 버튼이 제공됩니다. 텍스트를 직접 현지화하여 버튼을 만들지 마세요.
![]() |
![]() |
![]() |
검은색 | 흰색 | 윤곽선이 있는 흰색 |
배경색이 흰색이거나 밝은 색일 때는 대비를 이루도록 검은색 버튼을 사용하세요. 배경색이 어두울 때는 검은색 버튼 대신 흰색 버튼을 사용하세요. | 배경색이 어둡거나 화려한 색일 때는 흰색 버튼을 사용하세요. 배경색이 흰색이거나 밝은 색일 때는 흰색 버튼 대신 검은색 버튼이나 윤곽선이 있는 흰색 버튼을 사용하세요. | 배경색이 흰색이거나 밝은 색일 때 검은색 버튼 대신 윤곽선이 있는 흰색 버튼을 사용할 수도 있습니다. 배경색이 어둡거나 화려한 색일 때는 이 버튼 대신 표준 흰색 버튼을 사용하세요. |
여백
Google Pay에 저장 버튼의 모든 면에 항상 8dp의 최소 공간을 유지하세요. 그래픽이나 텍스트가 여백을 침범하지 않도록 주의하시기 바랍니다.
![](https://developers.google.cn/static/pay/passes/images/branding/Save_to_phone_button_clearspace-1.png?hl=ko)
최소 높이
모든 Google Pay에 저장 버튼의 높이는 36dp 이상이어야 합니다.
![](https://developers.google.cn/static/pay/passes/images/branding/Save_to_phone_button_minheight.png?hl=ko)
권장사항 및 금지사항
권장사항 | 금지사항 |
---|---|
권장: Google에서 제공하는 Google Pay에 저장 버튼만 사용하세요. | 금지: Google Pay에 저장 버튼을 직접 만들거나 글꼴, 색상, 버튼 반경 또는 버튼 내 패딩을 변경하지 마세요. |
권장: 사이트 전체에서 동일한 버튼 스타일을 사용하세요. 배경색이 변경되면 버튼 색상이 조정될 수 있습니다. | 금지: Google Pay에 저장 버튼을 다른 버튼보다 작게 만들지 마세요. |
권장: Google Pay에 저장 버튼의 크기는 다른 버튼 크기와 같거나 커야 합니다. | 금지: 배경색과 유사한 버튼 색상을 사용하지 마세요. 예를 들어 흰색 배경에 흰색 버튼을 사용하지 마세요. |
권장: 배경과 대비되는 버튼 색상을 선택하세요. | 금지: 버튼 크기를 마음대로 조정하지 마세요. |
권장: Google Pay에 저장 버튼의 크기를 조절할 때 버튼 비율을 동일하게 유지하세요. |
버튼 배치 권장사항
객체가 최대한 많이 저장되도록 Google Pay에 저장 버튼을 앱, 웹사이트 또는 이메일에서 눈에 띄게 표시합니다. Google에서 브랜드 승인을 받으려면 다음 권장사항을 준수해야 합니다.
포인트 카드
고객의 현재 포인트 정보를 표시하는 앱, 사이트 또는 이메일 커뮤니케이션의 사용자 환경 가까이에 Google Pay에 저장 버튼을 배치하는 것이 좋습니다. 사용자가 앱이나 웹사이트에서 포인트 제도에 가입한 직후 나타나는 확인 화면에 버튼을 표시하는 것도 유용합니다.
![](https://developers.google.cn/static/pay/passes/images/branding/Save_To_phone_BestPractices_web.png?hl=ko)
기프트 카드
사용자가 앱이나 웹사이트에서 기프트 카드를 구매한 후에 나타나는 확인 화면에 Google Pay에 저장 버튼을 배치하는 것이 좋습니다. 기프트 카드 수신자에게 전달되는 이메일 커뮤니케이션에 버튼을 표시하는 것도 좋은 방법입니다.
쿠폰
사용자가 쿠폰에 액세스하는 앱이나 웹사이트의 화면이나 페이지 가까이에 Google Pay에 저장 버튼을 배치하는 것이 좋습니다. 더 나은 결과를 얻으려면 쿠폰에 대한 이메일 커뮤니케이션에 버튼을 포함시키는 것이 좋습니다.
이벤트 및 대중교통 티켓
마지막 구매 단계, 앱이나 웹페이지의 확인 화면 또는 확인 이메일에 Google Pay에 저장 버튼을 표시합니다. 사용자가 앱이나 웹사이트에서 티켓에 액세스하는 위치에 Google Pay에 저장 버튼을 배치하는 것이 좋습니다.
![](https://developers.google.cn/static/pay/passes/images/branding/Boarding_passes.png?hl=ko)
탑승권
마지막 구매 단계, 앱이나 웹페이지의 확인 화면 또는 확인 이메일에 Google Pay에 저장 버튼을 표시합니다. 또는 웹사이트 또는 앱에서 승객이 항공편에 체크인하거나 탑승권을 보는 위치에 버튼을 표시하거나 관련 이메일에 버튼을 넣을 수 있습니다.
![](https://developers.google.cn/static/pay/passes/images/branding/Event_and_transit_tickets.png?hl=ko)
텍스트에 Google Pay 제품 이름 사용
텍스트를 사용하여 탑승권, 이벤트 또는 대중교통 티켓, 포인트 카드, 기프트 카드, 쿠폰이 기기에 저장되었음을 사용자에게 알릴 수 있습니다.
'G'와 'P'를 대문자로 표기
Google Pay를 언급할 때는 'G'와 'P'는 항상 대문자로 표기하고 나머지 문자는 소문자로 표기합니다. UI의 활자 스타일과 일치시키는 경우를 제외하고 'GOOGLE PAY'처럼 전체 이름을 대문자로 표기하지 마세요.
Google Pay를 줄여 쓰기 않기
항상 'Google'과 'Pay' 두 단어를 모두 표기하세요.
UI 스타일에 맞추기
'Google Pay'를 UI의 나머지 텍스트와 같은 글꼴과 활자 스타일로 설정하세요. Google의 활자 스타일을 모방하지 마세요.
Google Pay 번역하지 않기
'Google Pay'는 항상 영어로 표기하고 다른 언어로 번역하지 마세요.