| Material Design | |
|---|---|
 | |
 | |
| Pengembang | |
| Rilis awal | 25 Juni 2014;12 tahun lalu (2014-06-25) |
| Templat:Kotak info perangkat lunak/stacked | |
| Ditulis dalam | HTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart |
| Platform | Android, iOS, Web |
| Jenis | Sistem desain perangkat lunak |
| Lisensi |
|
| Situs web | material.io |
| Repositori |
|
Desain Material (nama kode ; quantum paper) (bahasa Inggris:Material design)[1] adalah bahasa desain yang dikembangkan Google dan diumumkan pada konferensi Google I/O pada 25 Juni 2014. Memperluas pada motif "kartu" yang pertama kali terlihat pada Google Now, adalah desain dengan peningkatan penggunaan layout berbasis grid, animasi dan transisi responsif, padding, dan efek kedalaman seperti pencahayaan dan bayangan. Desainer Matías Duarte menjelaskan bahwa "tidak seperti kertas nyata, Desain Material kami dapat memperluas dan melakukan reformasi yang cerdas. Material memiliki permukaan fisik dan tepi. Jahitan dan bayangan memberikan makna tentang apa yang dapat Anda sentuh."[2][3][4] Google menyatakan bahwa bahasa desain baru mereka didasarkan pada kertas dan tinta.
Desain material dapat digunakan di Android versi 2.1 dan setelahnya melalui v7 appcompat library, yang digunakan pada hampir semua perangkat Android yang dibuat setelah tahun 2009. Desain Material secara bertahap akan meluas ke seluruh berbagai produk web dan mobile Google, memberikan pengalaman yang konsisten di semua platform dan aplikasi. Google juga telah merilis antarmuka pemrograman aplikasi (API) untuk pengembang pihak ketiga untuk menggabungkan bahasa desain ke dalam aplikasi mereka.[5][6][7]
Hingga2015[update], Desain Material yang tergabung dalam sebagian besar aplikasi mobile Google untuk Android termasuk Gmail, YouTube, Google Drive, Google Docs, Google Sheets, Google Slides, Google Maps, Inbox, dan semua aplikasi Google Play, dan sebagian kecil di Chrome Browser dan Google Keep; serta dalam antarmuka web desktop Google Drive, Docs, Sheets, Slide dan Inbox.
Implementasi kanonikal desain material untuk aplikasi web UIS disebut elemen kertas polimer.[8] Ini terdiri dari Polimer library, sebuah "shim" yang menyediakan Komponen Web API untuk browser yang tidak menerapkan standar natif, dan koleksi elemen kertas.[9][10]
Penggunaan Desain Material
Penggunaan Desain Material secara resmi adalah pada Android Lollipop, baik versi 5.0, 5.1 maupun sesudahnya.[11][12]
Material 3 Expressive
Pada Juni 2025 ini, Google memperkenalkan varian baru dari Material You yang dikenal sebagai Material 3 Expressive. Desain ini pertama kali diuji melalui versi beta aplikasi Google Messages. Material 3 Expressive menghadirkan antarmuka yang lebih dinamis dan berwarna, dengan peningkatan signifikan pada aspek visual seperti tombol, bilah percakapan, serta penggunaan elemen desain yang lebih hidup dan ekspresif.
Implementasi ini merupakan bagian dari upaya Google untuk mendorong personalisasi yang lebih dalam dan modernisasi antarmuka Android sesuai prinsip Material Design.[13]
Integrasi
Material Design for Bootstrap
Implementasi Material Design yang paling populer adalah dengan Bootstrap, kerangka kerja CSS sumber terbuka dan gratis untuk membuat situs web dan aplikasi web yang responsif. Menggabungkan fungsionalitas sistem desain web Bootstrap dengan estetika Desain Material Google, memungkinkan untuk membuat alat yang memenuhi standar desain tertinggi, dan terus-menerus menaklukkan pengembangan web.
Lihat Juga
Referensi
- ↑ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". Techcrunch. Diakses tanggal 11 Juni 2014.
- ↑ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget. Diakses tanggal 26 Juni 2014.
- ↑ "Google Reveals Details About Android L at Google IO". Anandtech. Diakses tanggal 26 Juni 2014.
- ↑ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design. Diakses tanggal 26 Juni 2014.
- ↑ Chris Smith (30 Juli 2014). "Google's Material Design is about to change the way we look at the worldwide web". BGR.
- ↑ "We just played with Android's L Developer Preview". Engadget. AOL. Diakses tanggal 26 Juni 2014.
- ↑ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. Diakses tanggal 26 Juni 2014.
- ↑ "Polymer paper elements". Google. Diarsipkan dari asli tanggal 2015-02-14. Diakses tanggal 2015-04-12.
- ↑ "Mengenal Desain Material (Material Design)". WebKeren. WebKeren. Diakses tanggal 13 April 2015.
{{cite web}}: Pemeliharaan CS1: Tanggal diterjemahkan otomatis (link) - ↑ "Material design with Polymer". Google. Diarsipkan dari asli tanggal 2014-08-20. Diakses tanggal 2015-04-12.
- ↑ Kelebihan Android 5.0 Lollipop, WebKeren. diakses 13 April 2015
- ↑ "Pembahasan Lengkap Sistem Operasi Android Lollipop 5.1". WebKeren. WebKeren. Diakses tanggal 13 April 2015.
{{cite web}}: Pemeliharaan CS1: Tanggal diterjemahkan otomatis (link) - ↑ "Google Messages Beta Hadirkan Desain Material You Lebih Ekspresif". Droloid. 2025-06-07. Diakses tanggal 2025-06-08.
Pranala luar
| Pengembangan |  | |
|---|---|---|
| Rilis | ||
| Google Nexus | ||
| Sistem operasi turunan | ||
| Perangkat turunan | ||
| Aplikasi | ||
| Antarmuka alternatif | ||
| Daftar | ||
| Lainnya | ||
