İçerik düzeni ve aralığı

Bu makalede, uygulamanızın içeriğini tasarlamanıza yardımcı olacak bazı pratik ipuçları ve örnekler sağlanmaktadır: Windows aralık mantığı, hiyerarşiyi, listeleri ve kılavuzları göstermek için tür rampasını kullanma ve denetimleri gruplandırma.

Aralıklar ve kolon boşlukları

Tutarlı boyutlandırılmış aralık ve kenar boşluğu kullanımı, deneyimi ayrı bileşenlere gruplandırır. Bu değerler yuvarlatılmış köşe mantığımıza uyum sağlar ve birlikte uyumlu ve kullanılabilir bir düzen oluşturmaya yardımcı olur.

Düğmeler arasında 8epx

Düğmeler ve açılır pencereler arasında 8epx boşluk

Kontrol ve başlık arasında 8epx

Denetim ve etiket arasında 12epx

İçerik alanları arasında 12epx

Yüzey ve kenar metni arasında 16epx

Metin + hiyerarşi

Tür rampamız (bağlantı), bir uygulama içindeki hiyerarşiyi iletmeye yardımcı olabilecek bir boyut dizisi sağlamak üzere tasarlanmıştır.

Başlık, Alt Başlık ve Gövde'yi 12epx aralığıyla kullanma.

Sınırlı bir kullanıcı arayüzü alanında bir başlığı ayırt ederken, metin blokları arasında ek boşluk bırakmadan başlık için Body Strong kullanın.

Komut düğmeleri gibi metnin gerekli olduğu çok sınırlı boşluklar için resim yazısı boyutunu kullanın.

Listeler ve kılavuzlar

Oluşturulabilecek çeşitli liste ve ızgara stilleri vardır. Aşağıda Windows'ta kullanılan çeşitli kompozisyonlar yer almaktadır.

Çok satırlı listeler için yazı tipi rampasından Body ve Caption'ı ve 32epx simgelerini kullanın.

Bölüm başlıkları için Body Strong'u kullanın.

Kılavuz öğeleri için simgeler veya kişi resmi öğeleri kullanırken, merkezden hizalanmış resim yazısı metni kullanın.

Birincil metin için Gövde stilini kullanın ve listenizde metin içeren büyük grafik öğeleri varsa resme sola hizalayın.

Denetimleri kullanma

Denetimlerin ortak yapılandırmalarda birbirleriyle nasıl ilişkilendirebileceğine ilişkin bazı örnekler.

Liste stilleri ve ortak denetimlerle genişletici denetiminin (bağlantı) nasıl kullanılacağını gösteren örnekler. Denetimler, denetim ve genişletici düğmesi arasında 16epx boşluk bırakarak sağa hizalanmalıdır.

Genişletici içine yerleştirildiğinde denetimlerin hizalaması bu örnekte gösterilmektedir. Denetimlerin girintisini 48epx olarak belirleyin.