Microsoft, geliştiriciler ve kullanıcılar için Fluent Design güncellemelerini duyurdu

Bir blog yazısında, Microsoft, geliştiriciler ve kullanıcılar için Fluent Design deneyiminde yeni iyileştirmeler duyurdu.

Tasarım çerçevesi şu anda Outlook, Teams ve OneDrive ve Microsoft gibi uygulamalarda kullanılmaktadır. yakın zamanda duyurulan Fluent UI, web ve mobil kullanıcı arayüzü kitaplıklarını ortak bir sözleşme altında birleştiriyor.

Microsoft, tasarımcılardan, geliştiricilerden, erişilebilirlik ve uluslararasılaştırma uzmanlarından ve yazarlardan gelen girdilerle geliştirici çerçevelerinin bir evrimini duyurdu. İyileştirme alanları belirlediler ve bu yıl, tasarım belirteç sistemi ile başlayarak tasarım ve kod arasındaki boşluğu kapatmayı hedefliyorlar.

Yeni platformlar arası kitaplık

Fluent UI, kod, tasarım ve etkileşim davranışını paylaşan web ve mobil uygulamalar oluşturmaya yönelik bir UX çerçeveleri koleksiyonudur.

Microsoft'un bileşenlerini kullanma Akıcı UI Tepkisi (ağ), Akıcı Kullanıcı Arayüzü Apple (iOS ve macOS) ve Akıcı Kullanıcı Arayüzü Android GitHub kitaplıkları, Microsoft 365 uygulamalarının ve hizmetlerinin güçlü araçlar olarak kalmasını sağlarken, platformlar arasında daha sezgisel ve tutarlı hissetmelerini sağlar. Yenilerinin eklenmesiyle Akıcı UI React Native Microsoft, platformlar arası bileşenler oluşturarak JavaScript geliştiricilerinin cihazlar arasında müşterilere daha hızlı deneyimler sunmasını kolaylaştırıyor.

Yerel Windows deneyimleri oluşturan geliştiriciler için, WinUI Akıcı Tasarım Sistemini somutlaştırmaya devam ediyor.

Her cihaza özgü, yine de benzersiz bir şekilde Akıcı

Microsoft, özel gezinme çubuğu gibi Akıcı Tasarım öğelerinin, yerel iOS ve Android platformlarına uymaya devam ederken uygulamaları platformlar arasında benzersiz bir şekilde Akıcı ve tutarlı hissettirdiğine inandıklarını söylüyor.

Daha tutarlı, üretken bir deneyim sunmak

Tüm Microsoft 365 uygulamaları için aynı tasarım dilini kullanmak, kullanıcıların bir uygulamadan diğerine kolayca geçmesine ve uygulamada nasıl gezinecekleri ve işleri nasıl yapacakları konusunda oldukça iyi bir fikre sahip olmalarına da olanak tanır. Aynı şey platformlar için de geçerli. Microsoft, insanların genellikle bir cihazda bir görevi başlattığını ve diğerinden bitirdiğini, bu nedenle platformlar arasında tutarlı deneyimler oluşturmanın müşterileri için bilişsel aşırı yüklenmeyi azalttığını belirtiyor.

Microsoft'un tema mimarisini modernize etme

Şu anda, Microsoft ürünlerinin tümü bağlantısız tema yaklaşımlarını kullanmaktadır.

Microsoft, ölçeklenebilir, geleceğe yönelik bir tasarım sistemi oluşturmak için tema mimarisini modernize etmek istiyor. Gelecekteki temalar, Microsoft çerçevelerinde ortak bir tema altyapısı, sınıflandırma ve merkezileştirilmiş platformlar arası stil kitaplıkları kümesi kullanarak tüm platformlarda tasarım değerlerini güncellemeyi daha kolay ve hızlı hale getirecek.

Bunu yapmak için sabit değerlerden uzaklaşıp daha agnostik değişkenlere veya tasarım belirteçlerine doğru ilerliyorlar. Tasarım belirteçleri, bir UI yüzeyinin görsel özelliklerini tanımlar ve ortak bir sözdizimi kullanarak tasarımı koda bağlar. Hem tasarım hem de geliştirme araçlarıyla erişilebilen merkezi stil kitaplıkları, kodlanmış bileşenleri revize etmek zorunda kalmadan güncellemelerin yapılacağı yer olarak hizmet edecek.

Belirteçlerin gücünü ortaya çıkarmak ve karmaşıklıklarını azaltmak için Microsoft, tasarımcılarla mevcut tasarım araçları içinde buluşmanın yollarını araştırıyor. Microsoft'taki çoğu tasarımcı Figma kullandığından, Microsoft, tasarım belirteçlerini çok az veya hiç sürtünme olmadan desteklemek için bu aracın yeteneklerini genişletmenin yollarını aradı.

Sonuç, yerel özellikler panelinin yerini alacak bir Figma eklentisiydi. Tasarımcılar, özellikler paneli aracılığıyla renkler veya kontur genişlikleri atayarak tasarımlar oluşturmak yerine, katmanlarına belirteçler atayacaktır. Gerekirse bu belirteçleri farklı bir değere yeniden eşleyebilir ve herhangi bir değişikliğin tasarım boyunca yayılmasına izin verebilirler. Microsoft ayrıca bu tasarım belirteçlerini platforma özel değerlere çeviren geliştirme hattını da inşa ediyor.

Bu çabalar birlikte, tasarım değerlerini doğrudan kod tabanına dağıtmaya yardımcı olur ve ürün tasarımcılarına ve geliştiricilere tamamen entegre bir tasarımdan koda iş akışı sunar.

Bu, son kullanıcılar için zincirleme bir etkiye sahiptir. İnsanlar, oluşturdukları uygulamalar için tema kitaplıklarına kolayca kaydolabilecekler. Daha sonra bu kitaplıkları ürünlerinin markasını veya hizmetini daha iyi yansıtacak ve ekosistem genelinde daha tutarlı hissedecek şekilde özelleştirebilirler.

https://vimeo.com/417688279

Yerel görünüme ve hislere saygı duyan ve her gün yüzlerce geliştiricinin ve milyonlarca tüketicinin kullandığı UX bileşenlerini içeren bir tasarım sistemi arayan geliştiriciler, Fluent'i burada deneyin. Hem dahili hem de harici geliştiriciler, Akıcı UI Microsoft GitHub organizasyonu ve yaratmaya başlayın.

Microsoft, Fluent UI ve Fluent Design System için gelecekteki beklentileri hakkında çevrimiçi olarak daha fazla konuşacak Microsoft Build 2020 konferansı 19-20 Mayıs'ta ücretsiz ve herkese açık.