factograf
MS

Bahasa reka bentuk oleh Google

Material Design

Material Design
All data from the card 11
Pembangun
Google
Pelancaran pertama
25 Jun 2014
Versi terkini/stabil
SenaraiiOS (mul) , GitHub (mul) : 124.2.0 (26 April 2021)pelayar web: 14.0.0 (28 April 2022)Android (mul) : 1.12.0 (2 Mei 2024)
Ditulis dalam
HTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart
Sistem pengendalian
rentas pelantar
Pelantar
Android, iOS, Web
Jenis
Design language (en) , perisian, JavaScript library (en)
Genre
Bahasa reka bentuk
Lesen
Android, iOS: Lesen Apache-2.0 Flutter: Lesen BSD-3-Clause Web: Lesen MIT
Tapak web
Versi Terkini Material Design 3 Versi Arkib Material Design 1 Material Design 2
Repositori
Web: material-components-web Android: material-components-android iOS: material-components-ios Flutter: material-components-flutter

Material Design (nama kod Quantum Paper) ialah bahasa reka bentuk yang dibangunkan Google pada tahun 2014. Memperluaskan motif "kad" yang bermula pada Google Now, Material Design menggunakan lebih banyak susun atur berasaskan grid, animasi responsif dan peralihan, padding, dan kesan mendalam seperti pencahayaan dan bayang-bayang. Google mengumumkan Material Design pada 25 Jun 2014, pada persidangan Google I/O.

Tujuan pembangunan Material Design adalah untuk mencipta bahasa visual baharu yang menggabungkan prinsip klasik reka bentuk yang baik dengan inovasi serta potensi sains dan teknologi. Ketua pereka, Matías Duarte, menjelaskan bahawa "berbeza dengan kertas sebenar, bahan digital kami boleh berkembang dan diperbaharui dengan bijak. Bahan ini mempunyai permukaan dan tepi fizikal. Jahitan serta bayang pula memberi gambaran tentang apa yang boleh disentuh." Material Design berasaskan konsep interaksi kertas dan dakwat serta skeuomorfisme, namun dengan pelaksanaan yang lebih moden.

Pada tahun 2021, Google telah merombak bahasa reka bentuknya dengan memperkenalkan versi baharu yang dikenali sebagai Material You (Material Design 3). Ia memberikan lebih fleksibiliti kepada pereka untuk mencipta tema tersuai dengan kepelbagaian geometri, warna, dan tipografi.

Pada tahun 2025, evolusi bahasa reka bentuk seterusnya, bertajuk "Material 3 Expressive", telah diumumkan.

Pelaksanaan

Material Design telah dilancarkan secara beransur-ansur merentas semua produk web dan mudah alih Google, bagi memberikan pengalaman yang konsisten di semua platform dan aplikasi. Google juga telah mengeluarkan antara muka pengaturcaraan aplikasi (API) untuk pembangun pihak ketiga bagi menyepadukan bahasa reka bentuk tersebut ke dalam aplikasi mereka.

Pelaksanaan Kanonikal sumber terbuka Material Design untuk antara muka pengguna aplikasi web dikenali sebagai Material Web. Selain itu, terdapat kaedah rasmi lain untuk melaksanakannya, seperti penggunaan Flutter. atau Jetpack Compose.

Kemas Kini

Material Design 2 (2018)
Material Design 2 (2018)
Material Design 3 (2021)
Material Design 3 (2021)
2 images

Material Design 2

Selepas rombakan pada tahun 2018, Google mula mereka bentuk semula kebanyakan aplikasi mereka berdasarkan set prinsip dan garis panduan dikemas kini yang digelar sebagai "Material Design 2", yang muncul pada Android Pie. Ia memberikan tumpuan yang lebih besar kepada penyesuaian komponen asas Material Design bagi menyesuaikannya dengan penjenamaan produk yang menggunakannya. Garis panduan yang dikemas kini itu juga sangat menekankan ruang putih, bucu bulat, ikon berwarna-warni, dan bar navigasi bawah. Google mula menggunakan versi fon proprietari Product Sans mereka yang dioptimumkan saiznya yang dikenali sebagai Google Sans.

Material Design 3 (Material You)

Di Google I/O pada Mei 2021, Google mengumumkan konsep baharu pada Android 12 yang dikenali sebagai "Material You" (juga dikenali sebagai "Material Design 3"), menekankan peningkatan animasi, butang yang lebih besar, dan keupayaan untuk menjana tema UI tersuai daripada kertas dinding pengguna. Material You telah dilancarkan secara beransur-ansur ke pelbagai aplikasi Google pada versi Android yang lebih lama dalam bulan-bulan berikutnya, serta bertindak sebagai tumpuan utama bagi siri telefon pintar Pixel 6 dan Pixel 6 Pro.

Material 3 Expressive

Di Pameran Android: Edisi I/O pada Mei 2025, Google telah mengumumkan "Material 3 Expressive" untuk Android 16 dan Wear OS 6. Versi Material Design ini mempunyai persamaan dengan versi sebelumnya, namun telah dipertingkatkan dengan animasi yang lebih baik serta reka bentuk yang lebih berwarna-warni dan moden. Ia telah dilancarkan secara beransur-ansur kepada telefon Pixel (Pixel 6 dan ke atas) serta Tablet Pixel, bermula pada September 2025.

Lihat juga

  • Reka bentuk rata
  • Fluent Design System
  • Garis panduan antara muka manusia
  • Metro (bahasa reka bentuk)
  • Corporate Memphis
  • Liquid Glass

Read next

In 32 languages

Text from Wikipedia, CC BY-SA 4.0 · Source article