Uygulama düzenleri

Wear OS için uygulama tasarlarken hangi düzenlerin kullanılacağına dikkat edin deneyim. Çünkü Wear OS yuvarlak ekranlarda çalışır ve kırpma daha fazla avuç içi cihazlarda yaygın olarak kullanılan standart düzenleri içeren iki kategori vardır. göz önünde bulundurmanız gereken birkaç nokta vardır.

Kaydırılmayan uygulama düzenleri

Kaydırılmayan düzenler, bir bakışta göz atılabilecek bilgilere odaklanır ve kullanıcılara ya da hiç etkileşim olmaması gerekir. Bu nedenle, belirli bir sürede duyarlı davranışı sergileyebilir:

İletişim kutuları, onay yer paylaşımları, seçiciler, adım öğeleri ve kombinasyonlar örnek olarak verilebilir.

Kaydırılmayan duyarlı görünümler için geliştirme

  • Dil, yazı tipi ölçeklendirme, cihazlar ve değişken kombinasyonunu test edin içerik.
  • Kaydırılamayan düzenleri yalnızca içerik biliniyorsa veya kontrol ediliyorsa kullanın veya belirli bir tasarım kullanmanız gerekip gerekmediğini belirleyebilirsiniz.
  • Önerilen üst, alt ve yan kenar boşluklarını düzene uygulayın.
  • İçeriğin normalde kullanılabileceği yerlerde yüzde değerlerinde kenar boşlukları tanımlayın kırpılabilir.
  • Öğeleri, bölmeden en iyi şekilde yararlanacak şekilde farklı ekran ve cihazlarda dengeyi koruyoruz.

Kayan uygulama düzenleri

Tek bir ekrana sığmayacak kadar fazla bilgi içeren sayfalar için veya Daha uzun ve daha sürükleyici yolculukları desteklemek için gerekli olan kaydırma çubuğu görünüm.

Çip listeleri, karma listeler, kart listeleri, düğme listeleri ve alt çipleri ile alt düğmeleri olan iletişim kutuları buna örnek olarak verilebilir.

Duyarlı kaydırma görünümleri için oluşturma

  • Önerilen üst, alt ve yan kenar boşluklarını uygulayın.
  • Şurada kırpmayı önlemek için dış kenar boşlukları yüzde değerlerinde tanımlayın: başlangıcını ve bitişini değiştirin.
  • Kullanıcı arayüzü öğeleri arasında sabit DP değerlerine kenar boşlukları uygulayın.

Ekran boyutu ayrılma noktası kullanarak uyarlanabilir kaydırma görünümleri oluşturma

Duyarlı tasarım uygulamalarını kullanan kaydırma görünümleri genellikle ekran boyutlarına bağlı. Ancak bazı özel durumlarda, boyutları geçersiz kılın ve ek seçenekler gösteren düzenlerin sayısını artırın. veya içeriğin ekrana daha iyi sığdırılmasını sağlayabilir. Aşağıdaki örnek Büyük ekranlarda alttaki iki düğmenin nasıl genişletildiğini gösteriyor:

Düğmeler daha geniştir ve daha büyük ekran boyutlarına yönelik düzende liste öğelerine daha fazla metin sığar

Figma tasarım kitleri

Yerleşik özelliklerle tasarım düzenlerini keşfetmek için tasarım kiti indirmeleri sayfasını ziyaret edin farklı uygulama ve kart oluşturmaya yönelik bileşenler, seçenekler ve öneriler geliştirmeyi öğreneceksiniz.