Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Material 3 Expressive, şekil dönüştürme listelerini ve düğme durumlarını desteklemek için köşe yarıçaplarının yuvarlatılması ve keskinleştirilmesi işlemlerini uygulamak üzere esnek kapsayıcı şekiller kullanarak şekil dilini çok daha kapsamlı ve anlamlı bir şekilde kullanır.
Tasarım sistemi, Wear OS'teki yuvarlak cihazlar için sahiplenilebilir ve ikonik bir tasarım kalıbı olarak kenarlara yakın düğmeler de sunar.
Kullanıcı arayüzü öğesi ölçeklendirmesini koruma
Yuvarlak ekranda düzen tasarlarken, kaydırılan ve kaydırılmayan görünümlerin her birinin, kullanıcı arayüzü öğelerinin ölçeklendirilmesini korumak ve dengeli bir düzen ve kompozisyon sağlamak için benzersiz gereksinimleri vardır.
Kaydırma görüntülemeleri
Kaydırma görünümlerinde, kırpmayı önlemek ve öğelerin orantılı olarak ölçeklendirilmesini sağlamak için tüm üst, alt ve yan kenar boşluklarını tanımlamak üzere yüzdeleri kullanın.
Kırpmayı önlemek ve öğelerin orantılı olarak ölçeklendirilmesini sağlamak için tüm üst, alt ve yan kenar boşlukları yüzde olarak tanımlanmalıdır.
Kaydırma olmadan görüntülemeler
Kaydırılmayan görünümlerde tüm kenar boşlukları için yüzdeler ve dikey kısıtlamalar kullanın. Böylece ortadaki ana içerik, mevcut alanı dolduracak şekilde genişleyebilir.
Tüm kenar boşlukları yüzde olarak tanımlanmalı ve dikey kısıtlamalar, ortadaki ana içeriğin mevcut alanı dolduracak şekilde genişleyebileceği şekilde tanımlanmalıdır.
Kalite yönergeleri katmanları
Kalite yönergelerimiz üç katmana ayrılmıştır. Üç katmanın tümünde yönergelere uyarak kullanıcılarınıza mümkün olan en iyi deneyimi sunun.
Tüm ekran boyutlarına uygun
Uygulamanızın tüm ekran boyutlarında kaliteli bir deneyim sunduğundan emin olun.
Kullanılabilir uygulama alanını tam olarak kullanan düzenler oluşturun.
Duyarlı ve optimize edilmiş
İzin veren cihazlardaki kullanıcılara daha fazla içerik sunun ve farklı ekran boyutlarına otomatik olarak uyum sağlayan duyarlı düzenlerden yararlanın.
Uyarlanabilir ve farklılaştırılmış
Kesme noktalarını kullanarak daha büyük ekranlarda, küçük ekranlı cihazlarda mümkün olmayan güçlü yeni deneyimler sunarak ek alanlardan en iyi şekilde yararlanın.
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-26 UTC.
[null,null,["Son güncelleme tarihi: 2025-07-26 UTC."],[],[],null,["# Design quality tiers\n\nMaterial 3 Expressive leans into shape language in a much more expansive and\nmeaningful way by utilizing flexible container shapes to apply rounding and\nsharpening of corner radii to support shape morphing lists and button states.\nThe design system also introduces edge-hugging buttons as an ownable and iconic\ndesign pattern for round devices on Wear OS.\n\nMaintain UI element scaling\n---------------------------\n\nWhen designing layouts on a round screen, scrolling and non-scrolling\nviews each have unique requirements to maintain UI element scaling and preserve\na balanced layout and composition.\n\n\n**Scrolling views**\n\nFor scrolling views, use percentages to define all top, bottom, and side\nmargins to avoid clipping and provide proportional scaling of elements.\n\nAll top, bottom, and side margins should be defined in percentages to avoid\nclipping and provide proportional scaling of elements. \n**Non-scrolling views**\n\nFor non-scrolling views, use percentages and vertical constraints for all\nmargins. That way, the main content in the middle can stretch to fill the\navailable area.\n\nAll margins should be defined in percentages and vertical constraints should be\ndefined such that the main content in the middle can stretch to fill the\navailable area.\n\n\u003cbr /\u003e\n\nTiers of quality guidelines\n---------------------------\n\nOur quality guidelines are organized into three tiers. Enable the best possible\nexperience for your users by meeting guidelines in all three tiers.\n\n\n**Ready for all screen sizes**\n\nEnsure your app is delivering a quality experience across all screen sizes.\nCreate layouts that fully use the available app space. \n\n**Responsive and optimized**\n\nDeliver more content to users on devices which allow for it, and utilize\nresponsive layouts that automatically adapt to different screen sizes. \n\n**Adaptive and differentiated**\n\nMake the most of additional real estate by utilizing breakpoints to offer\npowerful new experiences on larger screens which are not possible on devices\nwith smaller screens.\n\n\u003cbr /\u003e\n\n| **Caution:** A larger display size should *never* display less information than ones that are smaller than it, this is especially relevant for custom behaviors added in at the breakpoint. A common example of this is when components or text sizes are increased past the breakpoint and end up showing less are the larger screens. Screens should always show \"more value\" and never \"less value\" with increasing size."]]
