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

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

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

مواد العرض

زر "الإضافة إلى محفظة Google"

يُستخدَم زر الإضافة إلى "محفظة Google" عندما تريد توجيه المستخدمين لحفظ تذكرة أو بطاقة من تطبيقك أو موقعك الإلكتروني في محفظتهم. يجب أن يستدعي الزر الإضافة إلى "محفظة Google" إحدى عمليات Google Wallet API. تعرض هذه المسارات تطبيق "محفظة Google" حيث يمكن للمستخدمين اتّباع التعليمات لحفظ البطاقات على أجهزة Android وحساباتهم على Google. يمكن استخدام هذا الزر في التطبيقات أو المواقع الإلكترونية أو الرسائل الإلكترونية.

تتوفّر أزرار الإضافة إلى "محفظة Google" بتنسيقات Android XML وSVG وPNG.

تنزيل مواد العرض - ملف XML لنظام Android تنزيل مواد العرض - ملف 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" في النص

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

كتابة الحرفين "G" و "W" بحرف لاتيني كبير

يجب دائمًا استخدام الحرف "G" كبيرًا والحرف "W" كبيرًا متبوعًا بأحرف صغيرة للإشارة إلى "محفظة Google". لا تستخدِم الأحرف اللاتينية الكبيرة لكتابة الاسم الكامل "محفظة Google" إلا إذا كان ذلك بهدف مطابقة الأسلوب الطباعي في واجهة المستخدم.

عدم اختصار "محفظة Google"

اكتب دائمًا الكلمتَين "Google" و "Wallet".

مطابقة النمط في واجهة المستخدم

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

استخدِم دائمًا النسخة المتوافقة مع اللغة المحلية من "محفظة Google"

يجب دائمًا كتابة "محفظة Google" في النص المترجَم المتوفّر.

التصميم

استخدِم الحقلَين height وsize في علامة HTML الخاصة بـ g:savetoandroidpay لتعديل ارتفاع وعرض أزرار الإضافة إلى "محفظة Google". استخدِم مواصفة textsize=large لزيادة حجم النص والأزرار بشكل كبير في عمليات التنفيذ على الأجهزة الجوّالة أو الحالات التي تتضمّن متطلبات خاصة لواجهة المستخدم.

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

ملاحظة: تم إيقاف السمة text نهائيًا. يتم عرض الزر بالشكل نفسه بغض النظر عن المجال المحدد.

الشعارات

إرشادات صورة الشعار

تخفي "محفظة Google" شعارك في شكل دائري.

في ما يلي قائمة باقتراحات واجهة المستخدم لصور الشعارات:

الإرشادات	الوصف
نوع الملف المفضّل	PNG
الحد الأدنى للحجم	660 بكسل × 660 بكسل
نسبة العرض إلى الارتفاع للصورة	1:1
نسبة العرض إلى الارتفاع للعمل الفني	1:1
حجم البكسل الفعلي	تغيير الحجم لملاءمة حجم الجهاز
قناع دائري للشعار	يتم إخفاء شعارك ليلائم تصميمًا دائريًا. تأكَّد من أنّ شعارك يتّسع ضمن المنطقة الآمنة. لا تضع قناعًا مسبقًا على شعارك. اترك الشعار في مربّع مع لون خلفية يملأ المساحة بالكامل. يجب أن يتضمّن الشعار هامشًا بنسبة% 15 حتى لا يتم اقتطاعه عند إخفائه.

تخفي "محفظة Google" شعارك في شكل دائري.

إرشادات صورة الشعار العريض

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

الإرشادات	الوصف
نوع الملف المفضّل	PNG استخدِم صورة بلون خلفية للحصول على أفضل النتائج (ننصح باستخدام اللون نفسه كلون خلفية البطاقة)
الحجم المقترح	‫1280 بكسل × 400 بكسل
الحد الأدنى للحجم	‫400 بكسل للارتفاع، والعرض متناسب (يمكنك الاطّلاع على المزيد من الإرشادات في قسم "نسبة العرض إلى الارتفاع المقترَحة") استخدِم صورًا عريضة مستطيلة الشكل.
نسبة العرض إلى الارتفاع التي يُنصح بها	إذا لم يتم ضبط الصورة على نسبة العرض إلى الارتفاع الموصى بها، سيتم تغيير حجمها لتناسب نسبة العرض إلى الارتفاع لمساحات العناوين المقدَّمة. يوضّح الرسم البياني أدناه كيفية تغيير حجم مادة عرض الصورة استنادًا إلى نسبة العرض إلى الارتفاع.

