Share to: share facebook share twitter share wa share telegram print page

Material Design

Material Design
Tipebahasa desain, perangkat lunak dan Pustaka JavaScript Edit nilai pada Wikidata
Versi pertama25 Juni 2014; 11 tahun lalu (2014-06-25)
Versi stabil
Versi sebelumnya
GenreSistem desain perangkat lunak
Lisensi
Karakteristik teknis
Sistem operasilintas platform Edit nilai pada Wikidata
AnjunganAndroid (mul) Terjemahkan, iOS (mul) Terjemahkan dan peramban web Edit nilai pada Wikidata
Bahasa pemrogramanDart, Objective-C (mul) Terjemahkan, Swift (mul) Terjemahkan, Java (mul) Terjemahkan dan TypeScript (mul) Terjemahkan Edit nilai pada Wikidata
Informasi pengembang
PengembangGoogle
Sumber kode
Kode sumberPranala Edit nilai pada Wikidata
Informasi tambahan
Situs webmaterial.io
Stack ExchangeEtiqueta Edit nilai pada Wikidata
X: materialdesign Youtube: UCcnSNQb0tLVd8uT7gzI8duA GitHub: material-components Modifica els identificadors a Wikidata
Sunting di Wikidata Sunting di Wikidata • Sunting kotak info • L • B
Info templat
Bantuan penggunaan templat ini


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]

Hingga 2015, 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

  1. ^ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". Techcrunch. Diakses tanggal 11 Juni 2014.
  2. ^ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget. Diakses tanggal 26 Juni 2014.
  3. ^ "Google Reveals Details About Android L at Google IO". Anandtech. Diakses tanggal 26 Juni 2014.
  4. ^ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design. Diakses tanggal 26 Juni 2014.
  5. ^ Chris Smith (30 Juli 2014). "Google's Material Design is about to change the way we look at the worldwide web". BGR.
  6. ^ "We just played with Android's L Developer Preview". Engadget. AOL. Diakses tanggal 26 Juni 2014.
  7. ^ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. Diakses tanggal 26 Juni 2014.
  8. ^ "Polymer paper elements". Google. Diarsipkan dari asli tanggal 2015-02-14. Diakses tanggal 2015-04-12.
  9. ^ "Mengenal Desain Material (Material Design)". WebKeren. WebKeren. Diakses tanggal 13 April 2015.
  10. ^ "Material design with Polymer". Google. Diarsipkan dari asli tanggal 2014-08-20. Diakses tanggal 2015-04-12.
  11. ^ Kelebihan Android 5.0 Lollipop, WebKeren. diakses 13 April 2015
  12. ^ "Pembahasan Lengkap Sistem Operasi Android Lollipop 5.1". WebKeren. WebKeren. Diakses tanggal 13 April 2015.
  13. ^ "Google Messages Beta Hadirkan Desain Material You Lebih Ekspresif". Droloid. 2025-06-07. Diakses tanggal 2025-06-08.

Pranala luar

Wikimedia Commons memiliki media mengenai Material design icons.
Ikon rintisan

Artikel bertopik Google ini adalah sebuah rintisan. Anda dapat membantu Wikipedia dengan mengembangkannya.
Index: pl ar de en es fr it arz nl ja pt ceb sv uk vi war zh ru af ast az bg zh-min-nan bn be ca cs cy da et el eo eu fa gl ko hi hr id he ka la lv lt hu mk ms min no nn ce uz kk ro simple sk sl sr sh fi ta tt th tg azb tr ur zh-yue hy my ace als am an hyw ban bjn map-bms ba be-tarask bcl bpy bar bs br cv nv eml hif fo fy ga gd gu hak ha hsb io ig ilo ia ie os is jv kn ht ku ckb ky mrj lb lij li lmo mai mg ml zh-classical mr xmf mzn cdo mn nap new ne frr oc mhr or as pa pnb ps pms nds crh qu sa sah sco sq scn si sd szl su sw tl shn te bug vec vo wa wuu yi yo diq bat-smg zu lad kbd ang smn ab roa-rup frp arc gn av ay bh bi bo bxr cbk-zam co za dag ary se pdc dv dsb myv ext fur gv gag inh ki glk gan guw xal haw rw kbp pam csb kw km kv koi kg gom ks gcr lo lbe ltg lez nia ln jbo lg mt mi tw mwl mdf mnw nqo fj nah na nds-nl nrm nov om pi pag pap pfl pcd krc kaa ksh rm rue sm sat sc trv stq nso sn cu so srn kab roa-tara tet tpi to chr tum tk tyv udm ug vep fiu-vro vls wo xh zea ty ak bm ch ny ee ff got iu ik kl mad cr pih ami pwn pnt dz rmy rn sg st tn ss ti din chy ts kcg ve
Prefix: a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

Portal di Ensiklopedia Dunia

Portal : Agama
Agama
Portal : Bahasa
Bahasa
Portal : Biografi
Biografi
Portal : Budaya
Budaya
Portal : Ekonomi
Ekonomi
Portal : Elektronika
Elektronika
Portal : Film
Film
Portal : Filsafat
Filsafat
Portal : Geografi
Geografi
Portal : Indonesia
Indonesia
Portal : Ilmu
Ilmu
Portal : Lingkungan
Lingkungan
Portal : Masyarakat
Masyarakat
Portal : Matematika
Matematika
Portal : Militer
Militer
Portal : Mitologi
Mitologi
Portal : Musik
Musik
Portal : Olahraga
Olahraga
Portal : Pendidikan
Pendidikan
Portal : Politik
Politik
Portal : Sastra
Sastra
Portal : Sejarah
Sejarah
Portal : Seni
Seni
Portal : Teknologi
Teknologi
Kembali kehalaman sebelumnya