متطلبات الإسناد لمجموعة أدوات واجهة مستخدم "الأماكن"

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

تضمين الإسناد إلى "خرائط Google"

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

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

مثال على الإسناد في حزمة أدوات واجهة مستخدم "الأماكن"

حزمة أدوات واجهة مستخدم "الأماكن"
مثال على الإسناد على خريطة غير تابعة لشركة Google

تم تطبيق الإحالة المطلوبة على المكوّن المكثّف "تفاصيل المكان". في هذه الخريطة التي لا تتبع Google، يظهر مصدر "خرائط Google" بوضوح، ويتم تمييز محتوى "منصة خرائط Google" visually عن المحتوى الآخر.

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

على يمين الشاشة: إحالة إلى شعار "خرائط Google"، على يمين الشاشة: إحالة إلى نص "خرائط Google"
على يمين الشاشة: الإسناد الخاص بشعار "خرائط Google"، وعلى يمين الشاشة: الإسناد الخاص بنصوص "خرائط Google"

تحديد مصدر الشعار

اتّبِع هذه المتطلبات لاستخدام شعار "خرائط Google" في تطبيقك أو موقعك الإلكتروني.
الصيغ المقبولة لإسناد شعار "خرائط Google"
الصيغ المقبولة لإسناد شعار "خرائط Google"

تنزيل شعارات "خرائط Google"

استخدِم ملفات شعار "خرائط Google" الرسمي. نزِّل الشعارات أدناه واتّبِع الإرشادات الواردة في هذا القسم.

التنزيل: google_logo_ui_kit.zip

يُرجى اتّباع الإرشادات التالية عند استخدام شعار "خرائط Google".

  • لا تعدِّل الشعار بأي شكل من الأشكال.
  • يجب الحفاظ على نسبة العرض إلى الارتفاع للشعار لتجنُّب تشويهه.
  • استخدِم الشعار المخطَّط على خلفية متعددة التفاصيل، مثل خريطة أو صورة.
  • استخدِم الشعار غير المحدَّد المخطط على خلفية بسيطة، مثل لون واحد أو تدرج ألوان خفيف.

مواصفات حجم الشعار

اتّبِع مواصفات الحجم التالية لشعار "خرائط Google":
  • الحد الأدنى لارتفاع الشعار: 16dp
  • الحد الأقصى لارتفاع الشعار: 19dp
  • الحد الأدنى للمساحة الخالية حول الشعار: 10 نقاط لكل بوصة على يمين الشعار ويساره وأعلاه، و5 نقاط لكل بوصة في أسفله

للتعرّف على وحدات البكسل المستقلة الكثافة، يُرجى الاطّلاع على كثافة البكسل على الموقع الإلكتروني لتصميم Material Design.

شعار "خرائط Google" يعرض الحد الأدنى للمساحة الفارغة ونطاق الحجم المقبول
شعار "خرائط Google" يعرض الحد الأدنى للمساحة الفارغة ونطاق الحجم المقبول

تسهيل استخدام الشعار

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

تحديد مصدر النص

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

الصيغ المقبولة لإسناد النص في "خرائط Google"
الصيغ المقبولة لإسناد النص في "خرائط Google"
  • لا تعدِّل النص خرائط Google بأي شكل من الأشكال:
    • لا تغيِّر حالة الأحرف في خرائط Google.
    • لا تُدرِج خرائط Google على خطوط متعددة.
    • لا تُقلِّم خرائط Google بلغة أخرى.
    • يمكنك منع المتصفّحات من ترجمة خرائط Google باستخدام سمة HTML translate="no".
الصيغ غير المقبولة لإسناد النص في "خرائط Google"
الصيغ غير المقبولة لإسناد النص في "خرائط Google"
  • تنسيق نص "خرائط Google" كما هو موضّح في الجدول التالي:

    متطلبات تنسيق النصوص في "خرائط Google"
    الموقع النمط
    مجموعة الخطوط Roboto إنّ تحميل الخط اختياري.
    مجموعة الخطوط الاحتياطية أي خط أساسي من نوع sans serif سبق استخدامه في منتجك أو "Sans-Serif" لتشغيل خط النظام التلقائي
    شكل الخطّ عادي
    سُمك الخط 400
    لون الخط أبيض أو أسود (#1F1F1F) أو رمادي (#5E5E5E) يجب الحفاظ على نسبة تباين (4.5:1) مناسبة مع الخلفية.
    حجم الخط الحد الأدنى لحجم الخط: 12sp
    الحد الأقصى لحجم الخط: 16sp
    للاطّلاع على معلومات عن sp، اطّلِع على وحدات حجم الخط على الموقع الإلكتروني لتصميم المواد.
    تباعُد الأحرف عادي

مثال على ملف CSS

يعرض ملف CSS التالي "خرائط Google" باستخدام النمط الطباعي واللون المناسبَين على خلفية بيضاء أو فاتحة.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}

المتطلبات المرئية

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

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

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

تعرض الأشكال التالية أمثلة على هذه المتطلبات المرئية.

مثال على الإسناد إلى "خرائط Google" في أعلى المحتوى وفي أسفله وعلى جانبه
مثال على الإشارة إلى "خرائط Google" في أعلى المحتوى وفي أسفله وعلى جانبه

مثال على ثلاث طرق للتمييز بين محتوى "خرائط Google" (تقييم المكان) والمحتوى الآخر
مثال على ثلاث طرق للتمييز بين محتوى "خرائط Google" (تقييم المكان) والمحتوى الآخر

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