Duyarlı düzenler kullanan ve farklı ekran boyutlarına otomatik olarak uyum sağlayan uygulamalar, kullanıcılara ek değer sunar ve daha üretken, ilgi çekici kullanıcı deneyimleri sağlar.
Duyarlı düzenler, optimum kullanıcı deneyimi için düğmeler, metin alanları ve iletişim kutuları gibi öğeleri dinamik olarak biçimlendirir ve konumlandırır. Duyarlı tasarım uygulamalarını kullanarak uygulamanızın kullanıcılarına daha büyük ekranlarda otomatik olarak ek değer sunun. Bir bakışta daha fazla metin, ekranda daha fazla işlem veya daha büyük, daha erişilebilir dokunma hedefleri olsun, duyarlı uygulamalar daha büyük ekran kullanıcılarına gelişmiş bir deneyim sunar.
Duyarlı tasarımla değer katma
Yapılması gerekenler
- Yerleşik duyarlı ve uyarlanabilir davranışa sahip M3 Compose bileşen kitaplığını kullanın.
- Ekran boyutlarına göre mevcut alanı dolduracak şekilde otomatik ve sorunsuz bir şekilde ayarlanan duyarlı düzenler kullanın.
Yapılmaması gerekenler
- Metin alanları, düğmeler ve iletişim kutuları dahil olmak üzere kullanıcı arayüzü öğelerini uzatarak fazla alanı doldurun.
- Temel olarak grafik amaçlı olmadıkları sürece yazı tiplerinin boyutlarını artırın.
Wear OS için duyarlı uygulamalar ve kartlar oluşturma
Duyarlı kullanıcı arayüzleri, oluşturuldukları ekranın boyutundan bağımsız olarak mevcut tüm ekran alanını en iyi şekilde kullanmak için uzar ve değişir.
Yuvarlak ekranda duyarlı düzenler tasarlarken, kaydırmalı ve kaydırmasız görünümlerin her biri, kullanıcı arayüzü öğesi ölçeklerini korumak ve dengeli bir düzen ve kompozisyon elde etmek için benzersiz özelliklere sahiptir. Kaydırma görünümlerinde, kırpmayı önlemek ve öğelerin orantılı ölçeklendirilmesini sağlamak için tüm üst, alt ve yan kenar boşluklarını tanımlamak üzere yüzdeleri kullanın. Kaydırma yapılmayan görünümlerde tüm kenar boşlukları için yüzdeleri ve dikey kısıtlamaları kullanın. Böylece, ortada bulunan ana içerik mevcut alanı dolduracak şekilde uzatılabilir.
Kaydırma görüntülemeleri
Kırpmayı önlemek ve öğelerin orantılı ölçeklendirilmesini sağlamak için tüm üst, alt ve yan kenar boşlukları yüzde olarak tanımlanmalıdır.
Kaydırma yapılmayan görüntülemeler
Tüm kenar boşlukları yüzde olarak tanımlanmalı ve dikey kısıtlamalar, ortada bulunan ana içeriğin mevcut alanı dolduracak şekilde genişleyebileceği şekilde tanımlanmalıdır.
Örnekler
Aşağıdaki resimlerde duyarlı ve optimize edilmiş uygulamalara örnekler verilmiştir.
Kenara yakın düğmeler
Kart listesi
Geçiş anahtarları ve düğmelerin listesi
Resim kartları içeren karo
Resimli kartlar listesi
Grafik içeren kart
