Yoğun liste

Kapsamlı liste, bir içerik satırı ile seçili öğenin önizlemesinin kombinasyonudur. İçerikleri daha geniş bir görüntü alanında öne çıkarır.

Kapak

Kaynaklar

Tür Bağlantı Durum
Tasarım Tasarım kaynağı (Figma) Kullanılabilir
Uygulama Jetpack Oluşturma Kullanılabilir

Öne çıkanlar

  • Dinamik içerik önizlemesi. Kullanıcı içerik satırında gezindiğinde önizleme alanı otomatik olarak güncellenir ve odaklanılan öğeyi gösterir.
  • Kapsamlı liste bileşeni, içeriğin görüntülenmesi için daha büyük bir görüntü alanına sahiptir. Böylece, kullanıcıların odaklanılan öğenin görsel ayrıntılarını görüntülemesi ve bunu takdir etmesi kolaylaşır.
  • Kapsamlı listeler, odaklanılan öğe hakkında alakalı ve bağlamsal bilgiler sağlayarak kullanıcıların göz atma deneyiminden ayrılmadan bilinçli kararlar vermelerine yardımcı olur.
  • Yoğun içerik listesi bileşeni, kullanıcılar gezindikçe içerik hakkında daha fazla ayrıntı göstermek için kademeli açıklamayı kullanır, böylece bilişsel yükü azaltır ve kullanıcı etkileşimini korur.
  • Kapsamlı liste bileşeni, uygulama genelinde tutarlı etkileşimler sağlayarak kullanıcılara tanıdık ve tahmin edilebilir bir deneyim sunar.

Anatomi

Anatomi

  1. Resim arka planı
  2. İçerik engelleme
  3. Kart net
  4. İçerik tablosu

Görüntü anatomisi

  1. Sinematik kumaş
  2. Afiş
  3. Arka plan rengi

Özellikler

Özellikler

Davranış

Yoğun içerik listesindeki kartlar arasında gezinirken, seçilen kartın ayrıntıları arka planda kademeli olarak gösterilir.

Tam sayfa liste odaktayken, aşağıdaki videoda gösterildiği gibi arka plan başlığı ve açıklama gibi ek bilgileri görüntülemek için yüksekliği artar.

Kullanım

Yeni çıkanlar, popüler programlar veya özel başlıklar gibi öne çıkan veya tanıtılan içeriklere dikkat çekmek istediğinizde etkileyici bantlar kullanın. Daha büyük görüntü alanı ve dinamik önizleme, bu yüksek öncelikli öğeleri sergilemek için cazip bir yol sağlar.

Resim görüntüleme

Özellikler

  1. Kart odağı: Kullanıcı bantta gezinirken odaklanılan kart görsel olarak vurgulanır, kartın 1,1 ölçeklenmesi, kenarlık ve yükseklik olarak seçimi belirtmek için diğer görsel işaretler kullanılır. Odaklanılan kartın küçük resmindeki içerik başlıklarının net bir şekilde görülebildiğinden ve daha kolay okunduğundan emin olun.
  2. Arka plan resmi: Bir kart odaktayken, daha geniş görüntü alanında ilgili bir arka plan resmi görüntülenir. Bu arka plan resminin, içerik için etkileyici ve ilgi çekici bir arka plan sağladığından yüksek kaliteli ve görsel açıdan ilgi çekici olmasını öneririz.

Beste

Sinematik bir deneyim oluşturmak için özneyi sağ üst köşeye göre ölçeklendirin ve hizalayın.
Tam ekran kırpma, içeriğin altındaki öznenin kırpılmasına neden olur.

Yoğun içerik listesi bileşeninde arka plan olarak kullanılan resimlerin iyi görünmesini sağlamak için bulanık veya bozuk olmayacak şekilde uygun şekilde ölçeklendirdiğinizden emin olun.

En boy oranı

Görsel olarak çekici ve tutarlı bir düzen sağlamak için mümkün olduğunda arka plan resimleri için 16:9 en boy oranını kullanın.

Özellikler