Kartlar, TV uygulamanızın temel yapı taşlarıdır.

Kaynaklar
Tür | Bağlantı | Durum |
---|---|---|
Tasarım | Tasarım kaynağı (Figma) | Kullanılabilir |
Uygulama | Jetpack Oluşturma | Kullanılabilir |
Öne çıkanlar
- Tek bir konuyla ilgili içeriği görüntülemek için kart kullanın.
- Bir kartta metin, düğme, liste ve diğer kullanıcı arayüzü öğelerini destekleyen resimlerden başlıklara kadar her şey bulunabilir.
- Kart başka bir kartla birleştirilemez veya birden fazla karta bölünemez.
- Altı kart çeşidi vardır: standart, klasik, kompakt, içeriye ayrılmış, geniş standart ve geniş klasik.
Varyantlar
Her biri farklı kullanım alanına sahip beş kart türü vardır:
- Standart
- Klasik
- Küçük
- Geniş standart
- Geniş klasik





İçerik blokları
Kartların içerikleri farklı bloklar halinde düzenlenir. Vurgulu olarak kullanılan kartın görsel tasarımı hiyerarşiyi gösteriyor. Kartların düzeni, kartların içerdiği içerik türlerine de uyum sağlar.
Anatomi

- Başlık
- Alt başlık
- Açıklama
- Ek metin
Özellikler
Standart kart
Anatomi
- Resim
- İçerik engelleme
Eyaletler
Özellikler
Klasik kart
Anatomi
- Resim
- İçerik engelleme
Eyaletler
Özellikler
Kompakt kart
Anatomi
- Resim
- İçerik engelleme
Eyaletler
Özellikler
Geniş standart kart
Anatomi
- Resim
- İçerik engelleme
Eyaletler
Özellikler
Geniş klasik kart
Anatomi
- Resim
- İçerik engelleme
Eyaletler
Özellikler
Kullanım
Kartlar, çeşitli içerikleri görsel açıdan ilgi çekici ve kullanıcı dostu bir şekilde göstermek için kullanılabilen çok yönlü tasarım öğeleridir. Aşağıdaki bölümlerde, kartlar için tasarımla ilgili dikkat edilmesi gereken noktalar açıklanmaktadır.
En boy oranı
Kartlar için yaygın olarak kullanılan üç en boy oranı vardır: 16:9, 1:1 ve 2:3. Her en boy oranının güçlü özellikleri vardır. Bu nedenle sizin için en iyi seçim, özel ihtiyaçlarınıza bağlıdır.
- Kartlar için en yaygın en boy oranı 16:9'dur. Resim ve videoları görüntülemek için çok uygun olan geniş bir en boy oranıdır.
- 1:1, kare en boy oranıdır. Oyuncular ve ekip, kanal logoları veya takım logoları gibi görsel olarak dengelenmesi gereken kartlar için iyi bir seçimdir.
- 2:3, daha uzun bir en boy oranıdır. Şemayı yıkıp ön plana çıkarmak istiyorsanız bu iyi bir seçimdir.
Sonuç olarak, kartlarınız için en boy oranı seçmenin en iyi yolu, farklı seçenekleri denemek ve en iyi görünene bakmaktır.
Aşağıda, farklı en boy oranlarının kullanımlarına bazı örnekler verilmiştir
1:1
Oyuncular ve Ekip

Spor takımlarının logoları

2:3
Trend olan kitaplar

16:9
Film kartları

Düzen ve boşluk
Ekranda görünen kart sayısına göre kart genişlikleri, 20 dp'lik boşlukla uygun bir şekilde zirve yapılarak gerçekleştirilebilir.
Tek kartlı düzen
Kartın genişliği: 844 dp

2 kartlı düzen
Kartın genişliği: 412 dp

3 kartlı düzen
Kartın genişliği: 268 dp

4 kartlı düzen
Kartın genişliği: 196 dp

5 kartlı düzen
Kartın genişliği: 124 dp

İçerik engelleme
Bir karttaki içerik bloğunun genişliği, resim küçük resmiyle aynı genişlikte olmalıdır. İçerik bloğunda daha fazla metin görüntülemeniz gerekiyorsa geniş bir kart varyasyonu kullanın.

Yapılması gerekenler

Yapılmaması gerekenler
Kompakt kart
Kompakt kartlar kısa ve kolay okunur olmalıdır. Arka plan resminden önceki içerik kısa ve öz olmalıdır. Uzun başlıklar, alt başlıklar veya açıklamalar kullanmaktan kaçının. Bu sayede kartlarınız görsel olarak daha ilgi çekici ve taranabilir.
Resimdeki metnin daha okunaklı olmasını sağlamak için yarı şeffaf siyah gradyan yer paylaşımı ekleyin. Bu işlem, resmin çok fazla gösterilmemesini sağlamadan arka planı koyulaştırarak metnin daha kolay görünmesini sağlar.

Yapılması gerekenler
