WikiMini

Material Design

Material Design
Material Design 3 ve Android 12
GeliştiriciGoogle
İlk yayınlanma25 Haziran 2014 (11 yıl önce) (2014-06-25)
Güncel sürümler
Android1.12.0[3] Bunu Vikiveri'de düzenleyin 2 Mayıs 2024
iOS124.2.0[2] Bunu Vikiveri'de düzenleyin 26 Nisan 2021
Kod deposugithub.com/material-components
Programlama diliHTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart
PlatformAndroid, iOS, Web
TürTasarım dili
Lisans
Resmî sitesiGüncel sürüm

Arşivlenmiş

Dipnotlar
*iOS ve Web sürümlerinin geliştirilmesi durdurulmuştur.

Material Design (kod adı Quantum Paper)[4] Google tarafından 2014 yılında yayımlanmış bir tasarım dilidir. Google Now ile ortaya çıkan "kart" arayüzünün ızgara tabanlı arayüz, çeşitli animasyonlar ve gölge efektleri gibi ilaveler ile geliştirilmesine dayanır. İlk sürümü Google tarafından 25 Haziran 2014'te, Google I/O konferansında duyuruldu.[5]

Material Design'ın geliştirilme amacı, teknoloji ve bilimin ışığında klasik tasarım yeterliliklerini yeni bir tasarım diline uyarlamaktı. Baş tasarımcı Matías Duarte bunu "fiziksel kağıdın dışında dijital materyalizmin zekice genişleyişi ve yeniden şekillenişi" olarak açıkladı. Material Design, skeomorfik etkileşim kavramlarının da dahilinde kağıt ve mürekkep teması tabanlıdır. Ancak daha geniş bir uygulama alanına sahiptir.[6][7][8]

2018'de Material Design 2'nin tanıtımı ile; geliştiricilere daha geniş renk, tipografi ve geometri özelleştirmeleri sunacak ve kendi temalarını oluşturmaya izin verecek şekilde revize edildi[9]

Tasarım dili 2021 yılında, Material 3 (Material You) adını alarak büyük bir değişim geçirdi.[10] 2025 yılında ise küçük değişiklikler yapılarak "Material 3 Expressive" kılavuzu yayımlandı.[11]

Uygulama

[değiştir | kaynağı değiştir]

Material Design, Google'ın android platformundakiler başta olmak üzere pek çok hizmetinde kullanılır hale gelmiştir. Buna ilaveten Google, çeşitli platformlarda kullanılmak üzere uygulama programlama arayüzleri (API) vasıtasıyla bağımsız geliştiricilerin de Material Design'ı kendi uygulamalarında kullanabilmesini sağlamıştır.[12][13][14]

Dynamic color

[değiştir | kaynağı değiştir]

Dynamic color, Material Design'ın renk kataloğunu cihazın arka plan resminden otomatik olarak oluşturan bir Android yazılımıdır. Android 12 ile birlikte desteklenmeye başlamıştır ve Material 3 kullanımı gerektirir. Dynamic color'ı destekleyen uygulamalar, işletim sisteminin cihazın arka planından otomatik olarak oluşturduğu 27 renklik renk kataloğunu kullanır, arka plan değiştikçe uygulamanın renkleri de değişir.[15]

Android 12'nin easter eggi olan "Paint chips", bu özelliği vurgulamak üzere hazırlanmıştır.

Sürümler

[değiştir | kaynağı değiştir]
Material Design 2 (2018)
Material Design 3 (2021)

Material Design 1

[değiştir | kaynağı değiştir]

25 Haziran 2014'te Google I/O konferansında tanıtılan sürümdür.

Material Design 2

[değiştir | kaynağı değiştir]

2018'de Android 9'da ilk defa kullanılmış, Material 1'e göre yeni bir kılavuz ve API ile yayımlanmıştır.[16] Yayımlandıktan sonra Google, pek çok uygulamasını Material 2 ile yeniden tasarlamaya başlamıştır.[17] Material 1'e kıyasla daha fazla özelleştirme seçeneği ve karanlık mod desteğine sahiptir. Yuvarlak köşeler, elemanlar arası boşluklar, canlı renkler ve alt gezinti çubuğu (Bottom navigation bar) gibi yeniliklerle gelmiştir. Beraberinde Google ürünü olan "Product sans" yazı tipi de "Google sans" olarak yeniden adlandırılmış ve geliştirilmiştir.[18]

Material Design 3

[değiştir | kaynağı değiştir]

Mayıs 2021'deki Google I/O etkinliğinde Google, Android 12 ile birlikte Material Design'ın yeni sürümü olan Material You'yu (Material 3) tanıttı.[19] Material Design'ın bu sürümü, eski sürüme nazaran daha fazla animasyon, daha büyük butonlar içermektedir. Cihazın arka planına göre özel renk kataloğu ve temalar yaratmaya yarayan Dynamic color özelliği ile beraber tanıtılmıştır.[10] Material You, sonraki aylarda daha eski Android sürümlerindeki çeşitli Google uygulamalarına aşamalı olarak sunulmuştur. Pixel 6 akıllı telefon serisinin odak noktalarından olmuştur.[20][21][22]

Material 3 Expressive

[değiştir | kaynağı değiştir]

