Materyal 3 Etkileyici tasarım dili

Material 3 Expressive (M3), kullanıcıların modern, alakalı ve farklı deneyimler talebini karşılamak için geliştirildi. Expressive, tasarımcıların arayüzün düzeninde ve sunumunda belirli duyguları ve hisleri yansıtmasına da olanak tanır.

Renk ve tipografi

Renk sistemi, M3'ün daha derin ton paletlerini ve daha geniş bir jeton setini benimseyecek şekilde genişletiliyor. Daha basit tipografi ölçeği ise daha fazla ifade için değişken yazı tipi eksenlerinden yararlanarak etkileşimleri daha etkileyici ve keyifli hale getiriyor.

Renk teması

Yeni jetonlar, farklı temalarda ve tasarım sisteminin tamamı bağlamında daha fazla renk uygulanmasına olanak tanır.

Değişken yazı tipleri

Değişken yazı tipleri ve bunların özelleştirilebilir eksenleriyle ilgili güncellenen hususlar, benzer bir değişken eksen grubuna sahip olan Roboto Flex gibi 3. taraf kullanım alanlarına da hizmet etmek için 1. tarafın ötesine geçer.

Hareket hâlindeki değişken yazı tipi ekseni

İfadeli hareket geri bildirimi sinyali vermek için değişken yazı tipi eksenini kullanma ve etkileşimleri daha etkileyici ve keyifli hale getirme.

Örnek kullanım alanları:

  • Dinamik yazı tipi kalınlığı
  • Dinamik yazı tipi genişliği
  • Dinamik yazı tipi kalınlığı ve genişliği

Rolleri yazma

Güncellenmiş ve optimize edilmiş bir tür ölçeğinin yanı sıra Wear'daki önemli desenlere özel olarak hizmet eden yeni tür rolleri de kullanıma sunuyoruz.

Bu yeni tür rolleri, altyazılar için Arc Text, canlı alanla proaktif içerik ve özellikle rakamlar için bir tür rolü gibi çeşitli kullanım alanlarını destekler. Bu roller, yerelleştirilmesi gerekmeyen dizeler için daha büyük ve daha stilize edilmiş metin boyutlarına olanak tanır.

Şekil ve hareket

Ayrıca, şekil dönüştürme listelerini ve düğme durumlarını desteklemek için köşe yarıçapının yuvarlatılmasını ve keskinleştirilmesini uygulamak üzere esnek kapsayıcı şekiller kullanarak şekil dilini çok daha kapsamlı ve anlamlı bir şekilde kullanıyoruz. Wear'daki yuvarlak cihazlar için yeni, kendine özgü ve ikonik bir tasarım modeli olarak kenarlara yakın düğmeleri kullanıma sunuyoruz.

Kenara yaslanan kapsayıcılar

Yuvarlak şekilleri destekleyen ve dairesel form faktöründeki alanı en üst düzeye çıkaran şekil kapsayıcılar kullanıma sunuluyor.

Şekil uygulandı

Köşe yarıçapını ve benzersiz şekilleri, etkileyici tasarımları desteklemek için kapsayıcı olarak kullanma —keyifli yükleme animasyonları, ilgi çekici düzenler, şekil değiştirme düğmeleri ve uyarlanabilir düğme grupları da dahil.

Köşe yarıçapı

Çeşitlilik, farklılık ve kapsayıcı şekiller arasında ilişki sağlamak için Material 3 köşe şekillerini kullanma.

Gruplandırılmış kapsayıcılar

Bileşen kapsayıcıları, mevcut alana dinamik olarak uyum sağlamak için esnek düzen tekniklerini kullanır. Bu alanı simetri için eşit şekilde dağıtabilir veya görsel hiyerarşi oluşturmak, önemli içeriği vurgulamak ve kullanıcı etkileşimini ifadeye dayalı ve harekete yönlendiren görsel ipuçlarıyla yönlendirmek için öğeleri stratejik olarak düzenleyebilirler.