Aracılığıyla paylaş


Windows uygulamaları için tasarım

Burada Windows uygulama deneyimleri oluşturmaya yönelik tasarım yönergelerini ve örnekleri bulacaksınız. Windows 11, Fluent'in benzersiz Microsoft'a özgü uyumlu bir görünüm ve his için tasarım dilini ve ilkelerini içerir.

Windows deneyimleri oluşturmaya yönelik yapı taşları almak için WinUI'yi kullanın. Bu bileşenler Fluent'in tasarım dilini içerdiğinden Fluent ekosisteminde harika deneyimler oluşturduğunuzdan emin olabilirsiniz.

Windows 11 tasarım ilkeleri

Çeşitli Windows 11 tasarım öğeleri

Windows 11, işletim sisteminin görsel gelişimini işaretler. İnsan, evrensel ve gerçekten Windows gibi hissettiren bir tasarım oluşturmak için Fluent ile birlikte tasarım dilimizi de geliştirdik.

Aşağıdaki tasarım ilkeleri, Windows'un Fluent'in sınıfının en iyi uygulaması haline getirme yolculuğu boyunca bize yol göstermiş durumdadır.

Zahmetsiz

Windows 11 daha hızlı ve daha sezgiseldir. Odak ve hassasiyetle istediğim şeyi yapmak çok kolay.

Sakin

Windows 11 daha yumuşak ve düzenlidir; sakin ve odaklanmış durumda kalmama yardımcı olmak için arka plana uyum sağlar. Bu deneyim sıcak, rüya gibi ve ulaşılabilirdir.

Kişisel

Windows 11, cihazımı kullanma şeklime sorunsuz bir şekilde uyum sağlar. Kendimi gerçekten ifade edebilmem için bireysel ihtiyaçlarıma ve tercihlerime eğiliyor ve esnetiyor.

Tanıdık

Windows 11, zaten bildiğim Windows'un tanıdıklığıyla yeni, yenilenmiş bir görünüm ve hissi dengeler. Öğrenmek için uğraşmaya gerek yok; Hemen kullanmaya başlayabilirim.

Tam + Tutarlı

Windows 11, platformlar arasında görsel olarak sorunsuz bir deneyim sunar. Birçok platformda çalışabilirim ve hala tutarlı bir Windows deneyimim var.

Windows 11 imza deneyimleri

İmza deneyimleri, Windows 11'in görsel dilini ifade etmek için kullandığı tasarım öğeleridir ve tüm Fluent deneyimlerinde tutarlı bir görünüm ve his sağlar.

Açık modda solda pencere ile modal iletişim kutusu ve koyu modda sağda

Renk

Color, kullanıcı arabirimi öğeleri arasında görsel hiyerarşi ve yapı belirterek kullanıcıların görevlerine odaklanmasına yardımcı olur. Windows 11, sakinleştirici bir temel sağlamak için renk kullanır, kullanıcı etkileşimlerini alt düzeyde geliştirir ve önemli öğeleri yalnızca gerektiğinde vurgular.

Tek bir içerik alanına sahip bir uygulama penceresi

Yükseltme ve katmanlama

Yükseltme ve katmanlama, bir yüzeyi başka bir yüzeyle çakıştırarak, aynı yüzey üzerinde iki veya daha fazla görsel olarak ayırt edilebilir alan yaratan kavramdır. Windows 11, uygulama hiyerarşisi için temel olarak yükseltme ve katmanlama kullanır.

Alışveriş sepeti simgesi

İkonografi

Iconography, kullanıcıların uygulamanızı anlamasına ve gezinmesine yardımcı olan bir dizi görsel görüntü ve simgedir. Windows 11 ikonografisi, tasarım dilimizle uyumlu bir şekilde gelişti. Sistem simge yazı tipimizdeki her glif, daha yumuşak bir geometriyi ve daha modern metaforları benimseyecek şekilde yeniden tasarlandı.

Akrilik yapılmış bir kullanıcı arabirimi yüzeyi

Malzemeler

Malzemeler, ui yüzeylerinin gerçek hayattaki yapıtlara benzemesi için görsel efektlerdir. Windows 11, kullanıcı arabirimini ortamına bağlı tutmak için malzemeleri kullanır. Malzemeler yüzeyleri hayata geçirmekte ve odaklanmış ve odaklanılmamış uygulamalar arasında ayrım yapmamıza yardımcı olur.

Windows 11 'de yeni geometriyi vurgulayan çeşitli kullanıcı arabirimi öğeleri

Şekiller ve geometri

Geometri, kullanıcı arabirimi öğelerinin ekrandaki şeklini, boyutunu ve konumunu açıklar. Bu temel tasarım öğeleri, deneyimlerin tasarım sisteminin tamamında tutarlı hissetmesine yardımcı olur. Windows 11 daha ulaşılabilir, ilgi çekici ve modern bir deneyim oluşturan güncelleştirilmiş geometriye sahiptir.

Segoe UI Variable fontunda render edilen birkaç sözcük

Tipografi

Dilin görsel gösterimi olarak, tipografi temel görevi bilgileri iletmektir. Windows 11 tür sistemi, kullanıcı arabiriminizde okunabilirliği ve okunabilirliği en üst düzeye çıkarmak için içeriğinizde yapı ve hiyerarşi oluşturmanıza yardımcı olur.

Windows kullanıcı arabiriminde çeşitli hareket örneklerini gösteren animasyonlu görüntü.

Hareket

Motion, arabirimin kullanıcı etkileşimine animasyon ekleme ve yanıt verme şeklini açıklar. Windows'ta hareket reaktif, doğrudan ve bağlam uygun. Kullanıcı girişine geri bildirim sağlar ve yol bulmayı destekleyen uzamsal paradigmaları pekiştirir.