Mayıs 2025'teki The Android Show: I/O Edition etkinliğinde Google, Android 16 ve Wear OS 6 için Material 3 Expressive adında yeni bir sürüm duyurdu. Bu sürüm Material 3'ye göre farklı bir kılavuz içermesine rağmen yazılımsal bir yenilik getirmemişti. Kılavuzda Google, daha fazla renk çeşitliliği ve animasyon kullanmayı tavsiye ediyordu.[23]

Kaynakça

[değiştir | kaynağı değiştir]
  1. ^ a b Hata: Referans düzgün görüntülenemiyor. Bilgi için belgeleme sayfasına bakınız.
  2. ^ a b c "Release 124.2.0". 26 Nisan 2021. Erişim tarihi: 18 Mayıs 2021. 
  3. ^ "Release 1.12.0". 2 Mayıs 2024. Erişim tarihi: 23 Mayıs 2024. 
  4. ^ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". Techcrunch. 11 Haziran 2014. 23 Kasım 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 11 Haziran 2014. 
  5. ^ "Material design". PopArt Studio. 29 Mart 2024 tarihinde kaynağından arşivlendi. Erişim tarihi: 10 Nisan 2024. 
  6. ^ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget. 25 Haziran 2014. 16 Ağustos 2016 tarihinde kaynağından arşivlendi. Erişim tarihi: 26 Haziran 2014. 
  7. ^ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design. 25 Haziran 2014. 29 Temmuz 2014 tarihinde kaynağından arşivlendi. Erişim tarihi: 26 Haziran 2014. 
  8. ^ "Google Reveals Details About Android L at Google IO". Anandtech. 28 Haziran 2014 tarihinde kaynağından arşivlendi. Erişim tarihi: 26 Haziran 2014. 
  9. ^ "Material Design". Material Design (İngilizce). 2 Haziran 2025 tarihinde kaynağından arşivlendi. Erişim tarihi: 3 Haziran 2025. 
  10. ^ a b Bohn, Dieter (18 Mayıs 2021). "Android 12 preview: first look at Google's radical new design". The Verge (İngilizce). 22 Mayıs 2021 tarihinde kaynağından arşivlendi. Erişim tarihi: 19 Mayıs 2021. 
  11. ^ "Material Design". Material Design (İngilizce). 3 Haziran 2025 tarihinde kaynağından arşivlendi. Erişim tarihi: 3 Haziran 2025. 
  12. ^ Chris Smith (30 Temmuz 2014). "Google's Material Design is about to change the way we look at the worldwide web". BGR. 1 Ağustos 2014 tarihinde kaynağından arşivlendi. Erişim tarihi: 15 Ağustos 2025. 
  13. ^ "We just played with Android's L Developer Preview". Engadget. AOL. 26 Haziran 2014. 26 Haziran 2014 tarihinde kaynağından arşivlendi. Erişim tarihi: 26 Haziran 2014. 
  14. ^ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. 25 Haziran 2014. 26 Haziran 2014 tarihinde kaynağından arşivlendi. Erişim tarihi: 26 Haziran 2014. 
  15. ^ "Dynamic Color on Android from a UI/UX designer point of view – FiveDotTwelve – Full-cycle Flutter app development company". fivedottwelve.com. Erişim tarihi: 15 Ağustos 2025. 
  16. ^ Hall, Stephen (26 Nisan 2018). "What exactly is this so-called 'Material Design 2,' and what will it look like?". 9to5Google (İngilizce). 10 Ağustos 2020 tarihinde kaynağından arşivlendi. Erişim tarihi: 6 Eylül 2020. 
  17. ^ "Material Design". Material Design (İngilizce). 16 Ocak 2021 tarihinde kaynağından arşivlendi. Erişim tarihi: 6 Eylül 2020. 
  18. ^ Hall, Stephen (9 Mayıs 2018). "Now we know: Google Sans is actually a size-optimized version of Product Sans". 9to5Google (İngilizce). 14 Mayıs 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 6 Eylül 2020. 
  19. ^ @ (27 Ekim 2021). "The latest in Material Design is NOW available. With Material Design 3, our next generation of the system, we're introducing Material You — a new set of features that help make your apps more personalized. Give it a try → goo.gle/m3-material-io #AndroidDevSummit" (X gönderisi) – X vasıtasıyla. ; Eksik ya da boş |kullanıcı= (yardım); Eksik ya da boş |numara= (yardım)
  20. ^ Warren, Tom (10 Eylül 2021). "Google's Material You design is coming to Gmail, Calendar, and Docs on Android". The Verge. 17 Eylül 2021 tarihinde kaynağından arşivlendi. Erişim tarihi: 19 Eylül 2021. 
  21. ^ Li, Abner (15 Eylül 2021). "Google Photos rolling out Material You redesign, but without Dynamic Color". 9to5Google. 19 Eylül 2021 tarihinde kaynağından arşivlendi. Erişim tarihi: 19 Eylül 2021. 
  22. ^ "Google Contacts is already getting its Material You UI makeover". Android Police. 29 Temmuz 2021. 20 Eylül 2021 tarihinde kaynağından arşivlendi. Erişim tarihi: 19 Eylül 2021. 
  23. ^ "Android and Wear OS are getting a big refresh". Google (İngilizce). 13 Mayıs 2025. Erişim tarihi: 13 Mayıs 2025. 

Dış bağlantılar

[değiştir | kaynağı değiştir]