لون خلفية البطاقة

يمكنك ضبط لون الخلفية باستخدام الحقل hexBackgroundColor. إذا لم تضبط القيمة، ستحلّل خوارزمية الشعار وتحدّد اللون السائد وتستخدمه كلون للخلفية.

الصور الرئيسية

يظهر الحقل class.heroImage كبانر بعرض الصفحة بالكامل ضمن نص البطاقة.

إرشادات حول الصورة الرئيسية

في ما يلي قائمة باقتراحات واجهة المستخدم للصور الرئيسية:

الإرشادات	الوصف
نوع الملف المفضّل	PNG
الحجم المقترح	‫1032×336 بكسل استخدِم صورًا عريضة مستطيلة الشكل. استخدِم صورة بخلفية ملونة للحصول على أفضل النتائج.
نسبة العرض إلى الارتفاع	‫3:1 أو أوسع
حجم العرض	العرض الكامل للبطاقة والارتفاع النسبي

صور بالعرض الكامل

يظهر الحقل *.imageModulesData.mainImage في صف أو عنصر كصورة بملء العرض في بطاقة.

إرشادات حول الصور بالعرض الكامل

في ما يلي قائمة باقتراحات بشأن واجهة المستخدم للصور ذات العرض الكامل:

الإرشادات	الوصف
نوع الملف المفضّل	PNG
الحد الأدنى للحجم	‫1860 بكسل للعرض، وارتفاع متغيّر استخدِم صورًا عريضة مستطيلة الشكل. استخدِم صورة بخلفية ملونة للحصول على أفضل النتائج.
نسبة العرض إلى الارتفاع	متغيّر
حجم العرض	تمثّل هذه السمة العرض الكامل للنموذج والارتفاع النسبي.
استخدِم نظام الألوان نفسه الذي تستخدمه لشعارك.

صور الرموز الشريطية

تسمح بعض الفئات بوضع صور أعلى الرمز الشريطي وأسفله.

الصور أعلى الرمز الشريطي

في ما يلي قائمة باقتراحات واجهة المستخدم للصور أعلاه الرمز الشريطي:

نصائح	الوصف
نوع الملف المفضّل	PNG
الحدّ الأقصى للارتفاع	‫20 وحدة بكسل مستقلة عن الكثافة (عند نسبة العرض إلى الارتفاع القصوى) الحجم المقترَح هو 80 بكسل للارتفاع و80-780 بكسل للعرض في حال توفّر صورتَين. يتيح لك ذلك عرضها جنبًا إلى جنب. إذا كانت إحدى الصورتَين مربّعة والأخرى مستطيلة، يجب أن يكون حجمهما 80x80 بكسل و780x80 بكسل.
نسبة العرض إلى الارتفاع	بدون قيود للحصول على ارتفاع وعرض يبلغ 20 وحدة بكسل كحد أقصى لصورة واحدة، استخدِم نسبة عرض إلى ارتفاع تبلغ 20:1. إذا كنت تريد صورة واحدة فقط فوق الرمز الشريطي، استخدِم العرض الكامل (استبعِد المساحة المتروكة). يجب أن تكون الصورة بحجم 1600x80 بكسل.
الحدّ الأقصى لحجم العرض (صورة واحدة)	ارتفاع 20 وحدة بكسل مستقل عن الكثافة وعرض 400 وحدة بكسل مستقل عن الكثافة

الصورة أسفل الرمز الشريطي

في ما يلي قائمة باقتراحات واجهة المستخدم للصورة أدناه التي تحتوي على الرمز الشريطي:

