Tasarım sistemi; yol gösterici bilgiler, bileşenler ve kalıplar olarak ifade edilen yeniden kullanılabilir tasarım kararlarından oluşan bir koleksiyondur. Sistem en küçük tasarım temellerine ayrılabilir: renk, tür veya şekil gibi daha büyük karmaşık bileşen parçaları. Örneğin, bir simge ve metin etiketi bir düğme bileşeni oluştururken, birden fazla düğme ve bir yüzey bir kart oluşturur. Tasarım sistemlerinin bileşenleri ve kalıpları çerçevesinde bu mevcut tasarım kararlarından oluşan bir rehber de sunulur.
Materyal Tasarım, Google tarafından kullanıcı odaklı güzel ürünler oluşturmanıza yardımcı olmak için geliştirilen açık kaynaklı bir sistemdir. Materyal 3, Materyal Tasarım'ın en son iterasyonudur.
Materyal Tasarım Bileşenleri
Materyal Tasarım, kullanıcı arayüzü oluşturmak için etkileşimli yapı taşları olan bir dizi kod destekli bileşen sunar. Bu bileşenler, amaçlarına göre beş kategoriye ayrılabilir: işlem, kapsayıcılık, gezinme, seçim ve metin girişi.
İşlem bileşenleri
İşlem bileşenleri, kullanıcıların bir amaca ulaşmasına yardımcı olur.
Materyalin, farklı bağlamlarda işlemlerin ve etkileşimlerin önceliğini tanımlamaya yardımcı olmak için birden çok düğme türü vardır. Birincil işlemler için FAB'dan veya genişletilmiş FAB'den simge düğmelerini desteklemeye kadar segmentlere ayrılmış düğmelerle seçenek belirleme.
İletişim bileşenleri
İletişim bileşenleri, kullanıcıları rozetlerle uyararak, ilerleme göstergeleri aracılığıyla durum hakkında bilgi vererek ve gönderi büfeleriyle kısa süreç mesajları sunarak faydalı bilgiler sağlar.
Kapsayıcı bileşenler
Kapsam bileşenleri, düğmeler, menüler veya çipler gibi diğer bileşenler de dahil olmak üzere bilgi ve işlemleri içerir. Çoğu Materyal bileşeninde uygunsuz içerik kullanılır ve ilgili içerik ile işlemler görsel nesnelerle birlikte gruplandırılır: kartlar, diyaloglar, alt sayfalar, kenar sayfaları, bantlar ve ipuçları. Listeler, görünür ayırıcılar göstererek örtülü kapsamda veya açık şekilde sağlanabilir. Bu bileşenler, içerik gruplarının görüntülenmesi için ortak kalıplar sağlar.
Gezinme bileşenleri
Gezinme bileşenleri, kullanıcıların kullanıcı arayüzünde gezinmesine yardımcı olur. Mobil cihazlarda gezinme çubuğu veya gezinme çekmecesi, birincil gezinme hedeflerinizi içerir. Sekmeler, alt uygulama çubuğu ve üst uygulama çubuğu, destekleyici bilgiler ve işlemlerde gezinmeniz için farklı yollar sunar. Düzenlerinizde navigasyonla çalışma hakkında daha fazla bilgi edinin.
Seçim bileşenleri
Seçim bileşenleri, kullanıcıların seçim belirtmesini sağlar. Onay kutuları ve radyo düğmeleri ile form oluşturabilir, çip kullanarak filtreleme yapabilir veya ayarları anahtarlar ve kaydırma çubukları ile açıp kapatabilirsiniz. Seçim bileşenleri, kullanıcıların kararlarını kontrol edip girmelerine olanak tanır.
Metin giriş bileşenleri
Metin giriş bileşenleri, kullanıcıların metin girmelerine ve düzenlemelerine olanak sağlar. Metin alanları, kullanıcıların bir kullanıcı arayüzüne metin girmesini sağlar.
Yazma için tasarım sistemleri
Tasarım sistemlerini daha sorunsuz bir şekilde uygulamak ve uygulamanıza tutarlı bir görünüm ve tarz katmak için tasarım sisteminin nasıl kullanılacağı ve tasarım sisteminin diğer yönleriyle ilgili bilgi edinmek amacıyla Oluşturma sistemlerinde tasarım hakkında bilgi edinin.