Material Design

Material Design
Tipedesign language, perangkat lunak dan JavaScript library
Versi pertama25 Juni 2014; 9 tahun lalu (2014-06-25)
Versi stabil
Daftar
iOS, GitHub: 124.2.0 (26 April 2021)
peramban web: 14.0.0 (28 April 2022)
Android: 1.11.0 (14 Desember 2023)
Versi sebelumnya
Android: 1.8.0-rc01 (6 Januari 2023)
GenreSistem desain perangkat lunak
Lisensi
  • Android, iOS: Apache-2.0 License
  • Flutter: BSD-3-Clause License
  • Web: MIT license
Karakteristik teknis
Sistem operasiLintas platform
PlatformAndroid, iOS dan peramban web
Bahasa pemrogramanDart, Objective-C, Swift, Java dan TypeScript
Informasi pengembang
PengembangGoogle
Sumber kode
Kode sumberPranala
Informasi tambahan
Situs webmaterial.io
Stack ExchangeEtiqueta
Twitter: materialdesign Youtube: UCcnSNQb0tLVd8uT7gzI8duA GitHub: material-components
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[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]

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 versi 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 versi 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. 

Pranala luar

Wikimedia Commons memiliki media mengenai Material design icons.
  • Situs web resmi
  • Templat:Wikipedia Bahasa Inggris
  • l
  • b
  • s
Android
Pengembangan
Android logo
Rilis
Google Nexus
Sistem operasi turunan
  • AOKP
  • Baidu Yi
  • Barnes & Noble Nook
  • CyanogenMod
  • LeWa OS
  • MIUI
  • Flyme OS
  • OPhone
  • OmniROM
  • Replicant
  • XobotOS
  • Fire OS
  • Nokia X Software Platform
  • Ubuntu untuk Android
Perangkat turunan
Aplikasi
Antarmuka
alternatif
Daftar
  • Topik terkait Android
  • Daftar versi Android
  • Perangkat Android
  • Perangkat lunak pembaca e-book
  • Aplikasi Android sumber terbuka
  • Peluncur Android
Lainnya
  • l
  • b
  • s
Periklanan
Komunikasi
Perangkat lunak
Platform
Perkakas pengembangan
Penerbitan
Pencarian (PageRank)
Dihentikan
Terkait
Tokoh
  • Project page Proyek
  • Category Kategori
  • Commons page Commons
  • Wikiversity page Wikiversity
Ikon rintisan

Artikel bertopik Google ini adalah sebuah rintisan. Anda dapat membantu Wikipedia dengan mengembangkannya.

  • l
  • b
  • s