Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Wear OS ekosistemindeki saatlerin birçoğu farklı ekran boyutlarına sahiptir.
Wear OS için tasarım yaparken uygulama yüzeylerinizin bu farklı ekran boyutlarında gösterildiğini unutmayın.
İlkeler
Farklı cihazlar için tasarım yaparken aşağıdaki ilkeleri göz önünde bulundurun.
Önce küçük
Her zaman önce, desteklenen en küçük yuvarlak ekran emülatörü için tasarlayın:
192 dp. Ardından daha büyük cihazlar için optimizasyon yapın.
Ölçeklendirilebilecek tasarımlar yapın
Yuvarlak ekranlarda kenar boşluklarının orantılı olarak ölçeklendirilebilmesi ve kullanıcı arayüzü öğelerinin kırpılmaması için dış kenar boşluklarını mutlak değerler yerine yüzdeler olarak tanımlayın.
Yazı tipi boyutu
Bir kullanıcı arayüzü öğesinin yüksekliği, yazı tipi ölçeklendirme ve kalın metin gibi erişilebilirlik ayarlarına bağlı olarak doğrusal olmayan bir şekilde değişebilir.
Yaygın ekran boyutlarına örnekler
Aşağıdaki ekran boyutları, Wear OS cihazlar için özellikle yaygın olarak kullanılan seçeneklerdir.
Küçük ekranlar ve büyük ekranlar arasında ayrılma noktası olarak 225 dp kullanılması önerilir.
192 dp - 224 dp
225 dp - 240 dp+
Standart uyarlanabilir düzenler
Çeşitli ekran boyutlarına yönelik tasarlama hakkında daha fazla bilgi için standart uyarlanabilir düzenler sayfasını ziyaret edin.
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-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-07-27 UTC."],[],[],null,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
