Materyal 3 Etkileyici tasarım dili

Material 3 Expressive (M3), kullanıcıların modern, alakalı ve farklı deneyimlere olan talebini karşılamak için tasarlanmıştır. İfade gücü, tasarımcıların arayüzün düzeninde ve sunumunda belirli duyguları yansıtmasına da olanak tanır.

Renk ve yazı tipi

Renk sistemi, M3'ün daha derin ton paletlerini ve daha geniş bir jeton grubunu benimsemek için genişletiliyor. Daha basit yazı tipi ölçeği, daha fazla ifade için değişken yazı tipi eksenlerini kullanıyor ve 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 özelleştirilebilir eksenleri için güncellenen hususlar, benzer bir değişken eksen grubuna sahip Roboto Flex gibi üçüncü taraf kullanım alanlarına da hizmet etmek için birinci tarafın ötesine geçer.

Hareket halindeki değişken yazı tipi ekseni

Hareket geri bildirimini ifade etmek ve etkileşimleri daha etkileyici ve kullanımı keyifli hale getirmek için değişken yazı tipi ekseninden yararlanma

Örnek kullanım alanları:

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

Tür rolleri

Güncellenen ve optimize edilmiş bir tür ölçeğinin yanı sıra, Wear'da özellikle dikkate değer kalıplar sunan yeni tür rolleri de kullanıma sunuyoruz.

Bu yeni tür roller, yüzey başlıkları için Arc metin, canlı alan içeren proaktif içerik ve özellikle sayılar için bir tür rol dahil olmak üzere çeşitli kullanım alanlarını destekler. Bu kullanım alanları, yerelleştirilmesi gerekmeyen dizeler için daha büyük ve daha stilize metin boyutlarına olanak tanır.

Şekil ve hareket

Ayrıca, şekil dönüşümü listelerini ve düğme durumlarını desteklemek için köşe yarıçapını yuvarlama ve keskinleştirme işlemlerini uygulamak üzere esnek kapsayıcı şekilleri kullanarak şekil dilini çok daha geniş ve anlamlı bir şekilde kullanıyoruz. Wear'daki yuvarlak cihazlar için yeni bir tasarım kalıbı olarak kenarlara yapışan düğmeleri kullanıma sunuyoruz.

Kenarlara yakın kapsayıcılar

Yuvarlaklığı benimseyen ve dairesel form faktöründeki alanı en üst düzeye çıkaran şekil kapsayıcıları kullanıma sunuldu.

Şekil uygulandı

Etkileyici tasarımı benimsemek için köşe yarıçapı ve benzersiz şekilleri kapsayıcı olarak kullanın. Bu, keyifli yükleme animasyonları, ilgi çekici düzenler, şekil değiştiren düğmeler ve uyarlanabilir düğme gruplarını kapsar.

Köşe yarıçapı

Kapsayıcı şekilleri arasında çeşitlilik, ayrım ve ilişki sağlamak için Material 3 köşe şekillerini kullanın.

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

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