Windows'ta ikonografi

Simgeografi, kullanıcıların uygulamanızı anlamasına ve uygulamanızda ilerlemesine yardımcı olan bir görsel görüntü ve simge kümesidir. Simgeler, kullanıcı arabiriminin tamamında bir kavramı, eylemi veya durumu temsil eden görsel metaforlar olarak kullanılır.

Windows 11 üç tür simge kullanır: uygulama, sistem ve dosya türü. Bu makale ilk ikisine odaklanır.

Tavsiye

Bu makalede Fluent Design language Windows uygulamalarına nasıl uygulandığı açıklanmaktadır. Daha fazla bilgi için bkz. Fluent Design - Iconography.

Uygulama simgeleri

Uygulama simgeleri, uygulamanızı Windows arayüzünde temsil eder. Bunlar öncelikle uygulamanızı açmak için kullanılır, ancak uygulamanızı Windows kabuğunda göründüğü her yerde de temsil eder.

Uygulama simgeleri bir metafor aracılığıyla uygulamanızın temel işlevselliğini temsil etmelidir. Uygulamanızın simgesini tasarlama ve oluşturma hakkında daha fazla bilgi için bkz. Uygulama simgeleri.

Sistem simgeleri

Komut çubukları, gezinti veya durum göstergeleri gibi öğeler için uygulama kullanıcı arabiriminizin içindeki sistem simgelerini kullanın. Windows 11, Segoe Fluent Icons adlı yeni bir sistem simgesi yazı tipi tanıtır. Bu yeni yazı tipi, Windows 11 geometry'nin tamamlayıcıdır.

Segoe Fluent Icons'taki tüm glifler monoline stilde çizilir. Bu, 1 epx'lik tek bir vuruşla oluşturuldukları anlamına gelir.

Segoe Fluent Icon'daki glifler üç estetik ilkeyi izler:

• En Az: Glifler yalnızca kavramı iletmek için gereken ayrıntıları içerir.
• Uyumlu: Glifler basit ve geometrik formlara dayanır.
• Evolved: Glifler kolayca anlaşılacak modern metaforlar kullanır.

Uygulama kullanıcı arabiriminizde simgeleri kullanma hakkında daha fazla bilgi için bkz. Windows uygulamalarında Icons.

Simge boyutu

Segoe Fluent Icons için yazı tipi ölçümleri, tasarımcıların ve geliştiricilerin SVG ve bit eşlem simgeleriyle çalışmaya alışma şekliyle eşleşmektedir.

Her yazı tipi karakteri, simge alanının ayak izi bir kare em olacak şekilde tasarlanmıştır. 16 epx yazı tipi boyutuna sahip bir simge, boyutlandırmayı ve konumlandırmayı daha öngörülebilir hale getirmek için 16x16-epx simgesinin eşdeğeridir.

Değiştiriciler

Temel simgeyi değiştirici simgesiyle birleştirerek sistem simgesi gliflerini görsel olarak oluşturabilirsiniz.

Temel simgeler görsel metaforun ana öğesidir. Temel öğeler tüm simge ayak izini kaplamalıdır.

Değiştirici simgeler, temel simgenin anlamını değiştirir. Değiştirici öğeler, simge ayak izinin alt çeyreklerinden birine yerleştirilmelidir.

Temel simgesi yalnızca
Tek başına, kağıt sayfası simgesi dosya kavramınıiletir.

Temel simgesi + değiştirici simgesi
Dosya simgesine yukarı ok eklemek, karşıya yüklenen bir dosyayıtemsil etmek için simgenin anlamını değiştirir.

Katmanlama

İkon katmanlama, iki glifi üst üste getirmek için kullandığınız bir tekniktir. Aynı simgenin farklı bir durumunu (örneğin, etkin veya seçili bir durum) oluşturmak için simge katmanlama kullanmanızı öneririz.

Yerelleştirme

Sembollerin kültürel çağrıştırmalarını anlama. Simgeografi çoğu durumda yerelleştirme gerektirmese de, bazı simgeler bir kültürde kabul edilebilir ancak başka bir kültürde kabul edilemez. simgeografi seçeneklerinizi kullanacağınız bağlamla doğrulayın.

Örnekler

WinUI 3 Galeri uygulamasını açın ve simgeografi ilkeleri

WinUI 3 Galeri uygulaması, WinUI denetimlerinin ve özelliklerinin etkileşimli örneklerini içerir. uygulamayı Microsoft Store adresinden alın veya GitHub üzerindeki kaynak koduna göz atın.