Uygulama düzenleri
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
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 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:
- 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.
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.
- Ö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.
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:
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.
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,["# App layouts\n\nWhen designing apps for Wear OS, be intentional about the layouts you choose for\neach experience. Because Wear OS runs on circular displays and clipping is more\ncommon than on handheld devices, there are two categories of canonical layouts\nthat you should consider when designing your app.\n\nNon-scrolling app layouts\n-------------------------\n\nNon-scrolling layouts focus on glanceable information and offer users value with\nlittle or no interaction. Because of that, it can be challenging to build\nresponsive behavior into these layouts:\n\n### Build for responsive non-scrolling views\n\n- Test on a combination of languages, font scaling, devices, and variable content.\n- Use non-scrollable layouts only when the content is known or controlled ahead of time, or if you must use a specific design.\n- Apply the [recommended top, bottom, and side margins](/design/ui/wear/guides/components/dialogs#adaptive-layouts) to the layout.\n- Define margins in percentage values in places where content might otherwise be clipped.\n- Arrange elements to make the best possible use of the space within the screen and maintain balance across different device sizes.\n\nScrolling app layouts\n---------------------\n\nFor pages that contain more information than can fit on a single screen, or\nwhich are required to support longer and more immersive journeys, use a scroll\nview.\n\n### Build for responsive scroll views\n\n- Apply the [recommended top, bottom, and side margins](/design/ui/wear/guides/components/dialogs#adaptive-layouts).\n- Define outer margins in percentage values to prevent clipping at the beginning and end of the scrollable container.\n- Apply margins in fixed DP values between UI elements.\n\n### How to build for adaptive scroll views using a screen size breakpoint\n\nScroll views that use responsive design practices usually adapt to a range of\nscreen sizes. However, in some special cases, you can use a breakpoint to\noverride dimensions and augment layouts which show additional options, improve\nglanceability, or make content fit better on screen. The following example\nshows how, on larger screens, the bottom two buttons are widened:\n\nFigma design kits\n-----------------\n\n[Visit the design kit downloads page](/design/ui/wear/guides/foundations/download) to explore design layouts with built-in\ncomponents, options, and recommendations to create different app and tile\ndesigns that follow best practices."]]
