Ringkasan
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Material 3 Expressive adalah sistem desain terbaru untuk layar
terkecil kami: smartwatch. Dioptimalkan untuk faktor bentuk bulat, fitur ini menghadirkan update
desain yang menekankan premium dan tingkat ekspresi yang lebih tinggi. Desain dan
bangun aplikasi smartwatch yang menarik dan ekspresif dengan Material 3 Ekspresif.
Prinsip desain ekspresif
Desain ekspresif meningkatkan setiap lapisan UI dengan perlakuan bentuk, animasi,
warna, dan tipografi yang cermat.
Babak Embrace
Material 3 Expressive memperkenalkan framework bentuk yang dirancang untuk layar
bulat. Mode ini menggunakan seluruh kanvas untuk mengoptimalkan keterlihatan dan keseimbangan
visual.
Gerakan dan pegas premium
Update Material 3 Ekspresif membuat navigasi terasa alami, premium, dan
konsisten di semua transisi. Gerakan kini menghubungkan permukaan secara spasial.
Aplikasi ini merespons gestur pengguna dengan lebih akurat, sehingga navigasi menjadi lebih
intuitif.
Morfosis bentuk
Material 3 Ekspresif memperkenalkan framework perubahan bentuk untuk daftar dan
tombol pilih, yang dioptimalkan untuk nuansa yang lebih premium. Daftar menampilkan scroll
yang lancar pada faktor bentuk lingkaran.
Warna yang kaya
Sistem warna diperluas untuk mengadopsi palet tonal yang lebih dalam dan kumpulan token
yang lebih luas yang disertakan dengan Material 3 Expressive. Penambahan warna aksen
ketiga, bersama dengan lebih banyak varian token dan peran warna yang lebih spesifik,
memberikan kedalaman dan variasi pada sistem desain.
Font variabel
Material 3 Expressive mengganti semua instance Roboto dengan Roboto Flex.
Skala jenis dasar disesuaikan dan dioptimalkan untuk layar bulat smartwatch.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-26 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-26 UTC."],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]
