หากคุณจะพัฒนาสำหรับผู้ใช้ในรัสเซีย โปรดใช้ปุ่ม "บันทึกลงในโทรศัพท์" เนื่องจาก Google Wallet ไม่ได้ให้บริการในประเทศเหล่านี้ โปรดดู เนื้อหาและหลักเกณฑ์ที่เกี่ยวข้อง หากคุณพัฒนาปุ่มสำหรับผู้ใช้นอกรัสเซีย โปรดอัปเดตปุ่มเพิ่มลงใน Google Wallet โดยการดาวน์โหลดเนื้อหาด้านล่าง
เอกสารส่วนนี้ออกแบบมาเพื่อช่วยคุณสร้างรูปภาพและองค์ประกอบอื่นๆ ของอินเทอร์เฟซผู้ใช้เพื่อให้ดูดีในแอป Google Wallet
ชิ้นงาน
เพิ่มลงใน Google Wallet
ปุ่มเพิ่มลงใน Google Wallet จะใช้ทุกครั้งที่คุณ แจ้งให้ผู้ใช้บันทึกบัตรหรือบัตรจากแอปหรือเว็บไซต์ของคุณลงใน Wallet ปุ่มเพิ่มลงใน Google Wallet ต้องเรียกใช้ขั้นตอนใดขั้นตอนหนึ่งของ Google Wallet API ขั้นตอนนี้จะแสดงแอป Google Wallet ซึ่งผู้ใช้ทำตามวิธีการเพื่อบันทึกบัตรลงในอุปกรณ์ Android และบัญชี Google ของตนเองได้ ปุ่มนี้ใช้ในแอป เว็บไซต์ หรืออีเมลได้
ปุ่มเพิ่มลงใน Google Wallet มีให้ใช้งานในรูปแบบ Android XML, SVG และ PNG
ดาวน์โหลดเนื้อหา - Android XML ดาวน์โหลดเนื้อหา - SVG ดาวน์โหลดเนื้อหา - PNGปุ่มดูใน Google Wallet
ปุ่มดูใน Google Wallet ใช้เพื่อทํา Deep Link ผู้ใช้กับ Wallet เพื่อดูบัตรหรือบัตรที่บันทึกไว้ก่อนหน้านี้ ปุ่มนี้ใช้ได้ในแอป เว็บไซต์ หรืออีเมล
ปุ่มดูใน Google Wallet มีให้ใช้งานในรูปแบบ SVG และ PNG
ดาวน์โหลดเนื้อหา - SVG ดาวน์โหลดเนื้อหา - PNGปุ่มทั้งหมดที่แสดงในเว็บไซต์ แอป หรือการสื่อสารทางอีเมลต้องเป็นไปตามหลักเกณฑ์การใช้แบรนด์ที่ระบุไว้ในหน้านี้ ตัวอย่างหลักเกณฑ์เหล่านี้รวมถึงแต่ไม่จำกัดเพียงรายการต่อไปนี้
- ขนาดเมื่อเทียบกับปุ่มหรือองค์ประกอบอื่นๆ ที่คล้ายกันของหน้าเว็บ
- ห้ามแก้ไขรูปร่างและสีของปุ่ม
- พื้นที่ว่าง
ปุ่มที่แปลแล้ว
มีปุ่ม Google Wallet ที่แปลแล้วให้บริการในทุกตลาดที่ Wallet พร้อมให้บริการ หากคุณพัฒนาสำหรับผู้ใช้ในตลาดเหล่านี้ ให้ใช้ปุ่มที่ลิงก์ไว้ด้านบนเสมอ อย่าสร้างปุ่มในเวอร์ชันของคุณเอง หากปุ่มเวอร์ชันที่แปลแล้วไม่พร้อมใช้งานในตลาดของคุณ ให้ใช้ปุ่มเวอร์ชันภาษาอังกฤษ
ปุ่มเพิ่มลงใน Google Wallet ภาษากรีก (คาตาลัน โปรตุเกส โปแลนด์ โปรตุเกส โปแลนด์ ฝรั่งเศส ฟินแลนด์ มาเยือน โรมาเนีย สเปน สวีเดน อังกฤษ อิตาลี อินโดนีเซีย อาเซอร์ไบจาน โปรตุเกส โปแลนด์ ฝรั่งเศส ฟินแลนด์ เยอรมัน รัสเซีย สเปน อังกฤษ อิตาลี อินโดนีเซีย อาเซอร์ไบจาน โปแลนด์ โปรตุเกส โปแลนด์ ฝรั่งเศส ฟินแลนด์ ฟิลิปปินส์ มาเยือน สเปน อังกฤษ อิตาลี อินโดนีเซีย และอาเซอร์ไบจาน) แอลเบเนีย
ชื่อที่แปลแล้ว
เพื่อความชัดเจนของผู้ใช้ ชื่อผลิตภัณฑ์ Google Wallet จะมีการแปลในบางตลาด หากคุณกําลังพัฒนาสําหรับผู้ใช้ในประเทศเหล่านี้ ให้ใช้ชื่อที่แปลแล้วด้านล่างสําหรับเว็บ อีเมล และพิมพ์ทุกครั้ง อย่าสร้าง "Google Wallet" เวอร์ชันแปลของคุณเอง หากตลาดของคุณไม่อยู่ในรายการด้านล่าง ให้ใช้ "Google Wallet" เป็นภาษาอังกฤษ
ประเทศ | ชื่อ |
---|---|
เบลารุส | Google Кошелек |
บราซิล | การ์เทราโด Google |
ชิลี | Billetera de Google |
เช็กเกีย | {Pljjááda Google" |
กรีซ | ᠃ไม่ได้ผลศูนย์กลาง Google |
ฮ่องกง | Google 錢包 |
ลิทัวเนีย | Google Piniginโดยใช้แอป |
โปแลนด์ | Google พอร์ตเฟล |
โปรตุเกส | การ์เทรา ดา Google |
โรมาเนีย | Portofel Google |
สโลวาเกีย | แพลตฟอร์มของ Google |
ไต้หวัน | Google 錢包 |
ตุรกี | Google กุซดาน |
สหรัฐอาหรับเอมิเรตส์ | ممحمظة Google |
ยูเครน | Google คำตอบของคุณ |
สหรัฐอเมริกา (สเปน)
*ใช้ชื่อนี้ในสหรัฐอเมริกาหาก UI เป็นภาษาสเปน |
Billetera de Google |
ขนาด
ปรับความสูงและความกว้างของปุ่มเพิ่มลงใน Google Wallet ให้พอดีกับเลย์เอาต์ของคุณ หากมีปุ่มอื่นๆ ในหน้านั้น ปุ่มเพิ่มลงใน Google Wallet ต้องมีขนาดเท่ากันหรือใหญ่กว่า อย่าทำให้ปุ่มเพิ่มลงใน Google Wallet เล็กกว่าปุ่มอื่นๆ
สไตล์
ปุ่มเพิ่มลงใน Google Wallet มีอยู่ 2 รูปแบบ ได้แก่ ปุ่มหลักและแบบย่อ ปุ่มเพิ่มลงใน Google Wallet จะเป็นสีดำเท่านั้น มีปุ่มในเวอร์ชันแปลแล้ว อย่าสร้างปุ่มที่มีข้อความที่แปลแล้วของคุณเอง
หลัก | ย่อ |
---|---|
![]() |
![]() |
ใช้ปุ่มหลักบนพื้นหลังสีขาวและสีอ่อน | ใช้ปุ่มแบบย่อหากมีพื้นที่ไม่เพียงพอสำหรับส่วนหลักหรือความกว้างเต็มขนาด |
พื้นที่ว่าง
คงพื้นที่ว่างขั้นต่ำที่ 8 dp ทุกด้านของปุ่มเพิ่มลงใน Google Wallet เสมอ ตรวจสอบว่าไม่มีกราฟิกหรือข้อความมีพื้นที่ว่าง
![ปุ่ม "เพิ่มลงใน Google Wallet" ต้องมีพื้นที่ 8 dp ทุกด้าน](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/images/branding/add-to-wallet-clear-space.png?authuser=4&hl=th)
ความสูงขั้นต่ำ
ปุ่มเพิ่มลงใน Google Wallet ทั้งหมดต้องมีความสูงอย่างน้อย 48 dp
![ปุ่มเพิ่มลงใน Google Wallet ต้องสูงอย่างน้อย 48 dp](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/images/branding/add-to-wallet-min-height.png?authuser=4&hl=th)
สิ่งที่ควรและไม่ควรทำ
สิ่งที่ควรทำ | สิ่งที่ไม่ควรทำ |
---|---|
ควร: ใช้เฉพาะปุ่มเพิ่มลงใน Google Wallet จาก Google | ไม่ควร: สร้างปุ่มเพิ่มลงใน Google Wallet ของคุณเอง หรือแก้ไขแบบอักษร สี รัศมีของปุ่ม หรือระยะห่างจากขอบภายในปุ่มในลักษณะใดก็ตาม |
ควร: ใช้ปุ่มรูปแบบเดียวกันทั่วทั้งเว็บไซต์ | ไม่ควร: ทำให้ปุ่มเพิ่มลงใน Google Wallet เล็กกว่าปุ่มอื่นๆ |
ควร: ตรวจสอบว่าขนาดของปุ่มเพิ่มลงใน Google Wallet ยังคงเท่ากับหรือใหญ่กว่าปุ่มอื่นๆ | ไม่ควร: เปลี่ยนสีปุ่ม |
ควร: รักษาอัตราส่วนของปุ่มให้เท่าเดิมเมื่อปรับขนาดปุ่มเพิ่มลงใน Google Wallet | ไม่ควร: ปรับขนาดปุ่มฟรี |
ควร: ใช้ปุ่มเวอร์ชันแปลที่ให้มา | ไม่ควร: สร้างปุ่มในเวอร์ชันที่แปลแล้วของคุณเอง |
แนวทางปฏิบัติแนะนำสำหรับการวางปุ่ม
แสดงปุ่มเพิ่มลงใน Google Wallet ในหน้าจอแอปยืนยัน หน้าเว็บ หรืออีเมล ดูแนวทางปฏิบัติแนะนำต่อไปนี้เพื่อเป็นแนวทางในการออกแบบ UI
ป้ายองค์กร
แสดงปุ่มเพิ่มลงใน Google Wallet ในหน้าจอยืนยัน
![ปุ่ม "เพิ่มลงใน Google Wallet" วางอย่างเด่นชัดในแอปบัญชีผู้ใช้](https://developers-dot-devsite-v2-prod.appspot.com/static/wallet/access/corporate-badge/images/corporatebadge-branding-example.png?authuser=4&hl=th)
การใช้ชื่อผลิตภัณฑ์ Google Wallet ในข้อความ
คุณสามารถใช้ข้อความเพื่อระบุให้ผู้ใช้ทราบว่าบันทึกป้ายองค์กรไว้ในอุปกรณ์ของผู้ใช้แล้ว
ทำให้ตัวอักษร "G" และ "W" เป็นตัวพิมพ์ใหญ่
ใช้ "G" ตัวพิมพ์ใหญ่ทุกครั้ง และ "W" แล้วตามด้วยตัวพิมพ์เล็กเสมอเพื่ออ้างถึง Google Wallet อย่าใช้ตัวพิมพ์ใหญ่ของชื่อเต็ม "Google Wallet" เว้นแต่จะตรงกับรูปแบบการพิมพ์ใน UI
อย่าใช้ตัวย่อของ Google Wallet
เขียนคำว่า "Google" และ "Wallet" ออกมาเสมอ
ใช้สไตล์ให้เข้ากับ UI
ตั้งค่า "Google Wallet" โดยใช้แบบอักษรและรูปแบบการพิมพ์เหมือนกับข้อความที่เหลือใน UI ห้ามเลียนแบบรูปแบบตัวอักษรของ Google
ใช้ "Google Wallet" เวอร์ชันที่แปลแล้วเสมอ
เขียนคำว่า "Google Wallet" ในสำเนาที่แปลแล้วที่ให้ไว้เสมอ