หากคุณกำลังพัฒนาแอปสำหรับผู้ใช้ในรัสเซีย โปรดใช้ปุ่ม "บันทึกลงในโทรศัพท์" เนื่องจาก 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
ดาวน์โหลดชิ้นงาน - XML ของ Android ดาวน์โหลดชิ้นงาน - 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 Кошелек |
| บราซิล | 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" ในข้อความที่แปลแล้วซึ่งมีให้เสมอ