Google’ın yeni tasarım standardı olan Material Design kapsamında tasarımcılara ve geliştiricilere fayda sağlayacak 34 kaynağa bir göz atın.
Google’ın ilk olarak, 25 Haziran 2014 tarihinde düzenlenen Google I/O 2014 etkinliğinde duyurduğu yeni tasarım standardı Material Design, artık tüm Google ürünlerine uygulanmaya devam ediyor. Sade ve hızlı bir deneyime, canlı renklere ve yeni efektlere sahip olan bu standart, tasarımcı ve geliştiriciler için de bir ilham kaynağı olmuş durumda.
Metin formlarından menülere, ikonlardan geçiş efektlerine kadar birçok tasarımcı ve geliştiricinin işine yarayacak çeşitli Material Design kaynakları da her geçen gün artmaya devam ediyor. İşte bunlardan bazıları…
1. Polymer
Polymer’i, HTML elementlerini oluşturabilmeniz için son web teknolojilerini kullanan bir kütüphane olarak tanımlayabiliriz. Küçük bir butondan, kapsamlı bir uygulamaya kadar birçok konuda Polymer’den faydalanabilirsiniz.
2. Material UI
Google’ın Material Design’ını uygulamak için gerekli bileşenleri sağlayan ve bir CSS Framework olan bir platformdur. Daha iyi anlayabilmeniz açısından Material UI’ye React kütüphanesinden başlayabilirsiniz.
3. LumX
Google’ın yönergelerine göre yapılandırılmış olan LumX, Angular JS ve Material Design standardına dayalı responsive front-end framework’üdür.
4. Materialize
Materialize, Material Design’a dayalı modern ve responsive front-end framework’üdür. Butonlar, kartlar, ikonlar, renkler, tablolar, formlar, gölgeler ve daha birçok element ve bileşenleri bulabilirsiniz.
5. Android Music App
Material Design standardına uygun müzik uygulaması geliştirmek isteyenler için bu hazır tasarımı kullanabilirsiniz. Ana ekran, giriş ekranı, sidebar, playlist, oynatıcı, albüm görünümü, kullanıcı ekranı ve daha birçok bileşen ile müzik uygulamasının tüm gereksinimleri yer alıyor. Fiyatı: 15 dolar.
6. Material Design Hamburger
CSS ile hazırlanan Material Design Hamburger, tüm tarayıcıları destekliyor. CSS ve JS dosyalarıyla birlikte son sürümünü indirebilir ve projelerinizde kullanabilirsiniz.
7. Material UI kit
Tüm yeni Material UI kiti (HTML + CSS) bulunmaktadır.