หลักเกณฑ์ของแบรนด์

หากคุณพัฒนาสำหรับผู้ใช้ในรัสเซีย โปรดใช้ปุ่ม "บันทึกลงในโทรศัพท์" เนื่องจาก 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 КоCouponелек
บราซิล	Carteira do Google
ชิลี	Billetera de Google
เช็กเกีย	Peněženka Google
กรีซ	Πορτοφόλι Google
ฮ่องกง	Google 錢包
ลิทัวเนีย	Google Piniginė
โปแลนด์	Portfel Google
โปรตุเกส	Carteira da Google
โรมาเนีย	Portofel Google
สโลวาเกีย	Peňaženka Google
ไต้หวัน	Google 錢包
ตุรกี	Google Cüzdan
สหรัฐอาหรับเอมิเรตส์	ممحمظة Google
ยูเครน	Google Уаманець
สหรัฐอเมริกา (สเปน) *ใช้ชื่อนี้ในสหรัฐอเมริกาหาก UI ของคุณเป็นภาษาสเปน	Billetera de Google

ขนาด

ปรับความสูงและความกว้างของปุ่มเพิ่มลงใน Google Wallet ให้พอดีกับเลย์เอาต์ หากมีปุ่มอื่นๆ ในหน้า ปุ่มเพิ่มลงใน Google Wallet จะต้องมีขนาดเท่ากับหรือใหญ่กว่าปุ่มอื่นๆ อย่าทำให้ปุ่มเพิ่มลงใน Google Wallet เล็กกว่าปุ่มอื่นๆ

รูปแบบ

ปุ่มเพิ่มลงใน Google Wallet มี 2 รูปแบบ ได้แก่ ปุ่มหลักและปุ่มแบบย่อ ปุ่มเพิ่มลงใน Google Wallet มีเฉพาะสีดำ มีปุ่มเวอร์ชันที่แปลแล้วให้ใช้งาน อย่าสร้างปุ่มที่มีข้อความที่แปลแล้วของคุณเอง

หลัก	ย่อ
ใช้ปุ่มหลักบนพื้นหลังสีขาวและสีอ่อน	ใช้ปุ่มแบบย่อหากมีพื้นที่ไม่เพียงพอสำหรับปุ่มหลักหรือปุ่มแบบเต็มความกว้าง

พื้นที่ว่าง

คงพื้นที่ว่างไว้ขั้นต่ำ 8 dp ในทุกด้านของปุ่มเพิ่มลงใน Google Wallet เสมอ ตรวจสอบว่าไม่มีกราฟิกหรือข้อความตัดผ่านพื้นที่ว่าง

ความสูงขั้นต่ำ

ปุ่มเพิ่มลงใน Google Wallet ทั้งหมดต้องมีความสูงอย่างน้อย 48 dp

สิ่งที่ควรและไม่ควรทำ

Dos	สิ่งที่ไม่ควรทำ
สิ่งที่ควรทำ: ใช้เฉพาะปุ่มเพิ่มลงใน Google Wallet ที่ Google มีให้	ไม่ควร: สร้างปุ่มเพิ่มลงใน Google Wallet ของคุณเอง หรือเปลี่ยนแบบอักษร สี รัศมีของปุ่ม หรือระยะห่างจากขอบภายในปุ่มไม่ว่าในลักษณะใดก็ตาม
สิ่งที่ควรทำ: ใช้ปุ่มสไตล์เดียวกันทั่วทั้งเว็บไซต์	สิ่งที่ไม่ควรทำ: ทำให้ปุ่มเพิ่มลงใน Google Wallet เล็กกว่าปุ่มอื่นๆ
สิ่งที่ควรทำ: ตรวจสอบว่าขนาดของปุ่มเพิ่มลงใน Google Wallet ยังคงเท่ากับหรือใหญ่กว่าปุ่มอื่นๆ	สิ่งที่ไม่ควรทำ: เปลี่ยนสีปุ่ม
สิ่งที่ควรทำ: รักษาสัดส่วนปุ่มให้เท่าเดิมเมื่อปรับขนาดปุ่มเพิ่มลงใน Google Wallet	สิ่งที่ไม่ควรทำ: ปรับขนาดปุ่มแบบอิสระ
สิ่งที่ควรทำ: ใช้ปุ่มเวอร์ชันที่แปลแล้วที่ระบุ	สิ่งที่ไม่ควรทำ: สร้างปุ่มเวอร์ชันที่แปลแล้วของคุณเอง

แนวทางปฏิบัติแนะนำสำหรับตําแหน่งปุ่ม

แสดงปุ่มเพิ่มลงใน Google Wallet บนหน้าจอยืนยันของแอป หน้าเว็บ หรืออีเมล ดูแนวทางปฏิบัติแนะนำต่อไปนี้เพื่อเป็นแนวทางในการออกแบบ UI

ป้ายขององค์กร

แสดงปุ่มเพิ่มลงใน Google Wallet ในหน้าจอยืนยัน

การใช้ชื่อผลิตภัณฑ์ Google Wallet ในข้อความ

คุณสามารถใช้ข้อความเพื่อแสดงให้ผู้ใช้ทราบว่ามีการบันทึกป้ายบริษัทลงในอุปกรณ์ของผู้ใช้

ทำให้ตัวอักษร "G" และ "W" เป็นตัวพิมพ์ใหญ่

ใช้ "G" ตัวพิมพ์ใหญ่และ "W" ตัวพิมพ์ใหญ่ตามด้วยตัวอักษรตัวพิมพ์เล็กเสมอเพื่ออ้างอิงถึง Google Wallet อย่าใช้ชื่อเต็มของ "Google Wallet" เป็นตัวพิมพ์ใหญ่ เว้นแต่จะตรงกับรูปแบบตัวอักษรใน UI

อย่าย่อ Google Wallet

เขียนคำว่า "Google" และ "Wallet" ด้วยตัวพิมพ์เต็มเสมอ

จับคู่สไตล์ใน UI ของคุณ

ตั้งค่า "Google Wallet" ในแบบอักษรและสไตล์การพิมพ์เดียวกับข้อความที่เหลือใน UI อย่าเลียนแบบรูปแบบตัวอักษรของ Google

ใช้ "Google Wallet" เวอร์ชันที่แปลแล้วเสมอ

เขียน "Google Wallet" เสมอในข้อความที่แปลแล้ว