إرشادات بناء هوية العلامة التجارية

إذا كنت تطوّر تطبيقات للمستخدمين في روسيا، يُرجى استخدام أزرار "الحفظ في الهاتف" لأنّ "محفظة 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" باللون الأسود فقط. تتوفّر نُسخ مترجَمة من الزر. لا تنشئ أزرارًا بنص مترجَم من عندك.

أساسي مكثف
زر "الإضافة إلى محفظة Google" الأساسي زر "الإضافة إلى محفظة Google" المكثّف
استخدِم الزر الأساسي على الخلفيات البيضاء والفاتحة. استخدِم الزر المكثّف إذا لم تكن هناك مساحة كافية للزر الأساسي أو الزر بالعرض الكامل.

المساحة الخالية

يجب دائمًا الحفاظ على الحد الأدنى للمساحة الخالية وهو 8 بكسل مستقل الكثافة على جميع جوانب زر الإضافة إلى محفظة Google. يُرجى التأكّد من عدم تداخل أي رسومات أو نصوص مع المساحة الفارغة.

يجب أن تتوفّر مساحة تبلغ 8 بكسل مستقل الكثافة على جميع جوانب أزرار "الإضافة إلى محفظة Google".

الحد الأدنى للارتفاع

يجب أن يكون الحد الأدنى لارتفاع جميع أزرار الإضافة إلى "محفظة Google" هو 48 بكسل مستقل الكثافة.

يجب أن يكون الحد الأدنى لارتفاع أزرار "الإضافة إلى محفظة Google"‏ 48 وحدة بكسل مستقلة الكثافة (dp).

الإجراءات المطلوبة وغير المسموح بها

Dos الإجراءات التي يجب تجنُّبها
ما يجب فعله: استخدِم فقط أزرار الإضافة إلى "محفظة Google" التي توفّرها Google. لا يُسمح بما يلي: إنشاء أزرار الإضافة إلى "محفظة Google" خاصة بك أو تغيير الخط أو اللون أو نصف قطر الزر أو المساحة المتروكة داخل الزر بأي شكل من الأشكال.
إجراء مطلوب: استخدِم نمط الزر نفسه في جميع صفحات موقعك الإلكتروني. لا ننصحك بما يلي: جعل أزرار الإضافة إلى محفظة Google أصغر من الأزرار الأخرى.
ما يجب فعله: تأكَّد من أنّ حجم أزرار الإضافة إلى محفظة Google يساوي حجم الأزرار الأخرى أو أكبر منها. لا يُسمح بما يلي: تغيير لون الزر
يجب: الحفاظ على نسبة الزر نفسها عند تغيير حجم أزرار الإضافة إلى "محفظة Google". ما يجب تجنّبه: تغيير حجم الزر بحرية
ما يجب فعله: استخدِم النسخة المترجَمة من الأزرار. ما يجب تجنّبه: إنشاء نسخة مترجَمة من الزرّ

أفضل الممارسات المتعلقة بموضع الزر

عرض زر الإضافة إلى "محفظة Google" على شاشات تأكيد التطبيق أو صفحات الويب أو الرسائل الإلكترونية يُرجى الرجوع إلى أفضل الممارسات التالية للاسترشاد بها في تصميم واجهة المستخدم.

بطاقات صعود الطائرة

اعرض الزر الإضافة إلى "محفظة Google" في نهاية مسار الشراء أو على شاشات تأكيد التطبيق أو صفحات الويب أو الرسائل الإلكترونية. ننصحك بوضع الزر الإضافة إلى "محفظة Google" في المكان الذي يصل فيه المستخدمون إلى بطاقاتهم في تطبيقك أو موقعك الإلكتروني.

بطاقة صعود الطائرة في Sky Air     بطاقة صعود طائرة عامة

استخدام اسم منتج "محفظة 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)
الإجراءات المطلوبة وغير المسموح بها
Dos الإجراءات التي يجب تجنُّبها
استخدِم صورًا فوتوغرافية أو رسومات توضيحية عالية الدقة. تضمين نص في صورك لن تتم ترجمة هذا المحتوى.

