Windows uygulaması siluetleri

Siluetler, uygulama katmanlama, menüler, gezinti, komut ve içerik alanları gibi öğeler arasındaki ortak bir ilişki desenini gösterir. Bu makalede, çeşitli Windows yerleşik uygulamalarında kullanılan yaygın siluetlere odaklanmaktadır.

Ayrıca, ortak içerik ve denetim düzenlemeleri için İçerik Temelleri bakın.

Üst navigasyon çubuğu silueti

örneği

NavigationView, uygulamanın içerik katmanının üst kısmındakullanılabilir ve aşağıdaki içerikle bağlantı oluşturulabilir. Üst gezinti kullanılırken kimlik/kişi/resim denetimi kullanıcı konumunu not edin.

Aşağıdaki içerik için dikey alan miktarını en üst düzeye çıkarmaya çalışırken gezintiyi komutlar ile aynı satıra yerleştirmek yararlı olabilir.

İçerik kenar boşlukları farklılık gösterebilir. Bu örnek, büyük medya parçalarını tamamlayan 56epx kenar boşluklarını kullanır. Daha küçük/daha sıkı içerik gereksinimleri için daha küçük kenar boşlukları kullanın.

Windows 11'de Fotoğraflar, üst gezinti siluetini kullanan bir uygulamaya iyi bir örnektir.

Menü çubuğu silueti

menü çubuğu uygulaması örneği

MenuBar, temel katmanı bir CommandBarile birlikte kullanılabilir. Bu, içerik alanının birincil görevine daha fazla odak getirir; bu örnekte oluşturma ve düzenleme.

Bu örnek, uygulamanın işlevselliğini vurgulamak için 12epx kenar boşlukları kullanan bir metin düzenleyicisini göstermektedir.

Windows 11'de Not Defteri, menü çubuğu silueti kullanan bir uygulamaya iyi bir örnektir.

Sol navigasyon silueti

örneği

NavigationView denetimleri otomatik olarak uygulamanın temel katmanına yerleşir. Bu, içerik alanının birincil görevine daha fazla odak getirir. Sol gezinti kullanılırken kullanıcı kimliği/kişi/resim denetimi konumunu not edin.

İçerik kenar boşlukları farklılık gösterebilir. Bu örnek, genişleticiler içindeki içeriğin uyumlu olmasını sağlamak için 56epx kenar boşluklarını kullanır. İçerik uyumu daha az sorun olduğunda, çünkü diğer tasarım öğeleri uyumu pekiştirir, içerik genişleticiler içinde iç içe yerleştirilmemiştir veya içerik mantıksal olarak bir arada gruplandırılmamalıdır, daha küçük kenar boşlukları kullanın.

Windows 11'de Ayarlar, sol gezinti siluetini kullanan bir uygulamaya iyi bir örnektir.

Sekme Görünümü Silueti

bir sekme görünümü uygulaması örneği

TabView, uygulamanın temel katmanıve başlık çubuğukontrolüyle entegre olabilir. Bu, içerik alanının birincil görevine daha fazla odak getirir; bu örnekte kod oluşturma ve düzenleme.

Bu örnek, uygulamanın işlevselliğini tamamlamak için 12epx kenar boşluklarını kullanan bir metin düzenleyici göstermektedir.

Windows 11'de Terminal, sekme görünümü silueti kullanan bir uygulamaya iyi bir örnektir.