Önemli bir ekran boyutu kesme noktasında* uygulanan yeni düzenlerden yararlanarak ekranın boyutuna özel olarak uyarlanmış bir kullanıcı deneyimi oluşturan ve daha büyük ekranlı cihazların kullanıcılarına ek değer sunan, küçük ekranlı cihazların sunamayacağı bir kullanıcı deneyimi sağlayan uygulamalar.
*Kullanıcı arayüzü (UI) tasarımında, kesme noktası, çeşitli cihazlarda kullanıcı deneyimini optimize etmek için içeriğin düzeninin ve sunumunun değiştirildiği belirli bir ekran genişliğini veya görüntü alanını ifade eder. Geliştiriciler bu noktaları tanımlamak için kod (ör. CSS medya sorguları) kullanır. Tasarım özelliklerinizdeki bu kesme noktalarında iki tasarım sağlamanız önerilir. Wear OS ekran boyutları 192 dp'den başlar ve daha büyük ekranlar için varsayılan kesme noktası 225 dp'dir.
Wear OS'te kesme noktalarını kullanma
225 dp'de bir kesme noktası (BP) kullanmak, düzenleri çeşitli boyutlarda optimize etmenize yardımcı olabilir.
Yapılması gerekenler
- Ek ekran alanını kullanmak için 225 dp ve üzeri özel yerleşimler ve davranışlar tasarlayın.
- Mümkün olduğunda kesme noktasından sonra değer ekleyin.
- Daha göz atılabilir bir kullanıcı arayüzü için BP'den sonra daha büyük bileşen seçeneklerini kullanın.
- Etkileyici ve cesur olun.
Yapılmaması gerekenler
- Yalnızca tek bir cihaz boyutu için tasarlayın. Tasarımlarınızı birden fazla ekran boyutunda test edin.
- Yalnızca duyarlı davranışa güvenin.
- Uygulamanızın veya kartınızın dikkat çekmemesine izin verin.
Örnekler
Aşağıdaki resimlerde, uyarlanabilir ve farklılaştırılmış uygulamalara örnekler verilmiştir.
Medya oynatıcı
225 dp'lik kesme noktasından sonra ana kontrol boyutlarının ve ek alt düğmenin artırılması: Değer katan, büyük ekranlardaki ek alanı daha iyi kullanan ve göz atma kolaylığını artıran bir özelliktir.
Düğme grupları içeren kart
225 dp kesme noktasından sonra ek düğme satırı - ek düğmeler aracılığıyla değer ekleniyor.
Seçici
Sayılar, 225 dp'lik kesme noktasından sonra boyut olarak büyür. Böylece, daha büyük ekranlardaki ek alan daha iyi kullanılır ve göz atma kolaylığı artırılır.
Grafik içeren kartların listesi
225 dp'lik kesme noktasından sonra ana sayı ve grafikte artış: Büyük ekranlardaki ek alan daha iyi kullanılır ve göz atma kolaylığı artırılır.
Kart içeren kart
225 dp'lik kesme noktasından sonra kart içeren ek satır. Ek kartlar aracılığıyla değer ekler.
Haritalar
225 dp'lik kesme noktasından sonra kart içeren ek satır. Ek kartlar aracılığıyla değer katma.
Bir bakışta görülebilen bildirimler
225 dp'lik kesme noktasından sonra resim, uygulama simgesi ve metin boyutunu artırın. Böylece büyük ekranlardaki ek alanı daha iyi kullanabilir ve göz atma deneyimini iyileştirebilirsiniz.
