Wear OS ekosistemi, çok çeşitli ekran boyutlarına sahip cihazlardan oluşur. Uyarlanabilir kullanıcı arayüzü ilkelerini kullanmak, tüm kullanıcılara en yüksek kaliteli deneyimi sunmada kritik öneme sahiptir.
Uyarlanabilir kullanıcı arayüzü nedir?
Uyarlanabilir kullanıcı arayüzleri, hangi ekranda oluşturulduklarından bağımsız olarak mevcut tüm ekran alanından mümkün olan en iyi şekilde yararlanmak için genişleyip değişir.
Uyarlanabilir kullanıcı arayüzleri, doğrudan düzen mantığında yerleşik olarak bulunan bileşenler ve yöntemler kullanarak duyarlı bir şekilde değişir. Bu düzenler, kullanıcılara daha da zengin bir deneyim sunmak için ekran boyutu ayrılma noktalarından yararlanarak farklı ekran boyutlarında farklı bir tasarım uygular.
Önemli ekran boyutları
Yeni deneyimler tasarlarken aklınızda bulundurmanız gereken önemli referans boyutları hakkında bilgi edinin.
Düzen türleri
Yuvarlak ekranda uyarlanabilir düzenler tasarlarken, kaydırılan ve kaydırılmayan görünümlerin her birinin, kullanıcı arayüzü öğelerini ölçeklendirmek ve dengeli bir düzen ile kompozisyonu korumak için benzersiz gereksinimleri vardır.
Tüm üst, alt ve yan kenar boşlukları, kırpmayı önlemek ve öğeler için orantısal ölçekleme sağlamak için yüzde olarak tanımlanmalıdır.
Tüm kenar boşlukları yüzde cinsinden tanımlanmalıdır. Dikey kısıtlamalar ise ortadaki ana içeriğin mevcut alanı dolduracak şekilde genişletilebileceği şekilde tanımlanmalıdır.
Uyarlanabilir düzenler ve tasarım uygulamalarıyla değer katın
Yuvarlak ekranda uyarlanabilir düzenler tasarlarken, kaydırılan ve kaydırılmayan görünümlerin her birinin, kullanıcı arayüzü öğelerini ölçeklendirmek ve dengeli bir düzen ile kompozisyonu korumak için benzersiz gereksinimleri vardır.
Aşağıdaki resimler genel öneridir; örnekler yalnızca açıklama amaçlıdır. Ayrıntılı, bağlamsal ve duyarlı rehberlik için her bileşeni veya yüzey sayfasını görüntüleyin.
Duyarlı düzenler; daha fazla çip, daha fazla kart, daha fazla metin satırı ve tek bir ekrana sığabilecek daha fazla düğmenin yer almasını sağlar
Mümkün olduğunda yeni içerik eklenmesine olanak tanımak için, tanımlanmış ekran boyutu ayrılma noktalarına uygulanan yeni düzenler kullanın ve daha büyük ekran boyutlarına sahip cihazlarda kullanıcıya ek değer katın.
Daha büyük kapsayıcılar, daha büyük metinler, daha kalın halkalar ve daha ayrıntılı veri görselleştirmesi sağlayarak kullanıcılara kolayca göz atabilme olanağı sağlamak için ekstra ekran alanı kullanın.
Daha büyük dokunma hedefleri, daha büyük görsel hiyerarşi ve içerik öğeleri arasında ekstra ekran alanı kullanarak arayüzlerin daha kolay ve rahat bir şekilde etkileşime girilebilmesi için kullanın.
Tüm ekran boyutlarında kullanıcı arayüzlerimiz için daha iyi bir görünüm ve tarz sunmak amacıyla güncellenmiş bileşenlerimizi ve şablonlarımızı kullanın.
Uygulama kalitesi
Kalite yönergelerimiz üç düzeyde düzenlenmiştir. Üç katmanın tümünde yönergeleri karşılayarak kullanıcılarınız için mümkün olan en iyi deneyimi sağlayın.
|
Tüm ekran boyutları için hazır |
Duyarlı ve optimize edilmiş |
Uyarlanabilir ve farklı |
Belirlenmiş standart düzenleri kullanın
Kullanıcı arayüzlerinizin çeşitli cihaz boyutlarına sorunsuz şekilde uyum sağlamasına yardımcı olmak için belirlenen standart düzenleri kullanın.
Standart düzenlerimiz, tüm ekran boyutlarında yüksek kaliteli bir deneyim sunmak için dikkatli bir şekilde geliştirilmiştir.