Tema Material Wear adalah kemampuan untuk menyesuaikan Desain Material Wear secara sistematis agar mencerminkan brand Anda. Saat Anda mulai mengubah aspek UI seperti warna dan tipografi, alat Tema Material Wear akan menerapkan visi desain di seluruh pengalaman pengguna. Dengan alat ini, peralihan antara alur kerja desain dan kode mudah dilakukan, dengan memberikan nilai spesifik untuk semua atribut yang dapat disesuaikan. Menyesuaikan nilai atribut akan membuat Tema Material Wear untuk produk Anda.
Menggunakan Tema Material Wear
Tema Material Wear terdiri dari tiga tindakan utama: menyesuaikan tema, menerapkannya di seluruh tiruan desain, dan menggunakannya dalam kode.
Desain Material Wear dilengkapi dengan tema bawaan yang dapat digunakan apa adanya. Sesuaikan tema bawaan agar Material berfungsi untuk produk Anda.
Pengaplikasian tema
Tema memengaruhi seluruh UI Anda, termasuk komponen individual seperti chip. Contoh berikut menunjukkan cara menyesuaikan nilai default komponen chip.
Chip yang terdapat di dalam diberi nilai untuk menentukan warna, bentuk, dan kelompok jenis tertentu. Sesuaikan nilai default agar sesuai dengan gaya aplikasi Anda.
| Sebelum
Chip Material Wear dasar pengukuran dengan gaya default. |
Setelah
Chip Material Wear yang disesuaikan. |
Warna
Sistem warna mendukung penyetelan warna kustom untuk komponen, teks, ikon, dan platform. Setel warna tema Anda untuk 13 kategori berikut:
Primer
Varian Primer
Sekunder
Varian Sekunder
Latar belakang
Platform
Error
Di Primer
Di Sekunder
Di Latar Belakang
Di Platform
Di Varian Platform
Di Error
Tipografi
Sistem tipografi mendukung 11 kategori yang bersama-sama membentuk skala tulisan. Skala jenis ini menentukan berbagai gaya dan ukuran jenis yang muncul di layar, mulai dari teks isi hingga teks tombol.
Atribut tipografi dikontrol oleh nilai yang dapat disesuaikan untuk kelompok jenis, font, kasus, ukuran, dan pelacakan.
