تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
إذا كنت تُطوّر التطبيقات للمستخدمين في روسيا، يُرجى استخدام الأزرار "حفظ في الهاتف"
لأنّ "محفظة Google" غير متاحة في هذه البلدان. يُرجى الاطّلاع على
مواد العرض والإرشادات المناسبة. إذا كنت تُطوّر التطبيقات للمستخدمين خارج روسيا، يُرجى
تعديل الزر الإضافة إلى محفظة Google من خلال تنزيل مواد العرض التالية.
تم تصميم هذا القسم من المستندات لمساعدتك في إنشاء صور وغيرها من عناصر واجهة المستخدم لكي تبدو رائعة في تطبيق
"محفظة Google".
مواد العرض
زر "الإضافة إلى محفظة Google"
يتم استخدام الزر الإضافة إلى محفظة Google عندما تُوجّه
المستخدمين إلى حفظ بطاقة أو تذكرة من تطبيقك أو موقعك الإلكتروني في
محفظتهم. يجب أن يستدعي الزر الإضافة إلى محفظة Google أحد مسارَي تكامل Google Wallet API. تعرض هذه الإجراءات تطبيق "محفظة Google" حيث يمكن للمستخدمين اتّباع التعليمات لحفظ البطاقات على جهاز Android
وحسابهم على Google. يمكن استخدام هذا الزر في التطبيقات أو المواقع الإلكترونية أو
الرسائل الإلكترونية.
تتوفّر أزرار الإضافة إلى "محفظة Google" بتنسيقات Android XML وSVG
وPNG.
يُستخدَم الزر عرض في "محفظة Google" لإنشاء رابط يؤدي إلى توجيه المستخدِم
إلى محفظته لعرض بطاقة أو بطاقة مرور محفوظة سابقًا. يمكن استخدام الزر
هذا في التطبيقات أو المواقع الإلكترونية أو الرسائل الإلكترونية.
تتوفّر أزرار العرض في "محفظة Google" بتنسيقَي SVG وPNG.
يجب أن تلتزم جميع الأزرار المعروضة على موقعك الإلكتروني أو تطبيقك أو رسائلك الإلكترونية بإرشادات
العلامة التجارية الموضّحة في هذه الصفحة. وتشمل الأمثلة على هذه الإرشادات، على سبيل المثال لا الحصر،
ما يلي:
الحجم بالنسبة إلى الأزرار أو العناصر الأخرى المشابهة في الصفحة
يجب عدم تغيير شكل الأزرار ولونها.
المساحة الخالية
الأزرار المترجَمة
يتم توفير أزرار "محفظة Google" المترجَمة لجميع الأسواق التي تتوفّر فيها "محفظة Google".
إذا كنت تُطوّر التطبيقات للمستخدمين في هذه الأسواق، استخدِم دائمًا أزرار
المدرَجة أعلاه. لا تنشئ نسختك الخاصة من الأزرار.
إذا لم يكن هناك إصدار مترجَم من الزر متاحًا في السوق الذي تستهدفه، استخدِم
النسخة الإنجليزية من الزر.
وتمّت ترجمة اسم منتج "محفظة Google" في أسواق محدّدة توضيحًا للمستخدمين. إذا كنت تُطوّر التطبيقات للمستخدمين في هذه البلدان، استخدِم دائمًا اسم التطبيق المُترجَم أدناه على الويب والبريد الإلكتروني والنسخ المطبوعة. لا تنشئ
نسخة مترجَمة من "محفظة Google". إذا لم يكن سوقك مُدرَجًا أدناه، استخدِم
"محفظة Google" باللغة الإنجليزية.
البلد
الاسم
بيلاروس
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 Гаманець
الولايات المتحدة (الإسبانية)
*استخدِم هذا الاسم في الولايات المتحدة إذا كانت واجهة المستخدم باللغة الإسبانية
Billetera de Google
الحجم
عدِّل ارتفاع زر الإضافة إلى "محفظة Google" وعرضه
ليناسب تنسيقك. إذا كانت هناك أزرار أخرى على الصفحة، يجب أن يكون حجم الزر
إضافة إلى محفظة Google مساويًا لحجم الأزرار الأخرى أو أكبر منها.
لا تجعل زر الإضافة إلى محفظة Google أصغر من الزرَّين
الآخرين.
النمط
يتوفّر زر الإضافة إلى "محفظة Google" بنسختَين:
الأساسية والمكثّفة. يظهر زر الإضافة إلى "محفظة Google" باللون الأسود فقط. يتم توفير نُسخ مترجَمة من الزر. لا تنشئ buttons buttons باستخدام نص مترجَم خاص بك.
الأساسية
مكثف
استخدِم الزر الأساسي على الخلفيات البيضاء والفاتحة.
استخدِم الزر المكثّف إذا لم تكن هناك مساحة كافية للعرض الأساسي
أو العرض الكامل.
المساحة الخالية
يجب دائمًا الحفاظ على الحد الأدنى للمساحة الخالية التي تبلغ 8 dp على جميع جوانب زر
الإضافة إلى محفظة Google. تأكَّد من عدم استخدام الرسومات أو النصوص في المساحة الخالية.
الحد الأدنى للارتفاع
يجب أن يكون الحد الأدنى لارتفاع كل أزرار الإضافة إلى "محفظة Google" هو 48 وحدة بكسل.
الإجراءات المسموح بها وغير المسموح بها
دوس
الإجراءات غير المناسبة
الإجراء المطلوب: استخدِم فقط أزرار
الإضافة إلى "محفظة Google" التي تقدّمها Google.
لا يُسمح بما يلي: إنشاء زر الإضافة إلى محفظة Google أو تغيير الخط أو اللون أو
شعاع الزر أو الحشو داخل الزر بأي شكل من الأشكال.
الإجراء المُقترَح: استخدِم نمط الزر نفسه
في جميع أنحاء موقعك الإلكتروني.
تجنَّب: جعل زرَّي
الإضافة إلى محفظة Google أصغر من الأزرار الأخرى.
يجب إجراء ما يلي: التأكّد من أنّ حجم أزرار
الإضافة إلى "محفظة Google" يظلّ مساويًا أو أكبر
من الأزرار الأخرى.
تجنَّب: تغيير لون الزر.
إجراء يُنصح به: يجب إبقاء نسبة حجم الزر كما هي
عند تغيير حجم أزرار الإضافة إلى "محفظة Google".
تجنَّب: تغيير حجم الزر بحرية.
يجب استخدام النسخة المُترجَمة
من الأزرار المقدَّمة.
لا ينُصَح بما يلي: إنشاء نسخة مترجمة
من الزر.
أفضل الممارسات المتعلّقة بموضع الأزرار
عرض الزر الإضافة إلى محفظة Google على شاشة تأكيد التطبيق
أو صفحات الويب أو الرسائل الإلكترونية يُرجى الرجوع إلى أفضل الممارسات التالية لتوجيه تصميم واجهة المستخدم.
البطاقات الجامعية
عرض الزر الإضافة إلى "محفظة Google" على شاشة تأكيد التطبيق
استخدام اسم منتج "محفظة Google" في النص
يمكنك استخدام نص للإشارة إلى المستخدم بأنّه تم حفظ بطاقة تعريفه الجامعية
على جهازه.
اكتب الحرفَين "G" و "W" بأحرف لاتينية كبيرة.
استخدِم دائمًا الحرف "G" الكبير والحرف "W" الكبير متبوعَين بأحرف صغيرة
للإشارة إلى "محفظة Google". لا تستخدِم الأحرف اللاتينية الكبيرة لكتابة الاسم الكامل
"محفظة Google" ما لم يكن ذلك لمطابقة النمط الكتابي في واجهة المستخدم.
لا تستخدم اختصار "محفظة Google".
اكتب دائمًا كلمتَي "Google" و "محفظة".
مطابقة النمط في واجهة المستخدم
اضبط "محفظة Google" بالخط والنمط الطباعي نفسهما المستخدَمَين في بقية
النص في واجهة المستخدم. لا تقلِّد نمط Google الطباعي.
استخدام الإصدار المترجَم من "محفظة Google" دائمًا
اكتب "محفظة Google" دائمًا في النسخة المترجَمة المقدَّمة.
تاريخ التعديل الأخير: 2025-06-05 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-06-05 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eDevelopers should utilize the "Save to phone" buttons for users in Russia, as Google Wallet is not yet available in those regions.\u003c/p\u003e\n"],["\u003cp\u003eOutside of Russia, developers should update to the latest "Add to Google Wallet" button assets provided in the documentation.\u003c/p\u003e\n"],["\u003cp\u003eThese assets and guidelines ensure consistent branding and optimal user experience across various platforms like apps, websites, and emails.\u003c/p\u003e\n"],["\u003cp\u003eLocalized buttons and product names are available for various markets and should be used whenever possible for better user clarity.\u003c/p\u003e\n"],["\u003cp\u003eAdhere to the provided size, style, and clear space guidelines when implementing Google Wallet buttons to maintain visual consistency and usability.\u003c/p\u003e\n"]]],["Developers integrating with Google Wallet should use \"Save to phone\" buttons for users in RU, and the \"Add to Google Wallet\" button for others. The \"Add to Google Wallet\" and \"View in Google Wallet\" buttons, available in various formats, must adhere to provided brand guidelines for size, shape, and clear space. Localized button versions are available and must be used when applicable; creating custom buttons or names is prohibited. The name \"Google Wallet\" should also be displayed correctly and localized when a translation is provided.\n"],null,["# Brand guidelines\n\nIf you're developing for users in RU, please use the \"Save to phone\"\nbuttons as Google Wallet isn't live in these countries. Please see the\n[relevant assets and\nguidelines](/wallet/legacy-resources/button-guidelines). If you are developing for users outside of RU, please\nupdate your **Add to Google Wallet** button by downloading the assets\nbelow.\n\n\nThis section of the documentation is designed to help you create images and\nother user interface elements so that they look great in the\nGoogle Wallet app.\n\nAssets\n------\n\n### Add to Google Wallet button\n\n\nThe **Add to Google Wallet** button is used whenever you are\ndirecting users to save a pass or card from your app or website to their\nwallet. The **Add to Google Wallet** button must call one of the\nGoogle Wallet API flows. These flows surface the Google Wallet app where\nusers can follow the instructions to save passes to their Android device\nand their Google Account. This button can be used in apps, websites or\nemails.\n\n\n**Add to Google Wallet** buttons are available in Android XML, SVG,\nand PNG format.\n[Download assets - Android XML](/static/wallet/download-assets/add-to-wallet-axml.zip) [Download assets - SVG](/static/wallet/download-assets/add-to-wallet-svg.zip) [Download assets - PNG](/static/wallet/download-assets/add-to-wallet-png.zip)\n\n### View in Google Wallet button\n\n\nThe **View in Google Wallet** button is used to deep link a user\nto their wallet to view a previously saved pass or card. This\nbutton can be used in apps, websites or emails.\n\n\n**View in Google Wallet** buttons are available in SVG and PNG format.\n[Download assets - SVG](/static/wallet/download-assets/view-in-google-wallet-svg.zip) [Download assets - PNG](/static/wallet/download-assets/view-in-google-wallet-png.zip)\n\n\nAll buttons displayed on your site, app, or email communications must adhere to the brand\nguidelines outlined on this page. Examples of these guidelines include but aren't limited to, the\nfollowing:\n\n- Size relative to other similar buttons or elements of the page\n- Shape and color of buttons must not be altered\n- Clear space\n\n### Localized buttons\n\n\nLocalized Google Wallet buttons are provided for all markets where Wallet is\navailable. If you're developing for users in these markets, always use the\nbuttons linked above. **Do not** create your own version of the buttons.\nIf a localized version of the button is not available in your market, use the\nEnglish version of the button.\n\n\n**Add to Google Wallet** buttons are available in the Albanian,\nArabic, Armenian, Azerbaijan, Bosnian, Bulgarian, Catalan, Chinese\n(Hong Kong), Chinese (Traditional), Croatian, Czech, Danish, Dutch, English\n(India, Singapore, South Africa, Australia, Canada, Great Britain, United\nStates), Estonian, Filipino, Finnish, French (Canada), French (France),\nGeorgian, German, Greek, Hebrew, Hungarian, Icelandic, Indonesian, Italian,\nJapanese, Kazakh, Kyrgyz, Latvian, Lithuanian, Macedonian, Malay, Norwegian,\nPolish, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian\n(Belarus), Serbian, Slovak, Slovenian, Spanish (Latin America), Spanish\n(Spain), Swedish, Thai, Turkish, Ukrainian, Uzbek, and Vietnamese languages.\n\n### Localized name\n\n\nFor user clarity, the Google Wallet product name is localized in select\nmarkets. If you're developing for users in these countries, always use the\nlocalized name below for web, email, and print. Do not create your own\nlocalized version of \"Google Wallet.\" If your market isn't listed below, use\n\"Google Wallet\" in English.\n\n| Country | Name |\n|----------------------------------------------------------------------------|---------------------|\n| Belarus | Google Кошелек |\n| Brazil | Carteira do Google |\n| Chile | Billetera de Google |\n| Czechia | Peněženka Google |\n| Greece | Πορτοφόλι Google |\n| Hong Kong | Google 錢包 |\n| Lithuania | Google Piniginė |\n| Poland | Portfel Google |\n| Portugal | Carteira da Google |\n| Romania | Portofel Google |\n| Slovakia | Peňaženka Google |\n| Taiwan | Google 錢包 |\n| Turkey | Google Cüzdan |\n| UAE | محفظة Google |\n| Ukraine | Google Гаманець |\n| United States (Spanish) \\*Use this name in the US if your UI is in Spanish | Billetera de Google |\n\n### Size\n\n\nAdjust the height and width of the **Add to Google Wallet** button\nto fit your layout. If there are other buttons on the page, the\n**Add to Google Wallet** button needs to be equal or larger in size.\nDon't make the **Add to Google Wallet** button smaller than other\nbuttons.\n\n### Style\n\n\n**Add to Google Wallet** buttons are available in two variations:\nprimary and condensed. The **Add to Google Wallet** button only\ncomes in black. Localized versions of the button are provided. Do not create\nbuttons with your own localized text.\n\n| Primary | Condensed |\n|--------------------------------------------------------|--------------------------------------------------------------------------------------|\n| | |\n| Use the primary button on white and light backgrounds. | Use the condensed button if there is not enough space for the primary or full-width. |\n\n### Clear space\n\n\nAlways maintain the minimum clear space of **8 dp** on all sides of the\n**Add to Google Wallet** button. Ensure that the clear space is\nnever broken with graphics or text.\n\n### Minimum height\n\n\nAll **Add to Google Wallet** buttons need to have a minimum height\nof **48 dp**.\n\n### Dos and don'ts\n\n| Dos | Don'ts |\n|----------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------|\n| Do: Use only the **Add to Google Wallet** buttons provided by Google. | Don't: Create your own **Add to Google Wallet** buttons or alter the font, color, button radius, or padding within the button in any way. |\n| Do: Use the same style of button throughout your site. | Don't: Make the **Add to Google Wallet** buttons smaller than other buttons. |\n| Do: Ensure that the size of the **Add to Google Wallet** buttons remain equal to or larger than other buttons. | Don't: Alter the button color. |\n| Do: Keep the button ratio the same when resizing the **Add to Google Wallet** buttons. | Don't: Free-scale the button. |\n| Do: Use the provided localized version of the buttons. | Don't: Create your own localized version of the button. |\n\nBest practices for button placement\n-----------------------------------\n\n\nDisplay the **Add to Google Wallet** button on confirmation app\nscreens, web pages, or emails. Refer to the following best practices to guide your UI\ndesign.\n\n### Campus IDs\n\n\nDisplay the **Add to Google Wallet** button on confirmation app\nscreens.\n\nUse of the Google Wallet product name in text\n---------------------------------------------\n\n\nYou can use text to indicate to the user that their Campus ID\nis saved to their device.\n\n### Capitalize the letters \"G\" and \"W\"\n\n\nAlways use an uppercase \"G\" and an uppercase \"W\" followed by lowercase letters\nto refer to Google Wallet. Don't capitalize the full name\n\"Google Wallet\" unless it's to match the typographic style in your UI.\n\n### Don't abbreviate Google Wallet\n\nAlways write out the words \"Google\" and \"Wallet.\"\n\n### Match the style in your UI\n\n\nSet \"Google Wallet\" in the same font and typographic style as the rest\nof the text in your UI. Don't mimic Google's typographic style.\n\n### Always use the localized version of \"Google Wallet\"\n\nAlways write \"Google Wallet\" in the provided localized copy."]]
