تعرض لوحات العرض الدوّارة المميّزة مجموعة من المحتوى ذي الصلة بالمستخدم.
المراجع
Type | رابط | الحالة |
---|---|---|
التصميم | مصدر التصميم (Figma) | متوفرة |
التنفيذ | Jetpack Compose | متوفرة |
أهمّ الميزات
- يمكنك استخدام لوحات العرض الدوّارة المميّزة لتسليط الضوء على محتوى معيّن.
- يمكن أن تتضمن العروض الدوارة المميزة عناصر واجهة المستخدم مثل الصور والعناوين وتفاصيل المحتوى ومقاطع الفيديو والإجراءات وعناصر التحكم في التقسيم على صفحات.
- عادة ما توجد العروض الدوارة على الصفحة الرئيسية للتطبيق أو الصفحة المقصودة، مما يسهل الوصول إليها بسهولة.
- تكون لوحات العرض الدوّارة المميزة جذابة بصريًا للمساعدة في جذب المستخدم وإنشاء تجربة غامرة.
- ويمكن تخصيص المحتوى المعروض استنادًا إلى سجلّ المشاهدة للمستخدم أو الإعدادات المفضّلة أو المؤشرات الحالية.
الصيغ
هناك طريقتان مختلفتان لدمج لوحات العرض الدوّارة المميّزة:
- غامرة
- البطاقة
حظر المحتوى
علم التشريح
- إضافة خط علوي
- العنوان
- الوصف
- زرّ
المواصفات
التقسيم على صفحات
علم التشريح
- خلفية
- عنصر نشط
- العناصر غير النشطة
- إجمالي العناصر
المواصفات
غامرة
علم التشريح
- خلفية الصورة
- تمويه سينمائي
- الملصق
- لون الخلفية
- حظر المحتوى
- التقسيم على صفحات
- شبكة المحتوى
المواصفات
البطاقة
علم التشريح
- خلفية الصورة
- تمويه سينمائي
- الملصق
- خلفية البطاقة
- حظر المحتوى
- التقسيم على صفحات
- شبكة المحتوى
المواصفات
الاستخدام
يمكنك استخدام لوحات العرض الدوّارة المميزة لعرض مجموعة منتقاة من المحتوى والترويج لها بشكل جذاب وجذاب ويسهل التنقل فيه.
الصور في الخلفيات
تؤدي الصور في الخلفيات دورًا مهمًا في تحسين تفاعل المستخدمين في لوحة عرض دوّارة مميزة خاصة بتطبيق البث.
صور عالية الجودة
استخدم صورًا عالية الدقة جذابة بصريًا وذات صلة بمحتوى البطاقة محل التركيز.
![](https://developer.android.com/static/design/ui/tv/guides/components/images/carousel/card-fc-text-do.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/carousel/card-fc-text-dont.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
التسلسل الهرمي المرئي الواضح
التأكد من أن الخلفية لا تشتت الانتباه عن محتوى البطاقة محل التركيز باستخدام إطار فوق الصورة؛ فهذا يساعد المستخدم في الحفاظ على التركيز على عنوان البطاقة ووصفها وزر الحث على اتخاذ إجراء.
![](https://developer.android.com/static/design/ui/tv/guides/components/images/carousel/visual-hierarchy-do.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/carousel/visual-hierarchy-dont.webp?authuser=9&hl=ar)