إذا كنت تطوّر تطبيقات للمستخدمين في روسيا، يُرجى استخدام أزرار "الحفظ في الهاتف" لأنّ "محفظة Google" غير متاحة في هذه البلدان. يُرجى الاطّلاع على مواد العرض والإرشادات ذات الصلة. إذا كنت تطوّر تطبيقات للمستخدمين خارج روسيا، يُرجى تعديل زر الإضافة إلى محفظة Google من خلال تنزيل مواد العرض أدناه.
تم تصميم هذا القسم من المستندات لمساعدتك في إنشاء الصور وعناصر واجهة المستخدم الأخرى لكي تظهر بشكل رائع في تطبيق "محفظة Google".
مواد العرض
زر "الإضافة إلى محفظة Google"
يُستخدَم الزر الإضافة إلى "محفظة Google" عندما توجّه المستخدمين لحفظ بطاقة من تطبيقك أو موقعك الإلكتروني في محفظتهم. يجب أن يستدعي الزر الإضافة إلى "محفظة Google" أحد مسارات Google Wallet API. تؤدي هذه المسارات إلى ظهور تطبيق "محفظة Google" حيث يمكن للمستخدمين اتّباع التعليمات لحفظ البطاقات على أجهزة Android وحساباتهم على Google. يمكن استخدام هذا الزر في التطبيقات أو المواقع الإلكترونية أو الرسائل الإلكترونية.
تتوفّر أزرار الإضافة إلى "محفظة Google" بتنسيقات Android XML وSVG وPNG.
تنزيل مواد العرض - Android XML تنزيل مواد العرض - SVG تنزيل مواد العرض - PNGزر "العرض في محفظة Google"
يُستخدَم الزر العرض في "محفظة Google" لربط المستخدم بشكلٍ عميق بمحفظته لعرض بطاقة تم حفظها سابقًا. يمكن استخدام هذا الزر في التطبيقات أو المواقع الإلكترونية أو الرسائل الإلكترونية.
تتوفّر أزرار العرض في "محفظة Google" بتنسيقَي SVG وPNG.
تنزيل مواد العرض - SVG تنزيل مواد العرض - PNGيجب أن تلتزم جميع الأزرار المعروضة على موقعك الإلكتروني أو تطبيقك أو مراسلاتك عبر البريد الإلكتروني بإرشادات العلامة التجارية الموضّحة في هذه الصفحة. تشمل الأمثلة على هذه الإرشادات، على سبيل المثال لا الحصر، ما يلي:
- الحجم بالنسبة إلى الأزرار أو العناصر الأخرى المشابهة في الصفحة
- يجب عدم تغيير شكل الأزرار ولونها
- المساحة الخالية
الأزرار المترجَمة
تتوفّر أزرار "محفظة Google" المترجَمة في جميع الأسواق التي تتوفّر فيها "محفظة 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" باللون الأسود فقط. تتوفّر نُسخ مترجَمة من الزر. لا تنشئ أزرارًا بنص مترجَم من عندك.
| أساسي | مكثف |
|---|---|
|
|
| استخدِم الزر الأساسي على الخلفيات البيضاء والفاتحة. | استخدِم الزر المكثّف إذا لم تكن هناك مساحة كافية للزر الأساسي أو الزر بالعرض الكامل. |
المساحة الخالية
يجب دائمًا الحفاظ على الحد الأدنى للمساحة الخالية وهو 8 بكسل مستقل الكثافة على جميع جوانب زر الإضافة إلى محفظة Google. يُرجى التأكّد من عدم تداخل أي رسومات أو نصوص مع المساحة الفارغة.
الحد الأدنى للارتفاع
يجب أن يكون الحد الأدنى لارتفاع جميع أزرار الإضافة إلى "محفظة Google" هو 48 بكسل مستقل الكثافة.
الإجراءات المطلوبة وغير المسموح بها
| Dos | الإجراءات التي يجب تجنُّبها |
|---|---|
| ما يجب فعله: استخدِم فقط أزرار الإضافة إلى "محفظة Google" التي توفّرها Google. | لا يُسمح بما يلي: إنشاء أزرار الإضافة إلى "محفظة Google" خاصة بك أو تغيير الخط أو اللون أو نصف قطر الزر أو المساحة المتروكة داخل الزر بأي شكل من الأشكال. |
| إجراء مطلوب: استخدِم نمط الزر نفسه في جميع صفحات موقعك الإلكتروني. | لا ننصحك بما يلي: جعل أزرار الإضافة إلى محفظة Google أصغر من الأزرار الأخرى. |
| ما يجب فعله: تأكَّد من أنّ حجم أزرار الإضافة إلى محفظة Google يساوي حجم الأزرار الأخرى أو أكبر منها. | لا يُسمح بما يلي: تغيير لون الزر |
| يجب: الحفاظ على نسبة الزر نفسها عند تغيير حجم أزرار الإضافة إلى "محفظة Google". | ما يجب تجنّبه: تغيير حجم الزر بحرية |
| ما يجب فعله: استخدِم النسخة المترجَمة من الأزرار. | ما يجب تجنّبه: إنشاء نسخة مترجَمة من الزرّ |
أفضل الممارسات المتعلقة بموضع الزر
عرض زر الإضافة إلى "محفظة Google" على شاشات تأكيد التطبيق أو صفحات الويب أو الرسائل الإلكترونية يُرجى الرجوع إلى أفضل الممارسات التالية للاسترشاد بها في تصميم واجهة المستخدم.
بطاقات صعود الطائرة
اعرض الزر الإضافة إلى "محفظة Google" في نهاية مسار الشراء أو على شاشات تأكيد التطبيق أو صفحات الويب أو الرسائل الإلكترونية. ننصحك بوضع الزر الإضافة إلى "محفظة Google" في المكان الذي يصل فيه المستخدمون إلى بطاقاتهم في تطبيقك أو موقعك الإلكتروني.
استخدام اسم منتج "محفظة Google" في النص
يمكنك استخدام نص للإشارة إلى المستخدم بأنّ بطاقة صعود الطائرة محفوظة على جهازه.
كتابة الحرفَين "G" و "W" بأحرف كبيرة
يجب دائمًا استخدام حرف "G" كبير وحرف "W" كبير متبوعَين بأحرف صغيرة للإشارة إلى "محفظة Google". لا تستخدِم الأحرف اللاتينية الكبيرة لكتابة الاسم الكامل "Google Wallet" إلا إذا كان ذلك يتطابق مع نمط الخط في واجهة المستخدم.
عدم اختصار اسم "محفظة Google"
اكتب دائمًا الكلمتَين "Google" و "Wallet".
مطابقة النمط في واجهة المستخدم
اضبط عبارة "محفظة Google" بالخط والنمط الطباعي نفسهما المستخدَمَين في بقية النص في واجهة المستخدم. لا تقلّد أسلوب الطباعة في Google.
استخدام النسخة المترجَمة من "محفظة Google" دائمًا
يجب دائمًا كتابة "محفظة Google" في النص المترجَم المقدَّم.
التصميم
استخدِم الحقلَين height وsize في علامة HTML g:savetoandroidpay لتعديل ارتفاع وعرض زرَّي الإضافة إلى "محفظة Google". استخدِم مواصفات textsize=large لزيادة أحجام النصوص والأزرار بشكل كبير في عمليات التنفيذ على الأجهزة الجوّالة أو الحالات التي تتضمّن متطلبات خاصة لواجهة المستخدم.
استخدِم theme لضبط لون الأزرار. يوضّح الجدول التالي تأثير هذه الإعدادات في الزر الإضافة إلى "محفظة Google".
إرشادات إنشاء البطاقات
لضمان ظهور بطاقاتك بشكل جيد وعملها بشكل صحيح، يُرجى الالتزام بالإرشادات التالية المتعلّقة بعدد الأحرف المسموح به والإشعارات وألوان الخلفية والصور الرئيسية.
لون خلفية البطاقة
يمكنك ضبط لون الخلفية باستخدام الحقل
hexBackgroundColor. إذا لم تضبط القيمة، ستحلّل خوارزمية الشعار وتحدّد اللون السائد وتستخدمه كلون للخلفية.
تجنَّب المناطق "النابضة بالحياة" ذات التشبع العالي (على سبيل المثال، الأخضر النيون #00FF00 أو السماوي الكهربائي #00FFFF). تؤدي هذه الألوان إلى إجهاد شديد للعين وتتسبب في "تلاشي" النص أو اختفائه في الخلفية. يُرجى استخدام أحد الألوان المقترَحة بدلاً من ذلك.
الألوان المقترَحة
#1a1a1a
#677088
#e8eaed
#f8f9fa
#ffffff
#d6322d
#f78f48
#f9bb2d
#1e7e3b
#216acf
#9147df
#fce8e6
#e6fffa
#e8f0fe
الصور الرئيسية
يظهر الحقل class.heroImage كصورة بعرض كامل أسفل حقول البيانات في بطاقتك.
ننصحك بإضافة صورة إذا لم تكن قد أضفت واحدة من قبل. إذا كانت لديك صورة، تأكَّد من اتّباع المواصفات أدناه. في حال عدم اختيار صورة، سنعرض صورة احتياطية لفئة البطاقة.
في ما يلي قائمة بالاقتراحات المتعلّقة بواجهة المستخدم للصور الرئيسية:
| الإرشادات | الوصف | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| نوع الملف المفضّل | PNG. إذا أردت إظهار لون خلفية البطاقة، استخدِم ملف PNG شفافًا. | ||||||||
| الحجم المقترح | 1032×812 بكسل | ||||||||
| نسبة العرض إلى الارتفاع | 1032:812 (تقريبًا 5:4) | ||||||||
| الإجراءات المطلوبة وغير المسموح بها |
|
المحتوى
العناوين والعناوين الفرعية وتصنيفات الحقول وبيانات الحقول: لزيادة فهم المستخدم، اجعل العناوين والحقول الأخرى قصيرة قدر الإمكان. ينطبق الحد الأقصى لعدد الأحرف المسموح به التالي على اللغة الإنجليزية، ولكن ستتم ترجمة هذه الأحرف إلى لغات أخرى، ما يؤدي إلى تجربة مستخدم متنوعة على مستوى الأجهزة والمناطق. إذا لم تكن متأكدًا، يمكنك تبسيط المحتوى مع الاستمرار في نقل التفاصيل الرئيسية.
| الحقل | الحدّ |
|---|---|
| تصنيف العنوان | أقل من 47 حرفًا |
| تصنيف الترجمة | أقل من 88 حرفًا |
| تصنيف الحقل/العنوان (مثل التاريخ والوصف والفئة واسم الراكب) | أقل من 20 حرفًا |
| تصنيف بيانات الحقل (مثلاً، 19 أكتوبر 2026، Economy Plus) | أقل من 15 حرفًا |
لضمان سهولة القراءة، يجب ألا يزيد عدد حقول البيانات عن حقلَين في كل صف، وما يصل إلى 3 صفوف إن أمكن.
الإشعارات
| الحقل | الحدّ |
|---|---|
| العنوان | أقل من 29 حرفًا |
| النص الأساسي المصغّر | أقل من 40 حرفًا |
| النص الموسّع | أقل من 80 حرفًا |
ننصحك بالالتزام بالحدود المسموح بها لعدد الأحرف لتجنُّب اقتطاع النص للمستخدمين الذين لديهم أجهزة صغيرة أو أحجام خطوط كبيرة. يُرجى الرجوع إلى صفحة الإشعارات | الأجهزة الجوّالة | مطوّرو تطبيقات Android لمزيد من المعلومات.
الشعارات
إرشادات صورة الشعار
تُقنِّع "محفظة Google" شعارك بشكل دائري.
في ما يلي قائمة بالاقتراحات المتعلّقة بواجهة المستخدم لصور الشعارات:| الإرشادات | الوصف |
|---|---|
| نوع الملف المفضّل | PNG |
| الحد الأدنى للحجم | 660 × 660 بكسل |
| نسبة العرض إلى الارتفاع للصورة | 1:1 |
| نسبة العرض إلى الارتفاع للعمل الفني | 1:1 |
| حجم البكسل الفعلي | تغيير الحجم ليتناسب مع حجم الجهاز |
| قناع دائري للشعار |
يتم حجب شعارك ليلائم التصميم الدائري. تأكَّد من أنّ شعارك يتناسب مع المنطقة الآمنة. لا تستخدِم قناعًا مسبقًا لشعارك. اترك الشعار في مربّع مع لون خلفية يغطي كامل المساحة. يجب أن يتضمّن الشعار هامشًا بنسبة %15 كي لا يتم اقتطاعه عند إخفائه.
|
تُقنِّع "محفظة Google" شعارك بشكل دائري.
إرشادات صورة الشعار العريض
يمكن استخدام صور الشعار العريض في تذاكر حضور الفعاليات وبطاقات صعود الطائرة وبطاقات النقل العام التي تتضمّن رمز استجابة سريعة وبطاقات الولاء والعروض وبطاقات الهدايا والبطاقات العامة والبطاقات العامة الخاصة. في ما يلي قائمة بالاقتراحات المتعلّقة بواجهة المستخدم لصور الشعارات العريضة:
| الإرشادات | الوصف |
|---|---|
| نوع الملف | ملف PNG شفاف |
| الحجم المقترح | 1280 بكسل × 400 بكسل |
| الحد الأدنى للحجم |
400 بكسل للارتفاع، والعرض متناسب (مزيد من الإرشادات في قسم نسبة العرض إلى الارتفاع) استخدِم صورًا عريضة ومستطيلة. |
| نسبة العرض إلى الارتفاع |
16:5
|
| اللون |
استخدِم لونًا فاتحًا جدًا بدرجة تباين عالية (مثل الأبيض) للبطاقات ذات الخلفية الداكنة. استخدِم لونًا داكنًا جدًا بدرجة تباين عالية (مثل الأسود) للبطاقات ذات الخلفية الفاتحة.
|
صور إضافية
يظهر حقل *.imageModulesData.mainImage في فئة أو عنصر
كصورة بعرض كامل في بطاقة أسفل الصورة الرئيسية. يُرجى استخدام هذه السمة فقط إذا كانت بطاقتك تتطلّب صورة إضافية ليفهمها المستخدم بشكل أفضل.
إرشادات إضافية للصور
في ما يلي قائمة بالاقتراحات المتعلّقة بواجهة المستخدم للصور الإضافية:
| الإرشادات | الوصف |
|---|---|
| نوع الملف المفضّل | PNG |
| الحد الأدنى للحجم |
1860 بكسل للعرض، وارتفاع متغيّر استخدِم صورًا عريضة ومستطيلة. للحصول على أفضل النتائج، استخدِم صورة بخلفية ملوّنة. |
| حجم العرض |
العرض الكامل للنموذج والارتفاع النسبي
|
صور الرموز الشريطية
تسمح بعض المجالات بإضافة صور أعلى الرمز الشريطي وأسفله.
الصور فوق الرمز الشريطي
في ما يلي قائمة باقتراحات واجهة المستخدم للصور التي تظهر فوق الرمز الشريطي:
| نصائح | الوصف |
|---|---|
| نوع الملف المفضّل | PNG |
| الحد الأقصى للارتفاع |
20 بكسل مستقل الكثافة (عند الحد الأقصى لنسبة العرض إلى الارتفاع) الحجم المقترَح هو 80 بكسل للارتفاع و80-780 بكسل للعرض في حال توفّر صورتَين. يتيح ذلك عرضهما جنبًا إلى جنب. إذا كانت إحدى الصورتَين مربّعة والأخرى مستطيلة، يجب أن يكون حجم الصورتَين 80×80 بكسل و780×80 بكسل. |
| نسبة العرض إلى الارتفاع |
غير مقيّدة للحصول على حد أقصى يبلغ 20 بكسل مستقل الكثافة لارتفاع وعرض صورة واحدة، استخدِم نسبة عرض إلى ارتفاع تبلغ 20:1. إذا أردت عرض صورة واحدة فقط فوق الرمز الشريطي، استخدِم العرض الكامل (باستثناء المساحة المتروكة). يجب أن تكون الصورة بحجم 1600×80 بكسل. |
| الحدّ الأقصى لحجم العرض (صورة واحدة) | ارتفاعه 20 بكسل مستقل الكثافة وعرضه 400 بكسل مستقل الكثافة |
صورة أسفل الرمز الشريطي
في ما يلي قائمة باقتراحات واجهة المستخدم للصورة أسفل الرمز الشريطي:
| نصائح | الوصف |
|---|---|
| نوع الملف المفضّل | PNG |
| الحد الأقصى للارتفاع |
20 بكسل مستقل الكثافة (عند الحد الأقصى لنسبة العرض إلى الارتفاع) الحجم المقترَح هو 80 بكسل للطول و80-1600 بكسل للعرض. إذا كان مربّعًا، يجب أن يكون بحجم 80×80 بكسل. إذا كان مستطيلاً، يجب أن يكون بحجم 1600×80 بكسل. |
| نسبة العرض إلى الارتفاع غير مقيّدة بالنسبة إلى الحد الأقصى للارتفاع والعرض الذي يبلغ 20 بكسل مستقل الكثافة، استخدِم نسبة عرض إلى ارتفاع تبلغ 20:1. | إذا أردت صورة بعرض كامل (باستثناء المساحة المتروكة)، يجب أن يكون حجم الصورة 1600×80 بكسل. |
| الحد الأقصى لحجم العرض هو 20 بكسل مستقل الكثافة للارتفاع و400 بكسل مستقل الكثافة للعرض. |
الوحدات
تمثّل الوحدة مجموعة من الحقول في قسم معيّن من النموذج. يحتوي الجدول التالي على إرشادات حول عدد الوحدات التي يجب تضمينها في الصفوف والعناصر لضمان عرض بطاقاتك بشكل صحيح في تطبيق "محفظة Google".
| الإرشادات | الوصف |
|---|---|
imageModulesData
|
استخدِم سمة imageModulesData واحدة فقط إما في الصف أو في
العناصر التي تنشئها.
|
infoModuleData
|
استخدِم ما يصل إلى اثنين من
قد يحدّد |
linksModuleData
|
يمكنك استخدام ما يصل إلى أربعة معرّفات موارد منتظمة (URI) لـ
قد يكون لديك معرّفا موارد منتظمة (URI) من النوع |
textModulesData
|
استخدِم ما يصل إلى حقلَين من حقول
قد يكون لديك معرّف موارد منتظم (URI) واحد من النوع |
infoModuleData
يحتوي InfoModuleData على معلومات الأعضاء والمعلومات القابلة للتخصيص ويظهر في العرض الموسّع. يمكنك استخدام هذه الوحدة لتخزين معلومات مثل
تواريخ انتهاء الصلاحية أو أرصدة النقاط الثانوية أو أرصدة القيمة المخزّنة.
linksModuleData
تحتوي وحدة الروابط على معرّفات الموارد المنتظمة (URI) لصفحات الويب وأرقام الهواتف وعناوين البريد الإلكتروني. في ما يلي قائمة بالاقتراحات المتعلّقة بواجهة المستخدم لوحدة الروابط:
| نصائح | مثال على الإعدادات | مثال صورة |
|---|---|---|
استخدِم البادئة http: عند تخصيص معرّف موارد منتظم (URI) لموقع إلكتروني أو
موقع جغرافي في "خرائط Google". تتيح هذه البادئة للمستهلك النقر على الرابط والانتقال إلى الموقع الإلكتروني أو عرض الموقع الجغرافي في "خرائط Google".
تؤدي هذه البادئة أيضًا إلى ظهور رمز رابط أو خريطة أمام الوصف في بطاقتك.
|
'uri': 'http://maps.google.com/?q=google'
|
|
'uri': 'http://developer.google.com/wallet/'
|
|
|
استخدِم البادئة tel: عند تحديد رقم هاتف. تتيح هذه البادئة للمستهلك النقر على الرابط لطلب الرقم. وتؤدي هذه البادئة أيضًا إلى إنشاء رمز هاتف أمام الوصف النصي على البطاقة.
|
'uri': 'tel:6505555555'
|
|
استخدِم البادئة mailto: عند تحديد عنوان بريد إلكتروني.
تتيح هذه البادئة للمستهلك النقر على الرابط لإرسال رسالة إلكترونية إلى
العنوان. تنشئ هذه البادئة أيضًا رمزًا لرسالة إلكترونية أمام الوصف النصي على البطاقة.
|
'uri': 'mailto:jonsmith@email.com'
|
|
العناوين والتصنيفات والأسماء
اكتب العناوين والتصنيفات والأسماء بحالة أحرف العنوان، بحيث تبدأ كل كلمة بحرف كبير.
سياسات المحتوى
يجب أن تلتزم محتويات كل حقل في البطاقة بسياسات المحتوى في Google Payments. يجب أن يلتزم محتوى المواقع الإلكترونية التي تشير إليها في الصف بهذه السياسات أيضًا.
موضع بيانات منصة الشريك
لضمان وصول المستخدمين إلى تطبيقك أو موقعك الإلكتروني الغنيَّين بالميزات حول البطاقة، احرص على دمج الرابط لصفحة في التطبيق أو الموقع الإلكتروني في السمة linksModuleData.* الخاصة بفئة البطاقة أو عنصرها. يتيح ذلك للمستخدم الانتقال إلى منصتك من البطاقة التي تظهر في "محفظة Google". للاطّلاع على كيفية عرضه، انتقِل إلى أقسام التصميم في
فئات البطاقات.