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 özel olarak hazırlanmış, son derece etkileyici ve ilgi çekici bir görsel stil oluşturur. Bu kılavuzda, Materyal Tasarım temasının Android TV arayüzüne uygulanması açıklanmaktadır.

Öne çıkanlar

  • Android TV, Google'ın Materyal renk yönergelerine uyar ancak TV için optimize eder.
  • Koyu temalardan yararlanarak 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 sağlar.

Renk şemasının temeli, on üç veya daha fazla tonlu ayrı ton paletleriyle alakalı olan beş temel renk kümesidir. Her bir ton paletindeki belirli tonlar, kullanıcı arayüzünde renk rollerine atanır. Ana renkler, her türlü dinamik renk şemasını oluşturmanın temelidir. Materyal Tema Oluşturucu'yu kullanarak veya kendi temel renklerinizi seçerek bir kök renge dayalı önemli renkler oluşturabilirsiniz.

Tuş Renkleri

Ana renkler oluşturulduktan sonra, Material 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ıyla 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 Aksan

İkincil

İkincil roller, kullanıcı arayüzünde daha az belirgin bileşenler (ör. filtre çipleri) ve renk ifadesiyle ilgili ek fırsatlar için kullanılır.

Orta Öğretim

Üçüncül

Üçüncül roller, birincil ve ikincil renkleri dengelemek veya giriş alanı gibi bir öğeye daha fazla dikkat çekmek için kullanılabilecek kontrastları vurgulamak için kullanılır.

Üçüncül aksan

Yüzeyler

Nötr roller, yüzeyler ve arka planlar için, ayrıca yüksek düzeyde vurgulanmış metin ve simgeler için kullanılır. Materyal Tasarım yönergelerinde, yüzeyler hakkında daha fazla bilgi edinin.

Yüzeyler

Dış çizgiler

Materyal Tasarım yönergelerinde, roller hakkında daha fazla bilgi edinin.

Dış Çizgi

Dinamik renk

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

Kullanıcı tarafından oluşturulan renk ş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 temelli renk şemalarını kullanabilirsiniz. Ayrıntılar için İçeriğe dayalı renk şemaları bölümünü inceleyin.

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 ayıklandığına ilişkin bir örnek verilmiştir:

Dinamik Renk

  1. Kaynak görüntü
  2. Çıkarılan çekirdek rengi
  3. Oluşturulan temel renkler

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

Dinamik renk uygulama ö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.