Evinizde ve büyük ekranda, en sevdiğiniz filmlere, TV programlarına, müziklere ve daha birçok içeriğe istediğiniz zaman kolayca erişin.
Kaynaklar
Tür | Bağlantı kur | Durum |
---|---|---|
Tasarım | Tasarım kaynağı (Figma) | Kullanılabilir |
Inter (Google Fonts) | Kullanılabilir | |
Uygulama | Jetpack Compose (GitHub) | Kullanılabilir |
Tema
Renk teması
Materyal Tasarım 3 tema oluşturma aracı kullanılarak bir renk teması oluşturulur.

Yazı biçimi
JetStream'in tür ölçeği, TV ekranlarında basit ve net bir görünüm oluşturmak için Ara yazı tipini kullanır.

Şekil
Dostça ve ulaşılabilir kenarlar oluşturmak için kartlara ve düğmelere ince bir yarıçap uygulanır.

Odaklanma
JetStream'de, dış çizgi rengi olan 3dp dış çizgi kullanılır.

Ana Sayfa
Ana Sayfa
JetStream uygulamasının açılış sayfası.

Öne çıkan bant
Kart stili düzene sahip bir rulo.

İçerik satırı
JetStream, 5 sütunlu düzende 2:3 en boy oranına sahip standart bir kart stili kullanır.

Kapsamlı liste
Yoğun içerik listesi bileşenini kullanarak uygulamadaki özel içeriği (ör. trend olan en popüler 10 film) vurgulayın.

Kategoriler
Kategoriler
Kategoriler sayfasında, kolay gezinme ve erişim için türler tablo biçiminde görüntülenir.

Kategori kartları

Kategori ayrıntıları
Kategori ayrıntıları sayfasını oluşturmak için, başlığı olan 2:3 boyutunda bir kart ızgarası kullanılır.

Medya
Filmler
Üstte içerik ızgarası ve altta 16:9 öne çıkan kartları içeren standart bir filmler sekmesi.

Şovlar

Kitaplık
Favoriler
Favoriler sekmesinde, hızlı içerik araması yapabilmeniz için ekranın üst kısmında filtre çipleri bulunur.

Arama
Arama açılış sayfası
Arama sayfasında, son aramalara dayalı olarak önerilen arama sorgularını içeren bir arama çubuğu bulunur.

Etkin arama
Kullanıcı, arama çubuğuna odaklandığında klavye açılır ve aşağıdaki sonuçlar, kullanıcı yazarken dinamik olarak güncellenir.

Varlık ayrıntıları
Ayrıntılı açılış sayfası
Ayrıntılar sayfasında, olay örgüsünün kısa bir özeti ve filmi izlemek için belirgin bir harekete geçirici mesaj düğmesi bulunan bir sinematik görünüm sunulur.

Oyuncular ve ekip
Oyuncular ve Ekip bölümünde, başlıkları ve açıklamaları olan bir dizi klasik kart yer alır. Bu kartların her birine 2:3 resim öğesi eşlik eder.

Puanlar
Puanlar bölümünde, ek bilgiler içeren klasik genel kapsamlı bir kart bulunur.

Oynatma
Video oynatıcı
En iyi uygulamalara sahip standart bir video oynatıcı.

Video oynatıcı ayarları
Video oynatıcıda altyazı pop-up'ı.

Ayarlar
Hesap ayarları
Hesaplar sayfa düzeninin sol tarafında liste bileşeni ve sağ tarafında özel kart bileşenlerinin ızgara biçiminde düzenlenmiş iki sütunlu tasarımı bulunur.

Hesabı silme iletişim kutusu
İletişim kutusu, ekranın geri kalanından farklı olması için zıt bir arka planla tasarlanmıştır. İletişim kutusundaki iki düğme, sade ve düzenli bir görünüm için sola hizalanmıştır.

Hakkında
Hakkında bölümü, kaydırılabilir metin görünümüyle sağ tarafta bir panel içerir.

Altyazı ayarları
Liste bileşeni, altyazı altında çeşitli ayarları görüntülemek için kullanılır ve anahtar veya etiket gibi işlemler kullanır.

Geçmiş
Arama geçmişi, tüm arama geçmişini temizleme seçeneğiyle birlikte daha önce aranan sorguların listesini görüntüleyen bir düzen kullanır.

Yardım
Yardım ve Destek bölümünde, iletişim bilgileri ve SSS gibi çeşitli seçenekleri görüntülemek için bir özel liste bileşeni kullanılır.
