استمتِع بالوصول السلس إلى أفلامك وبرامجك التلفزيونية والموسيقى المفضّلة لديك وغير ذلك الكثير على الشاشة الكبيرة وفي أي وقت في المنزل.
المراجع
| Type | رابط | الحالة |
|---|---|---|
| التصميم | مصدر التصميم (Figma) | متوفرة |
| Inter (Google Fonts) | متوفرة | |
| التنفيذ | Jetpack Compose (GitHub) | متوفرة |
المظهر
المظهر الملوّن
يتم إنشاء نسق ألوان باستخدام أداة إنشاء المظاهر Material Design 3.
أسلوب الخط
يستخدم مقياس الكتابة في JetStream الخط الطباعي لإنتاج مظهر بسيط وواضح لشاشات التلفزيون.
الشكل
يتم تطبيق نصف قطر دقيق على البطاقات والأزرار لإنشاء حواف يسهل الوصول إليها.
التركيز
يتم استخدام مخطط ثلاثي الأبعاد مع لون مخطط في JetStream.
الصفحة الرئيسية
الصفحة الرئيسية
الصفحة المقصودة لتطبيق JetStream.
لوحة عرض دوّارة مميزة
لوحة عرض دوّارة على شكل بطاقات:
صف المحتوى
تستخدم منصة JetStream نمط بطاقات عاديًا بنسبة عرض إلى ارتفاع تبلغ 2:3 في تصميم مكوّن من 5 أعمدة.
القائمة الشاملة
يمكنك إبراز المحتوى الخاص في التطبيق باستخدام مكوِّن القائمة المجسَّمة، مثل أهم 10 أفلام رائجة.
الفئات
الفئات
تعرض صفحة "الفئات" الأنواع بتنسيق شبكة لتسهيل التنقّل والوصول إليها.
بطاقات الفئات
تفاصيل الفئة
يتم استخدام شبكة بطاقات بحجم 2:3 مع عنوان لإنشاء صفحة "تفاصيل الفئة".
الوسائط
الأفلام
علامة تبويب "أفلام عادية" تحتوي على بطاقات مميّزة بنسبة عرض إلى ارتفاع تبلغ 16:9 في الأعلى مع شبكة محتوى في أسفلها
العروض
المكتبة
المفضّلة
تتضمّن علامة التبويب "عناصر التحكّم المفضَّلة" شرائح فلاتر في أعلى الشاشة تتيح البحث سريعًا عن المحتوى.
بحث
الصفحة المقصودة للبحث
تحتوي صفحة البحث على شريط بحث يتضمّن طلبات بحث مقترَحة استنادًا إلى عمليات البحث الأخيرة.
البحث النشط
عندما يركّز المستخدم على شريط البحث، تنبثق لوحة المفاتيح، ويتم تعديل النتائج المعروضة أدناه ديناميكيًا بينما يكتب المستخدم.
تفاصيل الكيان
الصفحة المقصودة الخاصة بالتفاصيل
تقدّم صفحة التفاصيل عرضًا سينمائيًا مع ملخص موجز للحبكة وزرًا بارزًا لعبارة الحث على اتخاذ إجراء لمشاهدة الفيلم.
فريق التمثيل وطاقم العمل
يضم قسم "طاقم العمل وفريق العمل" صفًا من البطاقات الكلاسيكية مع عناوين وأوصاف، مصحوبة بمادة عرض صورة بنسبة عرض إلى ارتفاع 2:3.
التقييمات
يعرض قسم التقييمات بطاقة عريضة كلاسيكية مخصّصة تتضمّن معلومات إضافية.
التشغيل
مشغّل الفيديو
مشغّل فيديو عادي يتّبع أفضل الممارسات.
إعدادات مشغّل الفيديو
نافذة منبثقة لمقاطع الترجمة والشرح في مشغّل الفيديو:
الإعدادات
إعدادات الحساب
يتميّز تنسيق صفحة الحسابات بتصميم من عمودَين مع عنصر قائمة على اليمين ومكوِّنات البطاقة المخصّصة على اليسار، ويتم ترتيبه على شكل شبكة.
مربّع حوار حذف الحساب
تم تصميم مربّع الحوار بخلفية متباينة لإبرازه عن باقي الشاشة. الزران في مربع الحوار محاذاة إلى اليسار للحصول على مظهر نظيف ومنظم.
لمحة
يعرض القسم "لمحة" لوحة على يسار الشاشة مع عرض نص يمكن التنقّل فيه.
إعدادات الترجمة
يتم استخدام مكوِّن القائمة لعرض إعدادات مختلفة ضمن العنوان الفرعي، ويستخدم إجراءات مثل مفتاح تبديل أو تصنيف.
السجلّ
يستخدم سجلّ البحث تنسيقًا يعرض قائمة بطلبات البحث التي تم البحث عنها سابقًا، إلى جانب خيار محو سجلّ البحث بالكامل.
مساعدة
يستخدم قسم "المساعدة والدعم" مكوّن قائمة مخصّصة لعرض خيارات متنوعة، بما في ذلك معلومات الاتصال والأسئلة الشائعة.
