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

หากคุณกำลังพัฒนาแอปสำหรับผู้ใช้ในรัสเซีย โปรดใช้ปุ่ม "บันทึกลงในโทรศัพท์" เนื่องจาก 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
เช็กเกีย เทศมณฑลเปนเยนกา
กรีซ Πορτοφόλι 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 มีเฉพาะสีดำ มีปุ่มเวอร์ชันที่แปลแล้วให้ใช้งาน อย่าสร้างปุ่มที่มีข้อความที่แปลแล้วของคุณเอง

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

พื้นที่ว่าง

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

ปุ่มเพิ่มลงใน Google Wallet ต้องมีพื้นที่ 8 dp ทุกด้าน

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

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

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

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

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

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

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

บัตรนักศึกษา

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

ปุ่มเพิ่มลงใน 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" เสมอในข้อความที่แปลแล้ว