Renk sistemi

Android TV, Google'ın Materyal renk yönergelerine bağlı olarak uyumlu ve görsel olarak çekici bir arayüz sağlar. TV ekranına uygun olarak tasarlanmış, son derece sürükleyici ve ilgi çekici bir görsel stil oluşturur. Bu kılavuzda, Materyal Tasarım temasının Android TV arayüzüne uygulanması ayrıntılı bir şekilde açıklanmıştır.

Öne çıkanlar

  • Android TV, Google'ın Materyal renk yönergelerine uyar ancak TV için optimize eder.
  • Koyu temalar kullanarak sinematik deneyimler yaratın.
  • Tema oluşturmak için Materyal Tema Oluşturucu'yu kullanın.

Renk şeması

Renk şeması, kullanıcı arayüzünüze anlamlı bir renk uygulayarak uyum, marka tutarlılığı ve ölçeklenebilirlik oluşturmanıza yardımcı olur.

Renk şemasının temeli, on üç veya daha fazla tonlu ayrı ton paletleriyle tek tek ilişkilendirilen beş temel renk kümesidir. Her ton paletindeki belirli tonlar, kullanıcı arayüzündeki renk rollerine atanır. Anahtar renkler, dinamik bir renk şeması oluşturmanın temelini oluşturur. Malzeme Tema Oluşturucu'yu kullanarak veya kendi anahtar renklerinizi seçerek bir kök rengine dayalı anahtar renkler oluşturabilirsiniz.

Anahtar Renkleri

Ana renkler oluşturulduktan sonra Material'ın algoritması, etkileşim durumlarını, hataları ve erişilebilir kontrastı ifade etmek için gereken tüm renk spektrumunu belirler.

Renk teması oluşturma süreci

Materyal tema oluşturucu, aynı renk jetonlarını kullanarak hem koyu hem de açık renk şemaları oluşturarak temalar arasında geçiş yapmayı kolaylaştırır.

Renk rolleri

Birincil

Birincil roller, kullanıcı arayüzünde belirgin düğmeler, etkin durumlar ve yükseltilmiş yüzeylerin tonu gibi temel bileşenler için kullanılır.

Birincil Vurgu

İkincil

İkincil roller, kullanıcı arayüzünde filtre çipleri gibi daha az belirgin bileşenler ve daha fazla renk ifadesi fırsatı için kullanılır.

Aksan İkincil

Üçüncül

Üçüncül roller, birincil ve ikincil renkleri dengelemek veya giriş alanı gibi bir öğeye daha çok dikkat çekmek için kullanılabilecek zıtlık vurguları için kullanılır.

Üçüncül vurgu

Yüzeyler

Nötr roller, yüzeyler ve arka planlar için kullanılır. Metin ve simgeler ön plana çıkarılır. Materyal Tasarım yönergelerinde, yüzeyler hakkında daha fazla bilgi edinin.

Yüzeyler

Özetler

Materyal Tasarım yönergelerinde anahat rolleri hakkında daha fazla bilgi edinin.

Çerçeve

Dinamik renk

Android 12'den itibaren Android Mobil'de kullanıcılar, duvar kağıdı seçimleri ve diğer özelleştirmeler aracılığıyla kişiselleştirilmiş şemalar oluşturabilirler. Android TV duvar kağıdını desteklemez. Yani kullanıcı tarafından oluşturulan şemalar desteklenmez. Android TV OS yalnızca temel paletleri yayınlar.

Kullanıcı tarafından oluşturulan şemalar yerine, film afişleri, albüm resmi ve diğer kahraman resimleri gibi içerikleri temel alan dinamik ve eğlenceli tasarımlar oluşturmak için içerik tabanlı renk şemalarını kullanabilirsiniz. Ayrıntılar için içerik tabanlı renk şemaları bölümüne bakın.

Malzeme rengi yardımcı programları geliştirici kitaplıklarını kullanarak, anahtar renkleri doğrudan resimden çıkarabilir veya bir anahtar rengi bulmak için kendi renk ayıklama algoritmanızı çalıştırabilir, ardından tema oluşturmak için Malzeme Rengi Yardımcı Programları'nı kullanabilirsiniz.

Aşağıda, bir resimden renklerin nasıl çıkarıldığına dair bir örnek görebilirsiniz:

Dinamik Renk

  1. Kaynak resim
  2. Çıkarılan çekirdek rengi
  3. Oluşturulan anahtar renkler

Bu temel renkleri kullanarak bir renk şeması oluşturabilir veya bunları kullanıcı arayüzünüze uygulamak için tonları kullanabilirsiniz.

Dinamik renk uygulaması örneği

Erişilebilirlik

Erişilebilirlikle ilgili dikkat edilmesi gereken noktaları Android TV için erişilebilirlikle ilgili en iyi uygulamalar başlıklı makalede bulabilirsiniz.