Nếu bạn đang phát triển cho người dùng ở Liên bang Nga, vui lòng sử dụng các nút "Lưu vào điện thoại" vì Google Wallet chưa hoạt động ở các quốc gia này. Vui lòng xem các thành phần và nguyên tắc có liên quan. Nếu bạn đang phát triển cho người dùng bên ngoài Liên bang Nga, vui lòng cập nhật nút Thêm vào Google Wallet bằng cách tải các thành phần bên dưới xuống.
Phần này của tài liệu được thiết kế để giúp bạn tạo hình ảnh và các thành phần khác của giao diện người dùng sao cho chúng trông đẹp mắt trong ứng dụng Google Wallet.
Thành phần
Nút Thêm vào Google Wallet
Nút Thêm vào Google Wallet được dùng bất cứ khi nào bạn hướng người dùng lưu thẻ hoặc vé từ ứng dụng hoặc trang web của bạn vào ví của họ. Nút Thêm vào Google Wallet phải gọi một trong các Google Wallet API flows. Các quy trình này hiển thị ứng dụng Google Wallet để người dùng có thể làm theo hướng dẫn để lưu thẻ và vé vào thiết bị Android và Tài khoản Google của họ. Bạn có thể dùng nút này trong ứng dụng, trang web hoặc email.
Các nút Thêm vào Google Wallet có ở định dạng Android XML, SVG, và PNG.
Tải thành phần xuống – Android XML Tải thành phần xuống – SVG Tải thành phần xuống – PNGNút Xem trong Google Wallet
Nút Xem trong Google Wallet được dùng để liên kết sâu người dùng đến ví của họ để xem thẻ hoặc vé đã lưu trước đó. Bạn có thể dùng nút này trong ứng dụng, trang web hoặc email.
Các nút Xem trong Google Wallet có ở định dạng SVG và PNG.
Tải thành phần xuống – SVG Tải thành phần xuống – PNGTất cả các nút xuất hiện trên trang web, ứng dụng hoặc email của bạn phải tuân thủ các nguyên tắc về thương hiệu được nêu trên trang này. Một số ví dụ về các nguyên tắc này bao gồm nhưng không giới hạn ở những nguyên tắc sau:
- Kích thước tương đối so với các nút hoặc thành phần tương tự khác trên trang
- Không được thay đổi hình dạng và màu sắc của nút
- Không gian trống
Nút được bản địa hoá
Các nút Google Wallet được bản địa hoá được cung cấp cho tất cả các thị trường mà Wallet hoạt động. Nếu bạn đang phát triển cho người dùng ở các thị trường này, hãy luôn sử dụng các nút được liên kết ở trên. Không tạo phiên bản nút của riêng bạn. Nếu không có phiên bản nút được bản địa hoá ở thị trường của bạn, hãy sử dụng phiên bản nút tiếng Anh.
Các nút Thêm vào Google Wallet có ở các ngôn ngữ sau: tiếng Albania, tiếng Ả Rập, tiếng Armenia, tiếng Azerbaijan, tiếng Bosnia, tiếng Bulgaria, tiếng Catalan, tiếng Trung (Hong Kong), tiếng Trung (Phồn thể), tiếng Croatia, tiếng Séc, tiếng Đan Mạch, tiếng Hà Lan, tiếng Anh (Ấn Độ, Singapore, Nam Phi, Úc, Canada, Anh, Hoa Kỳ), tiếng Estonia, tiếng Philippines, tiếng Phần Lan, tiếng Pháp (Canada), tiếng Pháp (Pháp), tiếng Georgia, tiếng Đức, tiếng Hy Lạp, tiếng Do Thái, tiếng Hungary, tiếng Iceland, tiếng Indonesia, tiếng Ý, tiếng Nhật, tiếng Kazakh, tiếng Kyrgyz, tiếng Latvia, tiếng Lithuania, tiếng Macedonia, tiếng Mã Lai, tiếng Na Uy, tiếng Ba Lan, tiếng Bồ Đào Nha (Brazil), tiếng Bồ Đào Nha (Bồ Đào Nha), tiếng Romania, tiếng Nga (Belarus), tiếng Serbia, tiếng Slovak, tiếng Slovenia, tiếng Tây Ban Nha (Châu Mỹ Latinh), tiếng Tây Ban Nha (Tây Ban Nha), tiếng Thuỵ Điển, tiếng Thái, tiếng Thổ Nhĩ Kỳ, tiếng Ukraina, tiếng Uzbek và tiếng Việt.
Tên được bản địa hoá
Để người dùng dễ hiểu, tên sản phẩm Google Wallet được bản địa hoá ở một số thị trường. Nếu bạn đang phát triển cho người dùng ở các quốc gia này, hãy luôn sử dụng tên được bản địa hoá bên dưới cho trang web, email và bản in. Không tạo phiên bản "Google Wallet" được bản địa hoá của riêng bạn . Nếu thị trường của bạn không có trong danh sách bên dưới, hãy sử dụng "Google Wallet" bằng tiếng Anh.
| Quốc gia | Tên |
|---|---|
| Belarus | Google Кошелек |
| Brazil | Carteira do Google |
| Chile | Billetera de Google |
| Cộng hoà Séc | Peněženka Google |
| Hy Lạp | Πορτοφόλι Google |
| Hong Kong | Google 錢包 |
| Lithuania | Google Piniginė |
| Ba Lan | Portfel Google |
| Bồ Đào Nha | Carteira da Google |
| Rumani | Portofel Google |
| Slovakia | Peňaženka Google |
| Đài Loan | Google 錢包 |
| Thổ Nhĩ Kỳ | Google Cüzdan |
| UAE | محفظة Google |
| Ukraina | Google Гаманець |
|
Hoa Kỳ (Tiếng Tây Ban Nha)
*Hãy sử dụng tên này ở Hoa Kỳ nếu giao diện người dùng của bạn bằng tiếng Tây Ban Nha |
Billetera de Google |
Kích thước
Điều chỉnh chiều cao và chiều rộng của nút Thêm vào Google Wallet cho phù hợp với bố cục của bạn. Nếu có các nút khác trên trang, thì nút Thêm vào Google Wallet phải có kích thước bằng hoặc lớn hơn. Đừng làm cho nút Thêm vào Google Wallet nhỏ hơn các nút khác.
Kiểu
Các nút Thêm vào Google Wallet có 2 biến thể: chính và mật độ cao. Nút Thêm vào Google Wallet chỉ có màu đen. Các phiên bản nút được bản địa hoá được cung cấp. Không tạo nút có văn bản được bản địa hoá của riêng bạn.
| Chính | Mật độ cao |
|---|---|
|
|
| Sử dụng nút chính trên nền trắng và nền sáng. | Sử dụng nút mật độ cao nếu không có đủ không gian cho nút chính hoặc nút có chiều rộng đầy đủ. |
Không gian trống
Luôn duy trì không gian trống tối thiểu là 8 dp ở tất cả các mặt của nút Thêm vào Google Wallet. Đảm bảo rằng không gian trống không bao giờ bị gián đoạn bởi hình ảnh hoặc văn bản.
Chiều cao tối thiểu
Tất cả các nút Thêm vào Google Wallet đều phải có chiều cao tối thiểu là 48 dp.
Những việc nên làm và việc không nên làm
| Nên làm | Không nên làm |
|---|---|
| Nên làm: Chỉ sử dụng các nút Thêm vào Google Wallet do Google cung cấp. | Không nên làm: Tạo nút Thêm vào Google Wallet của riêng bạn hoặc thay đổi phông chữ, màu sắc, bán kính nút hoặc khoảng đệm trong nút theo bất kỳ cách nào. |
| Nên làm: Sử dụng cùng một kiểu nút trên toàn bộ trang web của bạn. | Không nên làm: Làm cho các nút Thêm vào Google Wallet nhỏ hơn các nút khác. |
| Nên làm: Đảm bảo rằng kích thước của các nút Thêm vào Google Wallet vẫn bằng hoặc lớn hơn các nút khác. | Không nên làm: Thay đổi màu nút. |
| Nên làm: Giữ nguyên tỷ lệ nút khi đổi kích thước các nút Thêm vào Google Wallet. | Không nên làm: Tự do điều chỉnh tỷ lệ nút. |
| Nên làm: Sử dụng phiên bản nút được bản địa hoá được cung cấp. | Không nên làm: Tạo phiên bản nút được bản địa hoá của riêng bạn. |
Các phương pháp hay nhất về vị trí đặt nút
Hiển thị nút Thêm vào Google Wallet trên màn hình ứng dụng xác nhận , trang web hoặc email. Hãy tham khảo các phương pháp hay nhất sau đây để hướng dẫn thiết kế giao diện người dùng của bạn.
Thẻ sinh viên
Hiển thị nút Thêm vào Google Wallet trên màn hình ứng dụng xác nhận.
Cách sử dụng tên sản phẩm Google Wallet trong văn bản
Bạn có thể sử dụng văn bản để cho người dùng biết rằng Thẻ sinh viên của họ đã được lưu vào thiết bị của họ.
Viết hoa các chữ cái "G" và "W"
Luôn sử dụng chữ "G" viết hoa và chữ "W" viết hoa, sau đó là các chữ cái viết thường để chỉ Google Wallet. Đừng viết hoa toàn bộ tên "Google Wallet" trừ phi để phù hợp với kiểu chữ trong giao diện người dùng của bạn.
Không viết tắt Google Wallet
Luôn viết đầy đủ các từ "Google" và "Wallet".
Phù hợp với kiểu trong giao diện người dùng của bạn
Đặt "Google Wallet" ở cùng một phông chữ và kiểu chữ như phần còn lại của văn bản trong giao diện người dùng của bạn. Đừng bắt chước kiểu chữ của Google.
Luôn sử dụng phiên bản "Google Wallet" được bản địa hoá
Luôn viết "Google Wallet" trong bản sao được bản địa hoá được cung cấp.