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