Uyarlanabilir tasarım, belirli kesme noktalarına ve cihazlara uyum sağlayan düzenler tasarlama uygulamasıdır.
Uyarlanabilir düzenleri etkili bir şekilde uygulamak için:
- Öncelikle düzen değişikliklerini belirlemek için cihazın pencere sınıfı genişliğini göz önünde bulundurun, ardından yüksekliği ayarlayın.
- Android, web geliştirme alanında olduğu gibi duyarlı tasarım kavramlarından yararlanır. Bağlamına etkili bir şekilde yanıt veren düzenler oluşturmak için esnek ızgaralar ve resimler kullanır.
Düzenleri genişletilmiş ekran boyutlarına uyarlama ile ilgili tasarım yönergeleri için Compose'daki Farklı ekran boyutlarını destekleme geliştirici kılavuzunu ve M3'teki Düzen Uygulama sayfasını inceleyin. Ayrıca, büyük ekran düzenleri için ilham almak ve bu düzenleri uygulamak üzere Android büyük ekran standart galerisine de göz atabilirsiniz.
Uyarlanabilir düşünün
Uygulamanızı tasarlarken varsayılan olarak uyarlanabilir düzeni kullanmanız gerekir. Android mobil pazarı sürekli geliştiği için yalnızca cep telefonlarını düşünemezsiniz. Bunun yerine, cep telefonları, katlanabilir cihazlar, tabletler ve bunların arasındaki her şey dahil edilmelidir.
Bazı özellikler ve kullanım alanları her ekran boyutunda veya form faktöründe mantıklı olmayabilir. Uyarlanabilir tasarım, kullanıcılarınıza ergonomi, kullanılabilirlik ve uygulama kalitesi konusunda daha fazla özgürlük tanır.
Yöntemler ve kalite
Uygulamanızın geri kalanında yönerge olarak kullanılacak, sınıf boyutlarının kesme noktaları olarak belirlendiği temel ekranları (temel kavramları veya uygulamanızı iletin) tasarlayarak başlayabilirsiniz. Bu önemli deneyimler, farklılaştırılmış uyarlanabilir ve form faktörü özelliklerini vurgulayabilir. Alternatif olarak, içeriğin nasıl sınırlandırılması, genişletilmesi veya yeniden akıtılması gerektiğini belirterek içeriği temel düzeyde duyarlı olacak şekilde tasarlayabilirsiniz.
Yapılması gerekenler
Yapılmaması gerekenler:
Yapılması gerekenler
Öğeleri birlikte gruplandırmak için dahili ve görsel kapsayıcıları kullanın. Paneler taşınabilir, gizlenebilir, genişletilebilir, sınırlandırılabilir veya açılabilir. Panelerle düşünmek, tüm mobil cihazlarda tasarım yapmayı kolaylaştırır.
Öğelerin ızgaraya nasıl uyum sağladığına odaklanarak öğelerin kaymasına ve yeniden düzenlenmesine izin verin. Öğeler için dikey değişikliği göz önünde bulundurun ve kısıtlamalarla birlikte sunum değişikliklerini birleştirin.
Yüksek kaliteli bir uygulama, temel uygulama ve büyük ekran kalitesi yönergelerinde farklılaştırılmış katmanı karşılamalıdır.
Düzenler hakkında daha fazla bilgi için Materyal Tasarım 3 (M3) Düzeni Anlama sayfasını inceleyin.