نصائح	الوصف
نوع الملف المفضّل	PNG
الحدّ الأقصى للارتفاع	‫20 وحدة بكسل مستقلة عن الكثافة (عند نسبة العرض إلى الارتفاع القصوى) الحجم المقترَح هو 80 بكسل للطول و80-1600 بكسل للعرض. إذا كان المربّع، يجب أن يكون 80x80 بكسل. إذا كان مستطيلاً، يجب أن يكون حجمه 1600×80 بكسل.
نسبة العرض إلى الارتفاع غير مقيّدة للحصول على حدّ أقصى للارتفاع والعرض يبلغ 20 وحدة بكسل مستقلة الكثافة، استخدِم نسبة عرض إلى ارتفاع تبلغ 20:1.	إذا كنت تريد صورة بعرض كامل (باستثناء المساحة المتروكة)، يجب أن يكون حجم الصورة 1600x80 بكسل.
يبلغ الحد الأقصى لحجم العرض 20 وحدة بكسل مستقل الكثافة ارتفاعًا و400 وحدة بكسل مستقل الكثافة عرضًا.

الوحدات

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

الإرشادات	الوصف
imageModulesData	استخدِم imageModulesData واحدًا فقط إما في صفك أو في الكائنات التي تنشئها.
infoModuleData	يمكنك استخدام ما يصل إلى علامتَي infoModuleData، إما في صفك أو في الكائنات التي تنشئها. قد يحدّد infoModuleData معلومات خاصة بحساب المستخدم، مثل "اسم العضو" و "رقم العضوية".
linksModuleData	يمكنك استخدام ما يصل إلى أربعة معرّفات موارد منتظمة (URI) linksModuleData في إحدى الفئتين التاليتين: إما في صفك أو في العناصر التي تنشئها. قد يكون لديك معرّفا linksModuleData URI في صفك، أحدهما خاص بعنوان URI لموقعك الإلكتروني والآخر خاص برقم هاتف لمركز المساعدة. قد يحدّد معرّفا linksModuleData موارد منتظمة (URI) في العنصر معرّف موارد منتظمة خاصًا بحساب مستخدم ومواقع جغرافية قريبة.
textModulesData	استخدِم ما يصل إلى حقلَين textModulesData بين الفئة والعناصر التي تنشئها. قد يكون لديك معرّف موارد منتظم 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:[phone]'
استخدِم البادئة mailto: عند تحديد عنوان بريد إلكتروني. يتيح هذا البادئة للمستهلك النقر على الرابط لإرسال رسالة إلكترونية إلى العنوان. يؤدي هذا البادئة أيضًا إلى إنشاء رمز لرسالة إلكترونية أمام الوصف النصي على البطاقة.	'uri': 'mailto:[e-mail]'

العناوين والتصنيفات والأسماء

اكتب العناوين والتصنيفات والأسماء بحالة أحرف العنوان، أي أن يبدأ كل كلمة بحرف كبير.

سياسات المحتوى

يجب أن يلتزم محتوى كل حقل في البطاقة بسياسات محتوى Google Payments. يجب أن يلتزم محتوى المواقع الإلكترونية التي تشير إليها في الصف بهذه السياسات أيضًا.

موضع بيانات منصة الشريك

للتأكّد من أنّ المستخدمين يمكنهم الوصول إلى تطبيقك أو موقعك الإلكتروني الغنيَّين بالميزات حول البطاقة، احرص على تضمين رابط لصفحة في تطبيقك أو موقعك الإلكتروني في السمة linksModuleData.* الخاصة بفئة البطاقة أو عنصرها. يتيح ذلك للمستخدم الانتقال إلى منصتك من خلال البطاقة التي تظهر في "محفظة Google". للاطّلاع على طريقة عرضها، انتقِل إلى أقسام التصميم في فئات البطاقات.

ملاحظة: تأكَّد من أنّ الرابط لصفحة معيّنة يوجّه المستخدِمين إلى تثبيت تطبيقك في "متجر Play"، إذا كان عليهم تثبيته. يُفضّل استخدام روابط مؤجَّلة لصفحات معيّنة توجّه المستخدمين إلى تفاصيل البطاقة ذات الصلة بعد التثبيت وتسجيل الدخول.