Optik şeffaf ekranlar için net ve bir bakışta anlaşılacak tasarım.
Jetpack Compose Glimmer, kablolu XR gözlükler gibi optik şeffaf (OST) ekranlar için kullanılan bir Google tasarım sistemi ve kullanıcı arayüzü araç setidir. Tasarım sistemi; renk, tür ve şekil gibi temel öğelerden bileşenlere ve yönergelere kadar yeniden kullanılabilir kararlar sunar.
İlkeler
Jetpack Compose Glimmer, şeffaf ekranlar ve gözlük form faktörü için optimize edilen ilk kullanıcı arayüzü çerçevelerinden biridir. OST, opak ekran görüntüleri kullanmak yerine proje ışığını doğrudan fiziksel dünyanın üzerine yansıtır. Glimmer, geliştiricilerin gerçek dünya varlığını koruyan, yüksek kontrastlı ve bir bakışta anlaşılabilen kullanıcı arayüzleri oluşturmasına yardımcı olur.
Önce şeffaf ekran
Şeffaf ekranlar ve gözlük form faktörü için araştırma ve renk bilimiyle desteklenen, optimize edilmiş bir deneyim sunarak düşünceli, güzel ve optik olarak şeffaf bir görünüm sağlar.
Donanım girişi
Etkileşim girişleri, kablolu XR gözlüklerin özelliklerine göre tasarlanır.
Amaca özel
Stiller ve bileşenler, gözlüklerde kullanıma hazır olacak şekilde özel olarak tasarlanmıştır. Jetpack Compose Glimmer, şeffaf ekranlar ve kullanıcı rahatlığı için optimize edilmiştir. Amaca yönelik olarak tasarlanmış olsa da katı değildir. Bu özellik, tür ve rengin yanı sıra odak vurgularını da özelleştirmenize olanak tanır.
Stiller
Jetpack Compose Glimmer'ın tasarım dilinde, gözlüklerde optimum görünürlük için basitleştirilmiş bir tema bulunur. Renk ve tür, semantik ifade ve uygulama uyumu için özelleştirilebilir. Görsel tasarım ilkelerinde netlik, okunabilirlik ve dikkat dağıtıcı unsurların en aza indirilmesi vurgulanır. Kablolu gözlükler daha geniş bir görüş alanına sahip olsa ve "gerçek dünya"daki etkileşimleri daha az olsa da kullanıcı arayüzünü görüş alanının dışında tutmayı yine de göz önünde bulundurmalısınız.
Glimmer, OST gözlükleri için optimize edilmiş temel bir tema ile birlikte gelir. Renk ve tür, anlamsal ifade ve uygulama uyumu için özelleştirilebilir. Siyah, optik olarak görülebilen bir ekranda şeffaftır. Koyu renkler mat veya şeffaf görüneceğinden tasarım yaparken bunu göz önünde bulundurun. Ancak bu durum, derinlik oluşturmak için de kullanılabilir.
Renk şeması
Gözlük renk şeması (uygulamanızın rengini temalandırmak için kullanılan renk jetonları veya rolleri koleksiyonu), üç vurgu rolü, altı yüzey (veya nötr rol) ve bunların renkli karşılıklarından oluşur.
Rengi özelleştirme
Birincil renk, markanızın veya birincil etkileşim renginizin kullanılacağı şekilde özelleştirilebilir. Seçilen rengin kontrastını, doygunluğunu ve güç kullanımını göz önünde bulundurun.
Glimmer'ın renk sistemi ve en iyi uygulamaları hakkında daha fazla bilgi edinin.
Yazı biçimi
Jetpack Compose Glimmer'da optimize edilmiş bir varsayılan tür ölçeği bulunur. Her biri üç stile sahip iki rolden oluşan tür rolleri, amaçlarına ve hiyerarşilerine göre belirlenir. Daha fazla bilgi için Glimmer yazı biçimi konusuna bakın.
Yüzey ve derinlik
Yüzeylerde içerik bulunur. Kullanıcının görüş alanında net odak noktaları oluştururlar. Bu odak noktaları içerik veya işlemler içerebilir. Glimmer'da yüzey ve derinlik hakkında daha fazla bilgi kullanılır.
Bileşenler
Bileşenler, kullanıcı arayüzünüzü oluşturmak için özel olarak tasarlanmış yapı taşlarıdır. Uygulamanız, OST gözlüklerinin benzersiz kullanım alanları için optimize edildiğinden bileşenlerde Jetpack Compose Glimmer'ı kullanmalıdır. Daha fazla bilgi için Glimmer bileşenleri başlıklı makaleyi inceleyin.
Bileşenleri uygulamaya hazır mısınız? Jetpack Compose Glimmer dokümanlarını inceleyin.
Glimmer bileşenleri, birden fazla kullanıcı deneyimi amacına hizmet eder. Bazı bileşenlerde işlemler için düğmeler, iletişim için ilerleme göstergeleri, kapsama, gezinme ve giriş için ses göstergeleri bulunur.