Material 3 Ekspresif (M3) dibuat untuk memenuhi permintaan pengguna akan pengalaman yang modern, relevan, dan berbeda. Ekspresif juga memungkinkan desainer mencerminkan emosi dan perasaan tertentu dalam tata letak dan presentasi antarmuka.
Warna dan tipografi
Sistem warna diperluas untuk mengadopsi palet tonal M3 yang lebih dalam dan kumpulan token yang lebih luas, serta skala tipografi yang lebih sederhana menggunakan sumbu font variabel untuk lebih banyak ekspresi, sehingga interaksi menjadi lebih ekspresif dan menyenangkan.
Tema warna
Token baru memungkinkan lebih banyak warna diterapkan di berbagai tema dan dalam konteks sistem desain secara keseluruhan.
Font variabel
Pertimbangan yang diperbarui untuk font variabel dan sumbunya yang dapat disesuaikan, memperluas cakupan dari pihak pertama untuk juga melayani kasus penggunaan pihak ketiga seperti Roboto Flex, yang memiliki kumpulan sumbu variabel yang serupa.
Sumbu font variabel dalam gerakan
Menggunakan sumbu font variabel untuk memberikan sinyal masukan gerakan ekspresif dan membuat interaksi lebih ekspresif dan menyenangkan untuk digunakan.
Contoh kasus penggunaan:
- Ketebalan font dinamis
- Lebar font dinamis
- Ketebalan dan lebar font dinamis
Peran jenis
Bersama dengan skala jenis yang diperbarui dan dioptimalkan, kami juga memperkenalkan peran jenis baru yang secara khusus menayangkan pola yang penting di Wear.
Peran jenis baru ini mendukung beberapa kasus penggunaan—termasuk Arc Text untuk judul platform, konten proaktif dengan ruang live, dan peran jenis khusus untuk Angka—yang memungkinkan ukuran teks yang lebih besar dan lebih bergaya untuk string yang tidak perlu dilokalkan.
Bentuk dan gerakan
Kami juga menggunakan bahasa bentuk dengan cara yang jauh lebih luas dan bermakna dengan memanfaatkan bentuk penampung yang fleksibel untuk menerapkan pembulatan dan penajaman radius sudut guna mendukung daftar perubahan bentuk dan status tombol. Kami memperkenalkan tombol yang menempel di tepi sebagai pola desain baru yang ikonis dan dapat dimiliki untuk perangkat bulat di Wear.
Penampung yang mengikuti tepi
Memperkenalkan penampung bentuk yang berbentuk bulat dan memaksimalkan ruang dalam faktor bentuk melingkar.
Bentuk diterapkan
Menggunakan radius sudut dan bentuk unik sebagai penampung untuk mengadopsi desain ekspresif —yang diperluas ke animasi pemuatan yang menyenangkan, tata letak yang menarik, tombol yang berubah bentuk, dan grup tombol adaptif.
Radius sudut
Menggunakan bentuk sudut Material 3 untuk memungkinkan variasi, perbedaan, dan hubungan antara bentuk penampung.
Penampung yang dikelompokkan
Penampung komponen menggunakan teknik tata letak fleksibel untuk beradaptasi secara dinamis dengan ruang yang tersedia. Mereka dapat mendistribusikan ruang ini secara merata untuk simetri, atau mengatur elemen secara strategis untuk membangun hierarki visual, menekankan konten penting, dan memandu interaksi pengguna melalui isyarat visual yang ekspresif dan mengarah pada gerakan.