يجب تضمين مساحة متروكة تبلغ 20 بكسل مستقل الكثافة في الأعلى والأسفل لتوفير مساحة بصرية مريحة.

ما يجب فعله: استخدام المساحة المتروكة

يجب أن يلامس المحتوى الرئيسي للصورة الجزء العلوي والسفلي منها.

ممارسات غير صحيحة: عدم استخدام مساحة متروكة

استخدِم صورة مربّعة أو شبه مربّعة.

ما يجب فعله: صورة مربّعة

استخدِم صورًا مستطيلة رفيعة.

ما يجب تجنّبه: صورة مستطيلة رفيعة

المحتوى

العناوين والعناوين الفرعية وتصنيفات الحقول وبيانات الحقول: لزيادة فهم المستخدم، اجعل العناوين والحقول الأخرى قصيرة قدر الإمكان. ينطبق الحد الأقصى لعدد الأحرف المسموح به التالي على اللغة الإنجليزية، ولكن ستتم ترجمة هذه الأحرف إلى لغات أخرى، ما يؤدي إلى تجربة مستخدم متنوعة على مستوى الأجهزة والمناطق. إذا لم تكن متأكدًا، يمكنك تبسيط المحتوى مع الاستمرار في نقل التفاصيل الرئيسية.

الحقل الحدّ
تصنيف العنوان أقل من 47 حرفًا
تصنيف الترجمة أقل من 88 حرفًا
تصنيف الحقل/العنوان (مثل التاريخ والوصف والفئة واسم الراكب) أقل من 20 حرفًا
تصنيف بيانات الحقل (مثلاً، 19 أكتوبر 2026، Economy Plus) أقل من 15 حرفًا

لضمان سهولة القراءة، يجب ألا يزيد عدد حقول البيانات عن حقلَين في كل صف، وما يصل إلى 3 صفوف إن أمكن.

الإشعارات

الحقل الحدّ
العنوان أقل من 29 حرفًا
النص الأساسي المصغّر أقل من 40 حرفًا
النص الموسّع أقل من 80 حرفًا

ننصحك بالالتزام بالحدود المسموح بها لعدد الأحرف لتجنُّب اقتطاع النص للمستخدمين الذين لديهم أجهزة صغيرة أو أحجام خطوط كبيرة. يُرجى الرجوع إلى صفحة الإشعارات | الأجهزة الجوّالة | مطوّرو تطبيقات Android لمزيد من المعلومات.

صور إضافية

يظهر حقل *.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

استخدِم ما يصل إلى اثنين من infoModuleData، إما في صفك أو في العناصر التي تنشئها.

قد يحدّد infoModuleData معلومات خاصة بحساب المستخدم، مثل "اسم العضو" و "رقم العضوية".

linksModuleData

يمكنك استخدام ما يصل إلى أربعة معرّفات موارد منتظمة (URI) لـ linksModuleData في صفك أو في العناصر التي تنشئها.

قد يكون لديك معرّفا موارد منتظمة (URI) من النوع linksModuleData في الصف، أحدهما يشير إلى معرّف الموارد المنتظمة (URI) لموقعك الإلكتروني والآخر يشير إلى رقم هاتف مركز المساعدة. قد يحدّد معرّفا موارد منتظمان (URI) من النوع linksModuleData في العنصر معرّف موارد منتظمًا (URI) خاصًا بحساب المستخدم والمواقع الجغرافية المجاورة.

textModulesData

استخدِم ما يصل إلى حقلَين من حقول textModulesData بين الصف والعناصر التي تنشئها.

قد يكون لديك معرّف موارد منتظم (URI) واحد من النوع textModuleData في الصف يحدّد تفاصيل البرنامج، ومعرّف آخر من النوع textModulesData في العنصر يحدّد التفاصيل الخاصة بحساب المستخدم.

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". للاطّلاع على كيفية عرضه، انتقِل إلى أقسام التصميم في فئات البطاقات.